/* CSS Document */
html, body { height: 100%; width:100%; font-size:14px; line-height:1.4rem; font-family: 'Lato', sans-serif; background-color:#ffffff; }
.body { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -510px auto; width:100%; }
body, input, textarea, select { font-family:inherit; font-size:inherit; line-height:inherit; }

p { margin-bottom:1em; }
ul, ol { }

/*link styling */
a, .link { text-decoration:none; color:#3B59BA; cursor:pointer; }
a:hover, .btnspan:hover { text-decoration:underline; }
.btnspan { cursor:pointer; }
.relative { position:relative; }
.req { color:red; }
.ast { color:red; margin-left: 5px; }
.flex { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; }

input[type=submit], input[type=button], input[type=reset] { border:1px none #FFF; outline:1px none #FFF; cursor:pointer; color:#FFF; -webkit-border-radius: 0; border-radius:0; -webkit-appearance:none; }
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover { /*color:#22ABFF;*/ color:#FFF; }
.inputfield { border:1px none #FFF; font-size:1.2em; }
input[type=reset] { background:#999 !important; text-transform:uppercase; }

::-webkit-input-placeholder { font-style:italic; color:#999; }
:-moz-placeholder { font-style:italic; color:#333; }
::-moz-placeholder { font-style:italic; color:#333; }
:-ms-input-placeholder { font-style:italic; color:#999; }

input.btn-blue  { background: #3b59bb; text-transform:uppercase; padding:10px 20px; }

.clearfix { clear: both; }
.bgcover { background-repeat:no-repeat !important; background-size:cover !important; background-position:top center !important; }

.alphatag { position:fixed; z-index:101; width:120px; height:120px; background:url(../i/betaversion.png) top left no-repeat; background-size:contain; }
.mobilemode, .disnone { display:none; }
.button { cursor:pointer !important; pointer-events:auto !important; }

.absolutebody { width:100%; height:100%; }

/* ============= */
/* HEADER */
header { background:#FFF; box-shadow: 2px 2px 2px #ccc; }

header .topbar { background-color: #292e34; height: 50px; }
header .topbar .topsocial { width:100%; max-width:1180px; margin:0 auto; }
header .topbar .topsocial .topright { float: right; color: #7e8285; margin:10px 0 0 0; }

header .connectme { float: left; margin-left: 10px; }
header .connectme li { float: left; margin-left: 10px; font-size: 16px; }
header .connectme a { color: #7e8285; text-decoration: none; }

header .connectme li.logvia {
	border-radius: 50%;
	text-align: center;
	float: left;
	padding: 4px 6px 8px 6px;
	margin:0 0 0 12px;
	height: 17px;
	width: 19px;
	color: #fff;
}

header .connectme li.logvia a { color: #fff; }
header .connectme li.logvia:hover { background:#000; }
header .connectme li.lgn { padding: 4px 0 0 10px; }
header .connectme li.lgn i { margin:0 8px 0 0; }
header .connectme li.linkline { border-left: 1px solid #666; padding: 0 0 0 15px; margin: 4px 0 0 15px; }
header .connectme a:hover li.lgn  { color:#FFF; }

header .languages { position:relative; margin:0 5px 0 0; float:left; width:240px; text-align:left; font-size:16px; min-height:40px; }
.languages .language { float:left; width:239px; margin:4px 0 0 0; border-right:1px solid #666; height:22px; }
.languages .language .text { float:left; width:85px; }
.languages .flagarea { float:left; width:25px; margin:6px 9px 0 0; height:16px; }
.languages .flagarea .flag { width:24px; height:14px; background:url(../i/languages-flag.jpg) no-repeat; }
.languages .language .lang { float:left; width:80px; height:22px; }
.languages .language .flagdropdown { float:right; width:30px; height:22px; }

.flag-en { background-position:0 0; }
.flag-my { background-position:0 -14px !important; }
.flag-id { background-position:0 -28px !important; }
.flag-th { background-position:0 -42px !important; }

.languages .langmenus { display:none; width:240px; position:absolute; top:40px; background:#292e34; min-height:40px; z-index:99; }
.languages:hover .langmenus { display:block; border-top:1px solid #E8193B; }
.languages .langmenus a { color:inherit; }
.languages .langmenus a:hover { color:#FFF; }
.languages .langmenus .lgmenu { height:40px; width:100%; }
.languages .langmenus .lgmenu .lgarea { width:220px; padding:4px 10px 0; border-bottom:1px solid #404143; height:35px; }
.languages .langmenus .lgmenu .lang { float:left; }


/* menu area */
.headerarea {
	position:relative;
	height: 90px;
	max-width: 1180px;
	width: 100%;
	margin: 0 auto;
}
.headerarea .logonew { position: absolute; top: 15px; left: 0; }

.headerarea .mainmenu {
	text-align: center; 
	display: block;
	font-size: 18px;
	color: #000;
	margin:0 0 0 380px;
}
.headerarea .mainmenu li {
	float: left;
	height: 85px;
	border-bottom: 5px solid #FFFFFF;
	margin-right: 6px;
	/*font-family: 'CoolveticaRg-Regular' sans-serif;*/
	font-family: 'Lato';
}
.headerarea .mainmenu li.active { border-bottom: 5px solid #E8193B; }
.headerarea .mainmenu li a.menulink {
	display:block;
	color: #000; 
	padding:30px 14px 10px 14px;
	height:50px;
}
.headerarea .mainmenu li:hover {
	background: #E8193B; /* Old browsers */
	border-bottom: 5px solid #E8193B;
	color: #fff;
	/*font-weight: bold;*/
	cursor: pointer;
}
.headerarea .mainmenu li:nth-child(4):hover { background:#FFF; }
.headerarea .mainmenu li:hover a { color: #fff; text-decoration: none; }

.headerarea .mainmenu li .imgedge { width:100px; height:25px; background-image:url(../i/menu_edgeasia.png); background-position:top center; background-repeat:no-repeat; }
.headerarea .mainmenu li:hover .imgedge,
.headerarea .mainmenu li.active .imgedge { background-position:bottom center; }


.headerarea .searchnew { position:absolute; right:0; margin:28px 0 0 0; }
.headerarea .searchnew .magnifier {
	position:absolute;
	top: 5px;
	left: 10px;
	color: #ccc;
	font-size: 14px;
}
.headerarea .searchnew input {
	border: 1px solid #ccc !important;
	width: 200px;
	height: 10px;
	padding: 10px 10px 10px 30px;
}

.topbg { background: #e8e8e8; }
.eventbackdrop { background:url(../i/avs/201907/Langrisser_SEA_launch_July30th_1920×462.jpg) center top no-repeat #e8e8e8; background-size: contain; padding-top:23%; position:relative; }
/*.eventbackdrop2 { background:url(../i/avs/201907/LangrisserSEA-190710-1920x462.jpg) center top no-repeat; padding-top:280px; }*/
@media only screen and (max-width : 480px) {
	.eventbackdrop { background-image:url(../i/avs/201907/Langrisser_SEA_launch_July30th_300×250.jpg); }
}

.eventbackdrop .avclick { position:absolute; top:0; left:0; width:100%; height:250px;  }

/* SLIDER */
.slider { margin:0 0 10px 0; float: left; width: 868px; color:#FFF; height:380px; }
.slider.noreview { margin:0 auto 10px auto; float:none; }
.slider a { color:inherit; }
.slider .slidealign {
	float: left;
	overflow:hidden;
	overflow-y:scroll;
	width:230px;
	height:380px;
	background:#000;
}
.slider .slidealign::-webkit-scrollbar { width:5px; }
.slider .slidealign::-webkit-scrollbar-track { }
.slider .slidealign::-webkit-scrollbar-thumb { background-color:#F00; outline:#F00; }

.slider .slidealign .smallleft {
	position:relative;
	width: 228px;
	height: 74px;
	overflow: hidden;
	border: 1px solid #000;
	cursor:pointer;
}
.slider .slidealign .smallleft .textspace { z-index:1; position:absolute; width:208px; height:64px; padding:5px 10px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:flex-end; align-items:flex-end; -webkit-justify-content:flex-end; justify-content:flex-end; }
.slider .slidealign .smallleft .textspace {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+50,020000+100&0+40,1+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 40%, rgba(0,0,0,0.17) 50%, rgba(2,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 40%,rgba(0,0,0,0.17) 50%,rgba(2,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 40%,rgba(0,0,0,0.17) 50%,rgba(2,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#020000',GradientType=0 ); /* IE6-9 */
}

.slider .slidealign .smallleft .textspace .textarea { display: -webkit-box; overflow:hidden; width:100%; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-family:'Roboto Slab'; font-weight:bold; font-size:14px; }
.slider .slidealign .smallleft .textspace .textarea h1 { font-size:1rem; line-height: 1.4rem; }
.slider .slidealign .smallleft .textspace .textarea span { display:none; }
.slider .slidealign .smallleft .imgspace {
	width: 228px;
	height: 74px;
	opacity:0.5;
	transition:0.2s ease-out;
}
.slider .smallleft.active .imgspace, 
.slider .smallleft:hover .imgspace {	
	opacity:1; transition:0.2s ease-out;
}

.slider .mainslide { float: right; width: 638px; height: 380px; background:#000; }
.slider .mainslide .mainslider { float: left; width: 638px; height: 380px; overflow: hidden; position:relative; }

.slider .mainslider .textspace { z-index:1; position:absolute; width:100%; height:360px; padding:10px 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:flex-end; align-items:flex-end; -webkit-justify-content:flex-end; justify-content:flex-end; }
.slider .mainslider .textspace .textarea { margin:0 15px; padding:10px; background: rgba(0,0,0,0.7); width: 100%; }
.slider .mainslider .textspace .textarea h1 { font-family:'Roboto Slab'; font-weight:bold; font-size:1.6rem; line-height:1.8rem; margin:0 0 5px 0; }
.slider .mainslider .textspace .textarea span { height:40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; }
.slider .mainslider .imgspace {
	width:100%;
	height:380px;
}

/* pinned */
.imgspace .pinned { width:30px; height:40px; background:url(../i/gamehubs-pinned.png) top right no-repeat; top:0px; right:5px; position:absolute; z-index:11; }

/* REVIEW TOP RIGHT PANEL */
.reviewpanel {
	float:right;
	width:300px;
	height:380px;
	overflow:hidden;
}
.reviewpanel .topreview {
	position:relative;
	width:300px;
	height:380px;
}
.reviewpanel .reviewpoint { margin-top: -63px; margin-left: -13px; text-align:center; }
.reviewpanel .reviewpointbg { position: absolute; top: 218px; right: 0; }
.reviewpanel .reviewpoint > span {
	display:block;
	width:40px;
	text-align:center;
	font-size: 19px;
	position: absolute;
	top: 21px;
	right: 28px;
	color: #fff;
}
.reviewpanel .reviewtxt {
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	position:absolute;
	-webkit-align-items:flex-end; align-items:flex-end; 
	-webkit-justify-content:flex-end; justify-content:flex-end;
	width:100%;
	height:100%;
}
.reviewpanel .reviewtxt .textarea { font-family:'Roboto Slab'; font-weight:bold; font-size: 18px; line-height:22px; background:rgba(0,0,0,0.7); padding:15px 10px; color: #fff; width:280px; }
.reviewpanel .imgspace { width:100%; height:100%; }

/* FEATURED HORIZONTAL */

.feat { width: 100%; margin: 0 auto; }
.feat .centered {
	text-align: center;
	margin:32px 0 42px;
	border-bottom: 1px solid #ccc;
	line-height: 1px;
}
.feat .centered span {
	padding: 0 10px;
	background: #e8e8e8;
	text-transform:uppercase;
	font-size: 20px;
	font-family: 'Roboto Slab';
	font-weight:bold;
}

.feat .featurecontainer {
	width: 100%;
	display: inline-block;
}
.feat .newfeature { width: 25%; float: left; }
.feat .newfeature .newfpad { padding:0 5px; }
.feat .newfeature .imgspace { position:relative; width:100%; height:150px; }
.feat .newfeature .vidimage { position:absolute; width:100%; height:100%; }
.feat .featuredesc { margin:10px 0; }
.feat .featuredesc h2 { 
	font-size: 20px;
	font-family:"Roboto Slab";
	font-weight:bold;
	line-height: 24px;
	margin:0 0 4px 0;
}
.feat .featuredesc a { color:#000; }
.feat .featuredesc > div {
	text-transform: none;
	font-weight: normal;
}
.feat .featuredesc > div a { color:#3B59BA; }


/* ======================== */
/* BODY */
/* ======================== */

.greyspace { width:100%; background:#e8e8e8; }
.wrapper { position:relative; width:100%; max-width: 1180px; margin:0 auto; padding:30px 0; }
.wrapper2 { padding:32px 0 10px 0; }
.mainav {
	width:100%;
	max-width:728px;
	text-align:center;
	overflow:hidden;
	margin:0 auto 20px auto;
}
.mainav img { }
.skyav { width:100%; max-width:160px; text-align:center; margin:0 auto; }
.mmav { position:fixed; bottom:0; left:0; width:100%; height:110px; background:#FFF; display:none; z-index:999; }
.mmav .close { position:absolute; top:0; right:2px; width:10px; height:10px; color:#000; z-index:1; }
.mmav .mmavarea { position:absolute; top:10px; left:0; width:100%; height:100px; background:url(../i/avs/gamehubs_mmav.jpg) bottom center no-repeat; text-align:center; }
.mmav .mmavarea > div { margin: 0 auto !important; }

/* temp */
.mainav { background:url(../i/avs/gamehubs_leaderboard.jpg) center top no-repeat; height:90px; }
.rectav { background:url(../i/avs/gamehubs_rect.jpg) center top no-repeat; }
.skyav { background:url(../i/avs/gamehubs_skyscrapper.jpg) center top no-repeat; }
.rectav > div { margin:0 auto; }


.wrapper .section-title { float: left; color:#3B59BA; font-size: 20px; line-height:24px; font-family:"Roboto Slab"; font-weight:bold; width:100%; padding-bottom:12px; }
.wrapper .section-title.article { float: left; font-size: 32px; width:100%; padding-bottom:12px; line-height:36px; color:#000; }
.wrapper .panel { float:left; margin:0 0 25px 0; }
.wrapper .panel .panelbg { background-color: #ffffff; border: 1px solid #cccccc !important; }
.wrapper .panel .lists, 
.wrapper .panel .lists .list { float:left; width:100%; position:relative; font-size: 14px; margin-top:20px; margin-bottom: 15px; }

/* ======================== */
/* LEFT CONTAINER */

.leftpanel {
	float:left;
	margin:0 15px 0 0;
	width: 220px;
}
.leftpanel .panel { width:100%; }

/* releases */

.releases { }
.releases .relist { display:block; margin:0 0 15px 0; background-color:#000; min-height:75px; }
.releases .relist .rebox { width:100%; /*border-left:4px solid #E8193B;*/ padding:15px 0; overflow:hidden; background:rgba(0,0,0,0.6);  min-height:55px; transition:0.5s all; }
.releases .relist:hover .rebox { background:rgba(0,0,0,0.2); transition:0.5s all; }
.releases .relist .relright { padding:0 18px; }
.releases .relist .relright .name { font-family:"Roboto Slab"; font-weight:bold; font-size:14px; line-height:18px; color:#FFF; }
.releases .relist .relright .platform { font-size:12px; line-height:16px; color:#FFF; }
.releases a:hover { text-decoration:none !important; }

.releases { }
.releases .list { margin-bottom:5px; width:180px; height:60px; }
.releases .title { position: absolute; color: white; left: 8px; top: 16px; width: 200px; z-index:1; overflow:hidden; font-size: 16px; font-weight: bold;}
.releases .title.long {top: 8px;}
.releases .date { position: absolute; color:#fff; font-size: 14px; top: 33px; left: 8px; z-index:1; }
.releases .date.pushbottom { top: 44px; }
.releases .platformshome {
	position:absolute;
	z-index:1;
	background-color: #ed1420;
	text-align: center;
	height: auto;
	right: 0;
	top: 6px;
	color: #ffffff;
	font-size: 9px;
	padding:0 5px;
}
.releases .imgspace { width:219px; height:71px; background:#000; overflow:hidden; }
.releases .imgspace .fade { position:absolute; width:100px; height:72px; background:#000; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+20,000000+80&1+20,0+80 */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 80%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(20%,rgba(0,0,0,1)), color-stop(80%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 20%,rgba(0,0,0,0) 80%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(0,0,0,1) 20%,rgba(0,0,0,0) 80%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(0,0,0,1) 20%,rgba(0,0,0,0) 80%); /* IE10+ */
	background: linear-gradient(to right, rgba(0,0,0,1) 20%,rgba(0,0,0,0) 80%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */
}
.releases .list img { width:100%; height:auto; transition:0.2s ease-out; }
.releases .list:hover img { width:110%; }

.releases .seemore { display:block; float:left; text-align: center; font-size: 14px; background:#3B59BA; padding:8px 0; width:100%; color:#FFF; }
.releases .releaseads { float:left; text-align: center; margin-top: 20px; width:100%; }

/* poll */

.poll { }
.poll img {
	margin-left: -5px;
	margin-top: 2px;
	padding-top: 0px;

}

.poll .title {
	font-weight:700; 
	width: 130px; 
	margin-bottom: 10px;
}
.poll .question {
	margin-bottom: 6px;
}

.poll .vote {
	color: #ffffff;
	position: relative;
	top: -28px;
	left: 2px;
	font-size: 14px;
}
.poll .totalvotes {
	font-size: 11px;
	font-weight: 600;
	font-style: italic;
}

.poll p.percentage {
	font-size:18px; 
	color: #E8193B;
}
.poll .vbtn {
	float: right; 
	color: #ffffff;
	background-color: #3B59BA;
	margin-top: -24px;
	margin-right: -1px;
	width: 79px;
	height: 23px;
	text-align: center;
	line-height: 23px;
	text-transform:uppercase;
}
.poll .vbtn:hover, .selectbg:hover, .probg:hover {
	background: #000;
	cursor: pointer;
}
.poll .clear {
	margin-bottom: 20px;
}

.polls {
	float:left;
	padding: 12px;
	background-color: #ffffff;
	border: 1px solid #cccccc !important;
	width: 193px;
	margin-bottom: 20px;
}

.thepoll img {
	
}

/* ======================== */
/* MID INDEX */

.midindex {
	float:left;
	width:100%;
	max-width: 944px;
}

.featurewrapindex {	max-width: 624px; float: left; width:100%; }
.featurewrapindex .newspanel,
.featurewrapindex .newspanel .postwrapper,
.featurewrapindex .newspanel .postwrapper .loading,
.featurewrapindex .newspanel .postwrapper .norecords { float:left; width:100%; }

.midindex .loading, 
.midindex .norecords { text-align:center; }
.midindex .loading i { font-size:2rem; }

.newtabs { float: left; width: 100%; border-bottom:3px solid #eb2124; margin:0 0 20px 0; }
.newtabs.ingames { float: left; width: 100%; border: none; margin: 0 auto; }
.newtabs ul { vertical-align: baseline; }
.newtabs ul li { float:left; display:inline-block; padding:10px 12px; background-color: #ffffff; }
.newtabs.ingames ul li { border:1px solid #CCC; border-bottom:1px none #FFF; border-top-left-radius: 5px; border-top-right-radius: 5px; }

.newtabs ul li:hover, 
.newtabs ul li.selected { cursor:pointer; background:#E8193B; color:#FFF; border-top:1px solid #E8193B; border-top-left-radius: 5px; border-top-right-radius: 5px; }

.newtabs li.leftnews { font-family:"Roboto Slab"; font-weight:bold; font-size: 20px; line-height:24px; padding:8px 16px 8px 0; }
.newtabs li.leftnews:hover { background: #fff; color: #000; border: none; cursor: auto; }
.newtabs li.rightview { float: right; color: #E8193B; padding:10px 0 6px 0; }
.newtabs li.rightview:hover { background: #fff; color: #E8193B; border: none; cursor: auto; }
.newtabs li.rightview a { color:#3B59BA; }

.featurewrapindex .toparticle { float:left; width:100%; margin:0 0 20px 0; }
.featurewrapindex .toparticle .imgspace { float:left; width:100%; height:280px; margin:0 0 10px 0; position:relative; }
.featurewrapindex .title,
.newswrap .title, 
.featurewrap .title {
	color: #000;
	font-size: 20px;
	line-height:24px;
	font-family:"Roboto Slab";
	font-weight:bold;
	width: 100%;
}
.featurewrapindex a { color: #000; }

.tfont { color: #000; font-size: 12px; }
.tfont a { color:#3B59BA; }
.midindex .title, .midindex .tfont, .midindex .tafont { margin:0 0 2px 0; }

.featurewrapindex .tsize { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; width:100%; overflow:hidden; margin-bottom:10px; }
.featurewrapindex .toparticle .tsize { -webkit-line-clamp: 3; height:68px; }
.featurewrapindex .article .tsize { height:116px; width:100%; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

.newswrap { }
.newswrap .article { float: left; width: 300px; height: 450px; }
.newswrap .article:nth-child(even) { float:right; }
.newswrap .article .imgspace { float:left; width:100%; height:175px; margin:0 0 10px 0; position:relative; }

.featurewrap, .articlewrap { float:left; width:100%; }
.featurewrap .article {
	float: left;
	margin: 0 20px 20px 0;
}

.reviewwrap { width:100%; }
.reviewwrap .article { height: 380px; }
.reviewwrap .norecords,
.reviewwrap .loading { padding:0 0 20px 0; }

/* right panel index */

.rightpanelindex {
	float: right;
	width: 100%;
	min-width: 300px;
	max-width: 300px;
	margin: 0 0 20px;
}

.rightpanelindex .skypanel { width:300px; }

.hr { border-bottom: 1px solid #ccc !important; float:left; width:100%; margin-bottom: 40px; }

/* videowrap */

.videowrap { width:100%; }
.videowrap .vidcontent {
	position:relative;
	float:left;
	width:100%;
	margin-bottom: 20px;
	height:140px;
	overflow:hidden;
}
.videowrap .vidcontent p.title, 
.popular p.title {
	color: #3B59BA;
	font-size: 14px;
	font-weight: bold; 
	line-height:18px;
}
.videowrap .vidcontent span.title, 
.popular span.tcolor {
	color: #3B59BA;
}

.homevideo { float: left; margin:0 22px 12px 0; width:300px; position:relative; height:175px; }
.homevideo:nth-child(3n + 0) { margin:0 0 12px 0; }
.homevideo .imgspace { float:left; width:300px; height:175px; }
.homevideo .imgspace .vidimage { position:absolute; width:100%; height:100%; }
.homevideo .homevideobg { position:absolute; bottom:0; left:0; background:rgba(99,99,99,0.7); width: 300px; }
.homevideo .homevideotxt {
	font-family:"Roboto Slab";
	font-weight:bold;
	font-size: 14px;
	line-height:18px;
	color: #fff;
	padding: 10px;
}
.homevideo .homevideotxt > div {
	display: table-cell;
	vertical-align: top;
	height: 36px;
	/*width: 200px;*/
}
.homevideo .homevideotxt > div > span {
	float: right;
	margin-right: -80px;
	font-weight: normal;
}

.vidimage { background:url(../i/videoimg.png) center center no-repeat #000; opacity:0.6; transition:0.2s ease-out; }
.vidimage:hover { opacity:0.2; transition:0.2s ease-out; }

/* REVIEW PANEL */
.reviewindex { }
.reviewindex .article { position:relative; margin:0 0 20px 0; }
.reviewindex .article .imgspace { width:100%; height:250px; }
.reviewratingbg { position: absolute; right:0; top:160px; z-index:1; }
.reviewratingbg .reviewratingppoint {
	margin-top: -63px;
	margin-left: 3px;
	position: absolute;
}
.reviewratingbg .reviewpoints {
	width:40px;
	color: #fff;
	position: absolute;
	margin-top: -41px;
	margin-left: 10px;
	font-size: 20px;
	text-align:center;
}

.bottomline { border-bottom: 1px solid #ccc; }

/* POPULAR PANEL */

.newpopular { float: left; margin-bottom: 20px; width:100%; }
.newpopularpic { float: left; margin-right:10px; }
.newpopularpic .imgspace { width:160px; height:90px; }
.newpopulararticle { min-height: 110px; border-bottom: 1px solid #ccc; padding-left: 170px; }
.newpopulararticle .tsize { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; width:100%; overflow:hidden; margin:0 0 20px 0; -webkit-line-clamp: 3; height:68px; }


/* ============== */
/* FOOTER */
/* ============== */

.push {
	clear:both;	
	width:100%;
	height:510px;
}

.footer {
	background-color: #000000;
	min-width:1024px;
	width:100%;
	height:470px;
	padding:20px 0;
	font-size:12px;
	color: #ffffff;
	line-height: 25px;
}
.footer a { color: #ffffff; cursor: pointer; text-decoration: none; }
.footer .container { max-width:1180px; width:100%; margin:0 auto; }

.footer .title {
	font-size: 18px;
	color: #E8193B;
	width:100%;
	line-height: 24px;
}

.footer .container .aboutfooter { font-size:13px; line-height:20px; margin:0 0 30px 0; }
.footer .container .aboutfooter p { color:#CCC; }
.footer .container .aboutfooter p.title { color:#E8193B; }

.footer ul { margin:0 50px 0 0; }
.footer ul li { }
.footer ul li:hover { text-decoration: underline; }

.footer .list { float:left; border-right:1px solid #4d4d4d; margin:0 30px 20px 0; min-height:172px; }
.footer .list:last-child { border-right:1px none #000; margin:0 0 20px 0; }
.footer .list:last-child ul { margin:0; }
.footer .list ul li { white-space:nowrap; }

.footer ul li a:first-child { margin:0 5px 0 0; }
.footer ul li img { margin:0 5px 0 0; }
.footer ul li i { color: #F00; font-size: 14px; margin: 0 4px 0 0; }

.footer .hrlinearea { float:left; width:100%; height:1px; }
.footer .hrline { width:100%; max-width:1180px; background:#333; height:1px; margin:0 auto; }
.footer .copyright {
	float:left;
	width:100%;
	color:#CCC;
	font-size:10px;
	text-align: center;
	margin:10px 0;
}

/* ======================== */
/* INNER PAGES */
/* ======================== */

/* MID */

.mid { float:left; max-width: 830px; width:100%; }

.tcolor, .tacolor { color: #3B59BA; }


.rtxt {
	margin-top: -15px;
	margin-bottom: 15px;
}
.rtxt2 {
	margin-left: 34px;
	margin-top: -19px;
	width: 330px;
	font-size: 14px;
}

.etext {
	margin: 0 auto;
	padding-bottom: 15px;
	width: 430px;
}
.highlights {
	float:left;
	width: 700px;
	height: 370px;
	background-color: #ffffff;
	border: 1px solid #cccccc !important;
}
.thumbnail {
	display: table;
	padding: 10px;
}
.thumbnail ul {
	position: absolute;
	width:130px;
	height:360px;
}

.thumbnail ul li { float:left; width:129px; height:69px; overflow:hidden; border-bottom:1px solid #FFF; border-right:1px solid #FFF; background: #000; }

.thumbnail li .desc {
	position: absolute;
	color: #FFFFFF;
	z-index: 99;
	width: 110px;
	vertical-align: top;
	left: 12px;
	top: 8px;
	min-height: 0;
	overflow: hidden;
	height: 50px;
}
.thumbnail li img {
	
}
.thumbnail li .desc2 {
	position: absolute;
	color: #FFFFFF;
	z-index: 99;
	width: 110px;
	left: 12px;
	top: 80px;
}
.thumbnail li .desc3 {
	position: absolute;
	color: #FFFFFF;
	z-index: 99;
	width: 110px;
	left: 12px;
	top: 150px;
}
.thumbnail li .desc4 {
	position: absolute;
	color: #FFFFFF;
	z-index: 99;
	width: 110px;
	left: 12px;
	top: 221px;
}
.thumbnail li .desc5 {
	position: absolute;
	color: #FFFFFF;
	z-index: 99;
	width: 110px;
	left: 12px;
	top: 291px;
}
.thumbbig {
	position: absolute;
	top:10px;
	right:5px;
	height: 349px;
	width: 555px;
	border-bottom:1px solid #FFF;
	overflow:hidden;
}
.thumbbig img {
	
}
.thumbbig .thumbbigdesc {
	position: absolute;
	margin-top: -118px;
	margin-left: 14px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 14px;
	background-color: #000000;
	height: 87px;
	line-height: 18px;
	width: 479px;
	color: #ffffff;
	background: rgb(0, 0, 0);
	background: transparent\9;
	background: rgba(0, 0, 0, 0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); 
	zoom: 1;
}

.inarticle {
	margin-top: 15px;
	font-size: 14px;
}

/* ARTICLE */

.articlecontent { /*padding-bottom:40px;*/ margin-bottom:40px; font-size:1.2rem; line-height:2.0rem; overflow:hidden; }
.articlewrap .articleintro { margin:0 0 25px 0; }
.articlewrap .articleintro .section-title.article { float:none; width:100%; }
.articlewrap .articleintro h1 { font-size:36px; line-height:40px; font-weight:bold; /*text-transform:uppercase;*/ padding:6px 0 0 0; }
.articlewrap .articleintro .tafont { width:100%; font-size: 14px; }

.articlewrap .share { width:100%; margin:0 0 10px 0; }
.articlewrap .sharebtm { float:left; padding:0 0 25px 0; margin:0; border-bottom: 1px solid #CCC; }
.articlewrap .share .countview { font-size: 28px; display: inline-block; font-weight: bold; font-family: "Roboto Slab"; height: 28px; line-height: 28px; padding: 6px 10px; background: #E9E9E9; margin:0 10px 0 0; }
.articlewrap .share .sharewidget { display:inline-block; height:40px; }

.articlewrap img { max-width:100%; height:auto !important; }

.articlecontent p { margin-bottom:2rem; }
.articlecontent h1,
.articlecontent h2,
.articlecontent h3,
.articlecontent h4,
.articlecontent h5,
.articlecontent h6 { margin-bottom:2.3rem; font-weight:bold; }

.articlecontent h1 { line-height:1.5em; }
.articlecontent h2 { line-height:1.3em; }

.articlecontent ul { margin:0 0 2.3em 0em; list-style:disc; }
.articlecontent ul ul { margin:1.3em 0; }
.articlecontent ol { margin:0 0 2.3em 0em; list-style:decimal; }
.articlecontent ol ol { list-style:lower-alpha; margin:1.3em 0; }
.articlecontent li { margin:0 0 0 2.5em; }

.articlecontent code { display:block; padding:6px; border:1px solid #999; background:#EFEFEF; }
.articlecontent iframe { max-width:100%; }

.articlecontent table { margin:0 0 2rem 0; }
.articlecontent table td { padding:10px; }
.articlecontent table td p:first-child { margin:0; }
.articlecontent table table { margin:0; }

.articlecontent blockquote { 
	margin: 1rem 1rem 2rem 1rem; 
	padding: 2rem;
	font-style: italic;
	background-color:#EEE !important;
	/*text-indent: 23px;*/
	position:relative;
}
.articlecontent blockquote:before { background:url(../i/blockquote.png) top left no-repeat; position:absolute; width:38px; height:30px; left:-10px; top:-10px; content:"."; font-size:1px; }
.articlecontent blockquote:after { background:url(../i/blockquote2.png) bottom right no-repeat; position:absolute; width:38px; height:30px; right:-10px; bottom:-10px; content:"."; font-size:1px; }
.articlecontent blockquote p { display: block; background-repeat: no-repeat;  background-position: top left; }

.articlecontent .twitter-tweet { margin:0 auto; padding:0; font-style:normal; background:none; border:1px solid #CCC; }
.articlecontent blockquote.twitter-tweet:before { background:none !important; left:auto; top:auto; content:""; }
.articlecontent blockquote.twitter-tweet:after { background:none !important; right:auto; bottom:auto; content:""; }

.caption { padding:9px; border:1px solid #CCC; background:#EEE; margin:0 auto; }
.caption div { padding:5px 0 0 0; font-size: 14px; line-height: 20px; font-style:italic; }

.imgarticle img {
	margin-bottom: 20px;
}

p.gmini {
	float: right;
	font-size: 12px;
	color: #fff;
	margin-top: 25px;
}
p.fmini {
	font-size: 12px;
	color: #cccccc;
}
p.grey {
	color: #ccc;
	padding: 20px 20px 0px 20px;
	margin-top: -30px;
	font-size: 14px;
}
.staff {
	position: absolute;
	margin-top: -48px;
	margin-left: 45px;
}

/* RATINGS */
.restats { float:left; width: 100%; position:relative; background:#000; color:#FFF; font-size:16px; margin:0 0 20px 0; }
.restats .respad { padding:20px; }
.restats a { color:inherit; }

.restats .indicator { position: absolute; left:20px; top:20px; width:120px; height:120px; }
.restats .indicator .ratpoints {
	position: absolute;
	color: #FFF;
	font-size: 48px;
	top: 50px;
	left: 28px;
}
.restats .rcommentbox { padding:0 0 20px 140px; min-height:150px; border-bottom:1px solid #FFF; }
.restats .rcommentbox .rrated { font-family:"Roboto Slab"; font-weight:bold; font-size: 30px; line-height:36px; text-align: left; color: #fff; margin-bottom: 20px; }
.restats .rcommentarea {
	width:100%;
	overflow: hidden;
	color: #fff;
	margin:20px 0 0 0;
}

.restats .rcommentarea .blackbox {
	float: left;
	width: 50%;
}
.restats .rcommentarea .blackbox .bboxtitle {
	color: #d8252b;
	font-size: 20px;
	font-weight:bold;
	margin: 0 0 20px 0;
	text-align: left;
}

.restats .rcommentarea .blackbox ul { padding:0 0 0 24px; }
.restats .rcommentarea .blackbox ul li { position:relative; margin:0 0 5px 0; }
.restats .rcommentarea .blackbox ul li i { position:absolute; left:-24px; top:3px; font-size:20px; }

/* RATING END */

.txt {
	position:absolute;
	top:0px;
	left: 210px;
	padding-bottom: 15px;
	width: 200px;	
	height:140px;
}

.reviews {
	float: right !important;
	position:relative;
	width:270px;
}

.reviews .latestbtn {
	position:absolute;
	right:0;
	top: -7px;
}
.latest {
	border: 1px solid #ccc;
	height: 30px;
	width: 80px;
	padding: 6px;
}

.reviews tbody tr td {
	border: 1px solid #cccccc !important;
	border-collapse: collapse;
	background-color: #FFFFFF;
	line-height: 16px;
	padding-left: 10px;
	color: #3B59BA;
	font-size: 12px;
	vertical-align: middle;
}
.reviews th.size {
	width:270px; 
	height: 149px;
}

.reviews .btmtitle {
	position: absolute;
	color: #ffffff;
	top: 156px;
	left: 10px;
	font-size: 14px;
}

.reviews .btmstats {
	position: absolute;
	color: #ffffff;
	top: 158px;
	left: 222px;
	font-style: italic;
	font-size: 11px;
	text-transform: uppercase;
}

.reviews .stats img {
	position: relative;
	top: 90px;
	left: 216px;
}

.reviews td.gamescore {
	background-color: #858585;
	color: white;
	height: 27px;
}
.reviews td.number {
	text-align: center;
	color:#ff0000;
	padding: 0;
}
.reviews p.seemore {
	color: #3B59BA; 
	text-align: center; 
	margin-top: 10px;
}
.popular {
	float: left;
	margin-top: 45px;
}

.popular .article { 
	float:left; 
	min-height: 0; 
	overflow:hidden; 
	width:330px; 
	margin:0 20px 20px 0;
	max-height: 190px;
}
.popular .article img {
	float:left;
	margin-bottom: 20px;
}

.popular .article .txtarea {
	float:right;
	width: 150px;
}
.pop2 {
	float: left;
	clear: both;
	margin-top: -895px;
	margin-left: 354px;
}


.reviews td .score {
	color: #ff0000;
}
.status {
	color: #000000;
	font-style: italic;
	text-align: center;
	text-transform: uppercase;
	font-size:11px;
}
.title {
	text-align: left;
}

.calendarbtn {
	float: right;
	padding-bottom: 10px;
}
.calendarbtnbtm {
	width: 97%;
	padding: 5px 10px;
	background-color: #3B59BA;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	margin-top: 10px;
}
.calendarbtnbtm:hover, .loadbg:hover {
	cursor: pointer;
	background: #E8193B;
}
.ribbon {
	position: absolute;
	color: #ffffff;
	margin-left: -17px;
}

.calendarwrap {
	width: 700px;
	float: left;
	margin-top: 30px;
}
.calendarwrap th.thcolor {
	color: #ffffff;
}
.calendar {
	margin-top: -45px;
}
.calendar tbody tr th {
	color: #ffffff;
	height: 25px;
	line-height: 25px;
	padding-left: 4px;
	text-align: center;
}
.calendar tbody tr td {
	padding-left: 4px;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
}
.calendar tbody tr td.grey {
	color: #cccccc;
}
.calendar tbody tr td.white {
	color: #ffffff;
	font-weight: 600;
}

td.whp {
	height: 200px;
	width: 700px;
	padding-left: 20px;
	padding-bottom: 10px;
}

.popwrap {
	height: 400px;
}
.pop1wrap {
	height: 300px;
}
.latestrev {
	height: 400px;
}

/* RIGHT PANEL */
.rightpanel {
	float:right;
	width:100%;
	max-width:300px;
}
.rightpanel2 {
	float:right;
	width:100%;
	max-width:170px;
}

.rightpanel.error {
	display: inline-block;
	width: 180px;
	margin-left: 130px;
	float: none;
}
.comments { float:left; width:100%; }

.comments .lists {
	float:left;
	width: 274px;
	padding: 12px;
	background-color: #ffffff;
	border: 1px solid #cccccc !important;
	text-align: left;
	overflow: hidden;
	margin-bottom: 20px;
}
.comments .lists img {
	float: left;
	margin-right: 10px;
}
.comments .lists h3 {
	color: #3B59BA;
}
.comments .lists p.mini {
	font-size: 10px;
	color: #3B59BA;
}
.comments .lists p.duration {
	font-size: 9px;
	color: #cccccc;
}
.comments .lists p {
	font-size: 12px;
}
.comments .lists div.left {
	width:100%; margin:0 0 5px 0;
}
.comments .lists .align {
	float: left;
	width: 220px;
}


/*breadcrumbs*/

.breadcrumbs {
	width: 100%;
	height:40px;
}
.breadcrumbs ul li {
	display: inline-block;
	padding: 8px 0 0 0;
	height: auto;
	margin-right: 15px;
}
.breadcrumbs img {
	padding-left: 10px;
	margin-top: -2px;
}

/* heading inner */
.bhead {
	font-size: 32px;
	line-height:36px;
	font-family:"Roboto Slab";
	font-weight:bold;
	color: #000;
	margin-bottom: 20px;
}
.ahead {
	font-size: 20px;
	line-height:24px;
	font-family:"Roboto Slab";
	font-weight:bold;
	color: #003390;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.ehead {
	font-size: 24px;
	margin-bottom: 15px;
	clear: both;
	color: #003390;
}
.ahead.video {
	clear: none;
	font-size: 18px;
}
/* article inner */
.artic-ads {
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
.artic-ads-reset {
	width: 100%;
	text-align: center;
	margin-bottom: 8px;
}

.about {
	background: #fff;
	overflow: hidden;
	margin:0 0 40px 0;
	width:100%;
}
.about.newabout {
	width: 100%;
}
.introduction {
	background: #fff;
	padding: 25px 20px 0px 20px;
	border: 1px solid #ccc !important;
	overflow: hidden;
}

/* ARTICLES LIST */
.article-list {
	background: #fff;
	padding: 0px 20px 0px 20px;
	border: 1px solid #ccc !important;
	border-top: 1px none #ccc !important;
	max-width: 788px;
	width:100%;
}
.article-list.newlist {
	width: 918px;
	max-width: 918px;
}
.article-list .loading, 
.article-list .norecords { text-align:center; padding:20px 0; }

.border {
	border-bottom: 1px solid #ccc;
	position: relative;
	width: 100%;
	left: -21px;
	padding-left: 41px;
}	
.border1 {
	border-bottom: 1px solid #ccc;
	position: relative;
	width: 100%;
	left: -21px;
	padding-left: 41px;
}

.listwrap { width:100%; }
.listwraps { float: left; width:100%; /* need for short titles */ }
.listwraps .datecolor {
	color: #b80f0a;
	font-size: 14px;
	padding: 10px 0px;
	width: 100%;
    float: left;
}
.listwraps .borderdate,
.listwraps .borderdate2 {
	float:left;
	border-bottom: 1px solid #ccc;
	position: relative;
	width: 100%;
	left: -21px;
	padding-left: 41px;
	margin:0 0 15px 0;
}
.listwraps .borderdate2 {
	margin:0;
}
.listwraps .artlist { float:left; width:100%; margin:0 0 20px 0; }
.listwraps .artlist .imgleft {
	float: left;
	margin-right: 20px;
	width:170px;
	max-height:170px;
	overflow:hidden;
}
.listwraps .artlist .imgleft img { width:100%; }
.listwraps .artlist .contright { padding-left:190px; }
.listwraps .artlist .caps {
	font-size: 20px;
	line-height:24px;
	font-family:"Roboto Slab";
	font-weight:bold;
	margin-bottom: 5px;
}
.listwraps .artlist .caps a { color:#000; }
.listwraps .artlist .authorby { color: #003399; font-size:12px; line-height:16px; }
.listwraps .artlist .authorby .bar { margin: 0 8px; color:#CCC; }

.listwraps .rectav { margin:0 auto 20px auto; width:300px; }

.borderdate, .borderdate2 {
	float:left;
	border-bottom: 1px solid #ccc;
	position: relative;
	width: 100%;
	left: -21px;
	padding-left: 41px;
	margin:0 0 15px 0;
}
.borderdate2 { margin:0; }

.notfoundwrap {
	padding: 50px 0px;
	background-color: #fff;
	max-width: 1134px;
	width:100%;
	text-align: center;
}
.attention {
	margin-left: 20px;
	display: inline-block;
}

/* SHOW MORE AREA */

.showmorearea { float:left; width:100%; margin:0 0 20px 0; }
.showmorearea .bgshow {
	background: #E8193B;
	width: 170px;
	height: 35px;
	margin-top: 20px;
	float: left;
}

.btnsub:hover, 
.submitsbg:hover, 
.resett:hover, 
.fbjoinbg:hover, 
.twjoinbg:hover, 
.gpjoinbg:hover, 
.sign-in .kbg:hover, 
.sign-in .kbgb:hover {
	background: #000 !important;
	cursor: pointer;
}

.showmore,  
.resettxt {
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	padding-top: 8px;
}
.showmorearea .filter {
	float: right;
	margin-top: 22px;
	margin-right: 22px;
}
.showmorearea .fname {
	float: left;
	margin-top: 8px;
	font-size: 14px;
	padding-left: 10px;
}
.showmorearea .showbg {
	background: #E8193B;
	float: right;
	width: 14%;
	height: 35px;
	margin-top: 20px;
}
.showmorearea .ddown { float: left; border:1px solid #CCC; padding:5px 10px; margin:0 5px; }
.showmorearea .ddown select { border:none; }

.showmorearea .arrowdown {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	border-color: #000000 transparent transparent transparent;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}

/* FILTER MORE */

.filtermorearea { float:left; margin:0 0 20px 0; max-width: calc(100% - 2px); width: 100%; padding:15px 0; border:1px solid #CCC; position:relative; }
.filtermorearea .redborder { position:absolute; height:100%; width:5px; left:0; top:0; background:#E8193B; }
.filtermorearea input[type=submit]  {
	background: #3b59bb;
	width: 150px;
	height: 35px;
	float: left;
	text-transform:uppercase;
}
.filtermorearea input[type=reset] { height:35px; float:left; margin:0 0 0 5px; padding:0 15px; text-transform:uppercase; }

.filtermorearea input[type=submit]:hover { background: #000 !important; cursor: pointer; }

.filtermorearea .filter { margin: 0 20px; }
.filtermorearea .filter .farea { float:left; }
.filtermorearea .filter .farea:last-child { float:right; }

.filtermorearea .fname { float: left; margin-top: 8px; font-size: 14px; }
.filtermorearea .showbg {
	background: #E8193B;
	float: left;
	width: 14%;
	height: 35px;
	margin-top: 20px;
}
.filtermorearea .ddown { float: left; border:1px solid #000; padding:5px 10px; margin:0 15px 0 5px; }
.filtermorearea .ddown select { border:none; background:#FFF; }

.filtermorearea .arrowdown {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	border-color: #000000 transparent transparent transparent;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}

/* PAGE MORE */

.pagemorearea { float:left; width:100%; margin:0 0 50px 0; position:relative; }
.pagemorearea .pagesarea { position:absolute; width:100%; pointer-events:none; }
.pagemorearea .pagesarea .pages { width:50%; text-align:center; margin:0 auto; }
.pagemorearea .pagesarea .pages .buttonno, 
.pagemorearea .pagesarea .pages .button { padding:7px 12px; color:#000; background:#CCC; display:inline-block; margin:0 2px; }
.pagemorearea .pagesarea .pages .buttonno { background:none; }
.pagemorearea .pagesarea .pages .active { color:#FFF; background:#F00; }
.pagemorearea .pagesarea .pages .button:hover { background:#000; color:#FFF; }

.pagemorearea .noactive, 
.pagemorearea input[type=button] { padding:0 30px; background: #3b59bb; height: 35px; -moz-border-radius:0; border-radius:0; color:#FFF; }
.pagemorearea .noactive { background:#000; padding:6px 30px 0 30px; height:29px; }
.pagemorearea .left { margin:0 10px 0 0; }
.pagemorearea .right { margin:0 0 0 10px; }
.pagemorearea input[type=button]:hover { background: #000 !important; cursor: pointer; }


/* share left */

.shareleft {
	position: absolute;
	left: -49px;
	top: 178px;
}
.shareleft.gamelists {
	position: absolute;
	left: -50px;
	top: 152px;
}


.selectbtm {
	border-bottom: 1px solid #ccc;
	position: relative;
	top: 498px;
	left: -162px;
	width: 995px;
}
.selectbtmsetting {
	border-bottom: 1px solid #ccc;
	position: relative;
	top: 255px;
	left: 186px;
	width: 995px;
}
.selectbtmsetting.privacy {
	border-bottom: 1px solid #ccc;
	position: relative;
	top: 630px;
	left: 186px;
	width: 995px;
}
.selectbtmsetting.linking {
	border-bottom: 1px solid #ccc;
	position: relative;
	top: 870px;
	left: 185px;
	width: 995px;
}

/* TOPICS */
.authorwrap, 
.morearticles { float:left; margin:0 0 25px 0; width:100%; padding:0 0 25px 0; border-bottom: 1px solid #CCC; }
.topicswrap { float:left; margin:0 0 25px 0; width:100%; }

.topicswrap .label { font-weight:bold; width:100%; margin:0 0 5px 0; text-transform:uppercase; }
.topicswrap .values { line-height:18px; width:100%; }

.userratingwrap { float:left; margin:0 0 25px 0; width:100%; }
.userratingwrap .ratingbox { float:left; width:65px; text-align:center; margin:0 30px 0 0; cursor:pointer; }
.userratingwrap .ratingbox.rated { /*-moz-opacity:0.8; opacity:0.8;*/ cursor:default; }
.userratingwrap .ratingbox .ratingscore { width:65px; padding:4px 0 0 0; height:36px; font-size:14px; background:url(../i/gamehubs-emoticons-chat.png) top center no-repeat; }
.userratingwrap .ratingbox .ratingicon { width:40px; height:45px; margin:0 12px 0 13px; background:url(../i/gamehubs-emoticons.png) top left no-repeat; }
.userratingwrap .ratingbox .ratingtext { width:65px; font-size:12px; text-transform:uppercase; }

.userratingwrap .ratingbox:nth-child(2) .ratingicon { background-position:-40px 0; }
.userratingwrap .ratingbox:nth-child(3) .ratingicon { background-position:-80px 0; }
.userratingwrap .ratingbox:nth-child(4) .ratingicon { background-position:-120px 0; }
.userratingwrap .ratingbox:nth-child(5) .ratingicon { background-position:-160px 0; }
.userratingwrap .ratingbox:nth-child(6) .ratingicon { background-position:-200px 0; }

/* MORE ARTS */
.morearticles .artibox { max-width:200px; }
.morearticles .artibox.right { text-align:right; }
.morearticles .artibox a { font-size:16px; line-height:18px; }

/* AUTHOR SECTION */
.authorwrap > .panelwrap > .panel { width:100%; }
.authorwrap .avatarwrap {  }
.authorwrap .avatar {
	float: left;
	width: 145px;
	height:145px;
	margin-right:20px;
	-moz-border-radius:50%;
	border-radius:50%; 
	overflow:hidden; 
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
	-webkit-align-items:center; align-items:center;
	-webkit-justify-content:center; justify-content:center;
	background:#EEE;
}
.authorwrap .avatar img { width:145px; height:auto; }
.authorwrap .authorinfo { padding-left:165px; }
.authorwrap .authorinfobox {
	width:100%;
	min-height:145px;
	position:relative;
	padding:0 0 20px 0;
}
.authorwrap .authorinfobox .authorfollow { position:absolute; right:0; top:0; }

.authorwrap .videolist { padding-bottom: 50px; }
.avatarwrap .authorname {
	color: #003390;
	font-size: 18px;
	font-weight:bold;
	margin:0 0 10px 0;
}

/*.authorname.author {
	padding: 10px;
	color: #003390;
	font-size: 36px;
}
.dashboards.name {
	padding: 10px;
	color: #003390;
	font-size: 25px;
}*/
.avatarwrap .adesc {
	margin:0 0 20px 0;
	font-size: 14px;
	overflow: hidden;
}
.contactme { position:absolute; bottom: 10px; }
.contactme a { margin-right: 5px; }

/* END AUTHOR */

.recentart { width:100%; }

/* Recommended */
.recommendwrap { }
.recommendwrap .section-title { margin:0 0 24px 0; border-bottom:2px solid #E8193B; color:#000; }



.jdesc {
	margin-top: 10px;
}
.jdesc2 {
	margin-top: 10px;
	margin-bottom: 50px;
	font-size: 14px;
}

.borderctc {
	border-bottom: 1px solid #cccccc;
	width: 775px;
	display: inline-block;
	margin-top: 15px;
	max-width: 800px
}
.borderdash.name {
	border-bottom: 1px solid #cccccc;
	width: 767px;
	margin-left: 184px;
}
.bordernone {
	width: 560px;
	margin-left: 184px;
}
.borderdashbtm {
	border-bottom: 1px solid #ccc !important;
	padding-top: 30px;
}

/* author page */
.authorcont { float:left; width:100%; margin:20px 0; padding:20px 0 0 0; border-top:1px solid #CCC; }

.ctc { float: left; margin-right: 50px; }
.ctc .ctcicons i { margin:0 5px 0 0; }
.ctcn { color: #E8193B; font-size: 1.6rem; line-height: 2rem; }

.authorfulldesc { margin:20px 0 0 0; font-size: 1.1rem; line-height: 1.8rem; }


/* RECOMMENDED */

.recomwrap { float:left; width: 100%; }
.recomwrap .recombox { float:left; width:25%; height: 320px; }
.recomwrap .recombox a {
	width:100%;
	padding-bottom: 25px;	
}
.recomwrap .recomarticleimg {
	padding:0 10px 0 0;
	height:200px;
	overflow:hidden;
	margin:0 0 10px 0;
}
.recomwrap .recomarticleimg img { width:100%; }
.recomwrap .recomarticleimg .imgspace { width:100%; height:100%; }
.recomwrap .recomarticle { display: -webkit-box; overflow:hidden; color:#000; padding:0 10px 0 0; -webkit-line-clamp:3; -webkit-box-orient:vertical; }

.recomwrap .recomarticle.like {
	display: inline-block;
	margin-left: 10px;
	width: 230px;
	margin-top: 0px;
	vertical-align: top;
	padding-right: 20px;
}
.recomwrap .recomarticle.like > div {
	margin-top: 10px;
	font-size: 12px;
}

.recomwrap p.recommini {
	font-size: 12px;
	color: #999;
}

.recomwrap .outbrain {
	float: right;
	margin:10px 0 0 0;
	font-size: 11px;
	color: #999;
}


/* =============================== */
/* MEMBER */
/* =============================== */

.membercenter { width:100%; position:relative; }

.dashboard { position:absolute; width: 200px; }
.dashboard a { color:inherit; text-decoration:none; }

.dashboard .platforms { border: 1px solid #cccccc !important; font-size: 14px; color: #000; }
.dashboard .platforms input[type=radio] { position: relative; top: 2px; }

.dashboard .tdblack { background:#000; color: #fff; font-weight:bold; padding:8px 10px; position:relative; }
.dashboard .tdblack .mobilemu { position:absolute; top: 10px; right: 8px; font-size: 24px; }

.dashboard .tdwhite { background:#FFF; color: #000; border-bottom: 1px solid #ccc; padding:8px 10px; }
/*.dashboard .tdhighlight { color:#F00; border:1px solid #EFFF00; padding:7px 9px; text-transform:uppercase; background:#FFFF00; font-weight:bold; }*/
.dashboard .tdhighlight { background:center center no-repeat; background-size:contain !important; height:66px; padding:0; border-bottom:1px none #FFF; }
.dashboard .tdred { background: #E8193B; color: #FFF; }
.dashboard .tdred:active { background:inherit; color:inherit; }
.dashboard .tdhighlight.tdred { height:66px; }
.dashboard .tdwhite:hover, .tdred:hover { background-color: #E8193B; color: #fff; text-decoration: none; cursor: pointer; }

/* -------------- */
/* MEMBER SUB BOX */
.dashboard .tdhighlight { background-image:url(../i/subscription/subscribe_btnedge.png) !important; }
.dashboard .tdhighlight.tdred { /*background-image:url(../i/avs/201711/psn-sidepanel-1711.jpg) !important;*/ }
/* -------------- */

.dashboardinner { margin-left:199px; }
.dashboardinner .dashboardwrap { border:1px solid #ccc !important; width:100%; float:left; margin-bottom:100px; min-height:408px; }
.dashboardinner .dashboardwrap .norecords { text-align:center; }

.memberpanel { position:relative; width:100%; float:left; }
.memberpanel .memberwrap { padding: 20px; }
.memberpanelbtm { border-bottom:1px solid #CCC; }

.memberpanel .sectiontitle { color:#3B59BA; font-size: 20px; line-height:24px; font-family:"Roboto Slab"; font-weight:bold; text-transform:uppercase; }
.memberpanel .mbtm { margin:0 0 1em 0; }
.memberpanel .authorwrap { border-bottom:1px none #FFF; margin:0; padding:0; }

.searchppl { position:absolute; right:20px; }
.searchppl .bfonts { position:absolute; top: 3px; right:0; }

.showall { position:absolute; font-size: 14px; right:20px; top:20px; }
.showall .selected { font-weight:bold; }
.showall li { float:left; border-right:1px solid #CCC; padding:0 10px; }
.showall li:last-child { border-right:1px none #FFF; padding:0 0 0 10px; }

.shows { position: relative; top: -25px; }
.shows.date { position: relative; top: -29px; display: inline-block; font-size: 12px; }
.shows.date li { padding-right: 10px;  float: left; }

.shows li { float: left; padding-right: 15px; }
.shows li.bold, .shows.date li.bold { font-weight: bold; }
.shows li.grey { color: #ccc; }
.shows.date li.greybull { color: #ccc; font-size: 46px; margin-top: -12px; }

.center {
	max-width: 834px;
	margin:0 0 0 1px;
}

.twrap { width:100%; width:calc(100% - 260px); min-height:180px; }
.twrap .followed { position:relative; margin: 0 0 20px 0; width:100%; padding-bottom: 10px; float:left; }
.twrap .followed .followedimg { position:absolute; top:0; left:0; width:80px; height:80px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; -moz-border-radius:50%; border-radius:50%; }
.twrap .followed .followedimg img { width:80px; height:auto; }
.twrap .followed .flname { margin-left:100px; }
.twrap .followed .flname .flwidth { width:100%; }

.gwrap { position:absolute; right:20px; top:20px; width:240px; }
.gwrap .gamesplay { padding:0 0 10px 0; width: 240px; margin:0 0 10px 0; }
.gwrap .gamesplay .gamesfollow { width:100%; margin:0 0 10px 0; }
.gwrap .gamesplay .gamesplayimg { float: left; width: 100%; padding: 0 0 10px 0; }
.gwrap .gamesplay .gamesplayimg .gameimg { float:left; width:50px; height:50px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; margin:0 5px 5px 0; -moz-border-radius:50%; border-radius:50%; overflow:hidden; }
.gwrap .gamesplay .gamesplayimg .gameimg img { width:50px; height:auto; }

.gwrap .clear { border-bottom: 1px solid #ccc !important; }

/* NEWS FEED */
.started { color: #000; padding-top: 10px; padding:0 0 20px 20px; line-height: 20px; }
.started li { list-style: disc; }

.newsfeedwrap { float:left; width:100%; margin:0 0 10px 0; }
.newsfeedwrap .avataricon { float: left; margin:0 10px 0 0; width:30px; height:30px; overflow:hidden; -moz-border-radius:50%; border-radius:50%; background:#EEE; }
.newsfeedwrap .avataricon img { width:30px; height:auto; }
.newsfeedwrap .avatartxt { float:left; color:#999; font-size: 14px; }
.newsfeedwrap .avatartxt span { padding-right:10px; }
.newsfeedwrap .avatartxt .tbig { font-size: 14px; }

/* PROFILE */

.proimage .selectav { text-align: center; margin-top: 20px; height:134px; }
.proimage .selectav .uploadarea { height:134px; position:relative; }
.proimage .selectav .uploadarea img { margin:10px 0; }
.proimage .selectav .uploadarea .dragmessage { position:absolute; width:100%; height:100%; border:1px dashed #CCC; background:rgba(255,255,255,0.5); display:none; pointer-events:none; }
.proimage .selectav .uploadarea .dragmessage .txtarea { position:absolute; width:100%; height:100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; }

.proimage .optav { text-align: center; margin-top: 20px; }
.proimage .optav img { padding:0 15px; }
.proimage .selectbtn { text-align: center; margin-top: 20px; }
.proimage .selectdesc { text-align: center; font-size: 13px; color:#999; margin-top: 20px; }

.proimage .selectbg { background-color: #003399; height: 30px; width: 150px; display: inline-block; }
.proimage .selecttxt { color: #fff; padding-top: 4px; text-align: center; }
.proimage .selectbg:hover { background: #F00; }

.proi .pinfor { padding-bottom: 20px; }
.proi .yname { width: 100%; margin:10px 0; position:relative; }
.proi .yname .label { position:absolute; width:180px; top:8px; }
.proi .yname .label:after { content:":"; }

.proi .statusmsg { padding:5px; border:1px dashed #AAA; margin:0 0 20px 0; text-align:center; background:#FDFFD4; display:none; }
.proi .yname .valuepad { margin-left:190px; }
.proi .yname .valuewidth { width:100%; }
.proi .yname .value { width:100%; border-radius:8px; border: 1px solid #CCC !important; padding:8px 0; max-width:400px; }
.proi .yname .value input { border:1px none #FFF !important; outline:1px none #FFF; padding:0 10px; width:100%; width:calc(100% - 20px); }

.proi .yname .valuewidth .value { float:left; }
.proi .yname .valueadd { float:left; margin:10px 0 0 10px; }
.proi .ygender { border-radius: 8px; border: 1px solid #ccc; width: 100px; padding:8px 10px; }

.proi textarea.yinput { height: 100px; border:1px none #FFF; outline:1px none #FFF; padding:0 10px; width:100%; width:calc(100% - 20px); resize:vertical; }
.proi .maxtxt { font-size: 12px; font-style: italic; color:#999; padding-top: 8px; }

.proi .probtn { background-color: #003399; color:#FFF; padding:8px 15px; text-align:center; text-transform:uppercase; }

/* MY GAMES */
.tgames { color:#999; font-size:14px; text-transform:none; padding:4px 0 0 0; font-weight:normal; margin:0 0 0 5px; font-family: 'Lato', sans-serif; }
.memtxtdesc { padding:0 0 20px 0; }

.recommendfollow { width:100%; margin:20px 0 0 0; }
.recommendfollow a { color:inherit; text-decoration:none; }
.recommendfollow .recommendborder { width:31%; margin:0 2% 2% 0; height:250px; overflow:hidden; float:left; }
.recommendfollow .recommendbox { width:99%; width:calc(100% - 2px); border: 1px solid #ccc; border-radius: 5px; overflow: hidden; }
.recommendfollow .recommendimg { height:100px; width:100%; margin:0 0 10px 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:flex-end; align-items:flex-end; -webkit-justify-content:flex-start; justify-content:flex-start; }
.recommendfollow .recommendimg .recommendtxt { padding:10px; color:#FFF; font-size:14px; line-height:16px; }
.recommendfollow .rfbox { width:100%; margin:0 0 10px 0; text-align:center; }
.recommendfollow .rfbox .recommendfollowb { max-width:130px; }

/* follow button */
.recommendfollowb { border: 1px solid #003398; border-radius: 8px; text-align: center; margin: 0 auto; font-size: 14px; color: #003398; 	text-transform: uppercase; height: 26px; padding:4px 10px 0 10px; background-color:#FFF; }
.recommendfollowb i { margin:0 5px 0 0; }
.recommendfollow .recommenddesc { padding:0 10px 10px 10px; }

.recommendfollowb:hover, .recommendfollowb.following {
	background-color: #003398;
	color: #fff;
	cursor: pointer;
}

/* mini follow */
.mygamesetwrap { width:100%; }
.mygamesetwrap .mygameset { width:31%; margin:0 2% 2% 0; overflow:hidden; float:left; height:62px; }
.mygamesetwrap .mygamesetbox { width:99%; width:calc(100% - 2px); border: 1px solid #ccc; border-radius: 5px; overflow: hidden; position:relative; padding:5px 0; height:50px; }
.mygamesetwrap .mygamesetbox .mygameth { position:absolute; width:50px; height:50px; top:5px; left:5px; overflow:hidden; -moz-border-radius:50%; border-radius:50%; }
.mygamesetwrap .mygamesetbox .mygamegear { position:absolute; top:20px; right:10px; font-size: 18px; cursor:pointer; }

.mygamesetwrap .mygamesetbox .mygpad { padding:0 25px 0 60px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; height:50px; }
.mygamesetwrap .mygamesetbox .mygpad .mygametx { text-align: center; overflow:hidden; color: #003390; font-size: 14px; line-height:18px; font-weight: bold; }

.mygamesetwrap .mygamesetbox .mygpad .mygametx.mega {
	width: 130px;
	margin-top: 10px;
	text-align: left;
	overflow: hidden;
	min-width: 0;
	min-height: 0;
}

.teste {
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 5px;
	min-height: 0;
	overflow: hidden;
	float: left;
	margin-right: 8px;
	margin-bottom: 10px;
}

.gameswrap {
	min-height: 0;
	overflow: hidden;
	padding-bottom: 20px;
}
.gameswrap.height {
	min-height: 0;
	overflow: hidden;
	height: 450px;
}

/* FOLLOWING */
.rfollowing { width:100%; margin:20px 0 0 0; }
.rfollowing a { color:inherit; text-decoration:none; }
.rfollowing .rfollowbox { width:31%; margin:0 2% 2% 0; height:250px; overflow:hidden; float:left; }
.rfollowing .rfollowpad { width:99%; width:calc(100% - 2px); border: 1px solid #ccc; border-radius: 5px; overflow: hidden; height:248px; }

.rfollowing .rfollowbox .rfollowtop { position:relative; height:100px; width:100%; }
.rfollowing .rfollowbox .rfollowtop .rfsmall { position:absolute; left:10px; top:0; }
.rfollowing .rfollowbox .rfollowtop .rfsmall .rfimg { height:80px; width:80px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; -moz-border-radius:50%; border-radius:50%; overflow:hidden; background:#EEE; }
.rfollowing .rfollowbox .rfollowtop .rfsmall .rfimg img { width:80px; height:auto; }

.rfollowing .rfollowbox .rfollowtop .rfinfo { margin:10px 0 0 100px; }
.rfollowing .rfollowbox .rfollowtop .rfinfo .recommendfollowb { margin:0; max-width:130px; }
.rfollowing .rfollowbox .rfollowtop .rfinfo .recommendtxt { color: #003390; font-size: 18px; font-weight: bold; margin: 0 0 10px 0; }

.rfollowing .rfollowbox .recommenddesc { padding:0 10px 10px 10px; }

/* SETTINGS */
.noticesection { }
.noticesection .notlist { width:100%; margin:0 0 5px 0; }

.socialsection .sociallink { width:100%; height: 40px; }
.socialsection .sociallink i { margin:0 10px 0 0; }
.socialsection .sociallink .socialfb { float: left; background: #48649f; color: #fff; padding: 10px 20px; margin:0 10px 0 0; }
.socialsection .sociallink .socialtw { float: left; background: #4ba6ce; color: #fff; padding: 10px 20px; }

/* SUBSCRIPTIONS */

.subscription { }
.subscription .subsheader { width:100%; background:#E9E9E9; text-align:center; padding:30px 0 5px 0; }
.subscription .subsheader h2 { font-family:'Roboto Slab'; font-weight:bold; font-size:28px; line-height:32px; text-transform:uppercase; margin:0 0 5px 0; }
.subscription .subsheader p { font-size:24px; line-height:28px; font-weight:200; }

.subscription .subsimagearea { width:100%; /*background:#ed1c24;*/ background:#FFF; text-align:center; color:#FFF; }
.subscription .subsimagearea .subpad { padding:20px; }
.subscription .subsimagearea .subsimage { max-width:940px; width:100%; margin:0 auto; }
.subscription .subsimagearea .subsimage img { width:100%; height:auto; }
.subscription .subsimagearea h3 { font-size:24px; line-height:28px; font-family:'Roboto Slab'; }
.subscription .subsimagearea h1 { font-size:32px; line-height:36px; font-family:'Roboto Slab'; font-weight:bold; }

.subscription .subsformarea { width:100%; background:#E9E9E9; }
.subscription .subsformarea .subpad { padding:15px; }
.subscription .subsformarea .subsform { width:100%; background:#FFF; -moz-border-bottom-colors:5px; border-radius:5px; padding:15px 0; }

.subscription .subsformarea .subsform p { text-align:center; margin:0 50px 20px 50px; }
.subscription .subsformarea .subsform .form { padding:10px 20px; }

.subscription .subsform .form .rows { width:100%; margin:0 0 10px 0; position:relative; }
.subscription .subsform .form .rows .label { position:absolute; width:165px; line-height:18px; padding:12px 0 0 0; }
.subscription .subsform .form .rows .label2 { padding:2px 0 0 0; }
.subscription .subsform .form .rows .valuepad { padding:0 0 0 170px; }
.subscription .subsform .form .rows .valuefield { padding:0 40px 0 5px; position:relative; }
.subscription .subsform .form .rows .valuefield input[type=text],
.subscription .subsform .form .rows .valuefield3 select, 
.subscription .subsform .form .rows .valuefield4 select,
.subscription .subsform .form .rows .valuefield input[type=email] { border:1px solid #CCC; -moz-border-radius:5px; border-radius:5px; background:#FFF; width:100%; padding:5px 10px; height:30px; }
.subscription .subsform .form .rows .notes { color:#999999; font-size:12px; padding:4px 0 0 5px; }

.subscription .subsform .form .rows .valuefield4 { padding: 0 18px 0 5px; }
.subscription .subsform .form .rows .valuefield4 select { padding:10px; height:auto; }

.subscription .subsform .form .rows .valuefield i { position:absolute; right:30px; top:14px; color:#999; }

.subscription .subsform .form .rows .valuefield3 { padding: 0 18px 0 5px; }
.subscription .subsform .form .rows .valuefield3 select { padding:0 10px; height:40px; }

.subscription .subsform .form .statusmsg { padding:5px; border:1px dashed #AAA; margin:0 0 20px 0; text-align:center; background:#FDFFD4; display:none; }

.subscription .subsform .form .rowshalf { width:50%; }
.subscription .subsform .form .rowshalf label { display: inline-block; margin:12px 20px 0 0; }
.subscription .subsform .form .rows .valuepad2 { padding:0 280px 0 170px; }
.subscription .subsform .form .rows .desc { position:absolute; right:15px; top:10px; color:#999999; }

.subscription .tncarea { padding:40px; background:#E9E9E9; }
.subscription .tncarea h4 { font-family:'Roboto Slab'; font-weight:bold; font-size:20px; text-align:center; margin:0 0 26px 0; text-transform:uppercase; }
.subscription .tncarea ol { list-style:decimal; margin: 0 0 25px 0; }
.subscription .tncarea ol li { padding:0 0 0 10px; }
.subscription .tncarea a { color:#003399; }

.subscription .tncarea .rows { width:100%; margin:0 0 20px 0; text-align:center; }
.subscription .tncarea .agreement { text-align:center; border:1px solid #CCC; background:#FFF; -moz-border-radius:5px; border-radius:5px; padding:8px 0; margin:0 auto; max-width:288px; width:100%; }
.subscription .tncarea input[type=submit] { color:#FFFF00; padding:6px 20px; background:#ed1c24; text-transform:uppercase; margin:0 5px; }
.subscription .tncarea input[type=reset] { color:#FFF; padding:6px 20px; background:#999999; margin:0 5px; }
.subscription .tncarea .addinfo { font-size:12px; line-height:16px; font-style:italic; }

/* list inner*/
.news {
	border: transparent;
	min-height: 0;
	overflow: hidden;
}

/* LIST PAGE */
.grid { 
	float:left; 
	width:100%;
	margin:0 0 20px 0;
}
.grid .tophalf { 
	height:200px;
	width: 100%;
	position:relative;
	overflow: hidden;
	float: left;
}

.grid .pinned, 
.dropdown .tdrop .image .imagespace .pinned, 
.imgspace .pinned { width:30px; height:40px; background:url(../i/gamehubs-pinned.png) top right no-repeat; top:0px; right:5px; position:absolute; z-index:11; }

.grid a { color:#FFF; }
.grid .textspace { z-index:1; position:absolute; width:100%; height:200px; padding:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-items:flex-end; align-items:flex-end; -webkit-justify-content:flex-start; justify-content:flex-start; }
.grid .textspace {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 70%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 70%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 70%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
}

.grid .textspace .textarea { 
    display: -webkit-box;
    overflow: hidden;
    padding: 10px;
    margin: 0 0 8px 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: 'Roboto Slab';
	font-weight:bold;
    font-size: 28px;
    line-height: 32px;
    max-height: 58px;
	text-shadow: 2px 2px 2px #000000;
}

.grid .bottomhalf { 
	overflow:hidden; 
	height:150px;
	width: 50%; 
	float: left;
	position:relative;
}

.grid .bottomhalf .textspace { height:150px; }
.grid .bottomhalf .textspace .textarea { font-size: 18px; line-height:22px; max-height:36px; margin:0 0 6px 0; }

.gamesspace .tophalf { height:300px; }
.gamesspace .textspace { height:300px; }
.gamesspace .textspace .textarea { max-height:none !important; margin:0; }
.gamesspace .textspace .textarea .textstretch { width:100%; }
.gamesspace .textspace .textarea .textdate { 
	font-size:16px;
	text-shadow:0 0 0 #FFF;
}
.gamesspace .btmdesc { padding:10px; border: 1px solid #CCC; }


p.tby {
	color: #003399;
}
span.hours {
	color: #999;
}
p.story {
	font-size: 14px;
	margin-bottom: 20px;
}

.bubble { }

/* =============== */
/* CONTACT US PAGE */

.reachtxt {
	margin-bottom: 20px;
}

.contactus {
	float:left;
	background: #fff;
	padding: 20px 0;
	border: 1px solid #ccc !important;
	max-width: 813px;
	width:100%;
	width:calc(100% - 2px);
} 
.contactus .contactuspad { padding:0 20px; }
.contactus .contactrow { float:left; width:100%; }
.contactus .contactrow .halfrow { float:left; width:50%; }
.contactus .contactrow .label, 
.contactus .contactrow .field { float: left; margin:0 0 6px 0; width:100%; }
.contactus .contactrow .field { margin:0 0 12px 0; }

.contactus .contactrow .field input[type="text"],
.contactus .contactrow .field input[type="password"],
.contactus .contactrow .field input[type="email"],
.contactus .contactrow .field select,
.contactus .contactrow .field textarea {
	float:left;	
	border-radius: 5px;
 	border:1px solid #cccccc !important;
 	padding:5px 10px;
	width:100%;
}

.contactus .contactrow .inpad { padding:0 22px 0 0; }
.contactus .contactrow .halfrow:first-child .inpad { padding:0 42px 0 0 !important; }
.contactus .contactrow .button { padding:4px 40px; margin:0 10px 0 0; text-transform:uppercase; }
.contactus .statusmsg { padding:5px; border:1px dashed #AAA; margin:0 0 20px 0; text-align:center; background:#FDFFD4; display:none; }

.contactus .captchar { float:left; width:100%; margin:0 0 40px 0; }

.article-contact {
	background: #fff;
	padding: 15px;
	border: 1px solid #ccc !important;
	width: 100%;
	width: calc(100% - 30px);
}

.cmail {
	font-size: 14px;
}
span.cred {
	color: #E8193B;
}

/* =============== */

.pushall {
	margin-bottom: 100px;
	clear: both;
}

.bignum {
	font-size: 88px;
	color: #db1b24;
	display: inline;
}
.pagenot {
	display: inline-block;
	font-size: 21px;
	line-height: 24px;
	color: #db1b24;
	margin-top: 20px;
}
.pagenot div { text-transform:uppercase; text-align:left; }
.attimg {
	float: left;
	margin-top: -13px;
	padding-right: 20px;
}
.textwidth {
	max-width:600px;
	width: 100%;
	margin:30px auto;
	overflow: hidden;
	font-size: 14px;
	text-align: center;
}

.questions {
	margin-top: 20px;
}
.questions .questionsbg {
	padding-right: 50px;
	padding-left: 50px;
	background-color: #f2f2f2;
	height: 100px;
	width: 420px;
	margin: 0 auto;
}
.questions .questionstxt {
	padding-top: 25px;
}
.circleall {
	float: right;
	margin-top: 20px;
}
.circleborder {
	border-top: 5px solid #003399;
	position: relative;
	top: 32px;
	left: 35px;
	width: 180px;
}
.circle1, .circle2, .circle3 {
	float: left;
	padding-right: 20px;
	text-align: center;
}
.circletxt {
	position: relative;
	top: -35px;
	left: 1px;
	color: #fff;
	font-size: 20px;
	text-align: center;
}
.followers, .following, .fgames {
	color: #003399;
	font-size: 14px;
}

.thearticle {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-size: 12px;
}
.theimg {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
span.tbig {
	font-size: 14px;
}
.readmore {
	float: right;
	padding-bottom: 10px;
}
span.arrowright {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.5px 0 4.5px 6px;
	border-color: transparent transparent transparent #000000;
	display: inline-block;
	margin-left: 5px;
}
.loadmore {
	width: 100%;
}
.loadmore .loadbg {
	background-color: #003398;
	border-radius: 8px;
	height: 30px;
}
.loadmore:hover, .loadbg:hover {
	color: #fff;
	background-color: #000;
	border-radius: 8px;
}
.loadmore .loadtxt {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	padding-top: 6px;
}
.pi {
	border: none;
	margin-top: -25px;
	margin-left: 15px;
	margin-bottom: -10px;

}




/* Comments post */
.commentspanel { width:100%; }
.commentspanel .section-title { margin:0 0 24px 0; border-bottom:2px solid #E8193B; color:#000; }

.fbcomments { width:100%; float:left; }

.paging {
	margin-right: 10px;
}
.pbg {
	border: 1px solid #dd1b24;
	background: #dd1b24;
	min-width: 4px;
	padding: 8px 15px 8px 15px;
	float: left;
	margin-right: 5px;
}
.pnumber {
	color: #fff;
	font-size: 16px;
}
.pbgn {
	border: 1px solid #ccc;
	min-width: 4px;
	padding: 8px 15px 8px 15px;
	float: left;
	margin-right: 5px;
}
.pbgn:hover {
	background: #E8193B;
	color: #fff;
	cursor: pointer;
}
.pbnumbern {
	color: #000;
	font-size: 16px;
}

#settingcontainer {
	margin-bottom: 20px;
}
.newpassword, .confirmpassword {
	font-size: 14px;
	margin-top: 10px;
}
.blockusername {
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 14px;
}
.newpass {
	display: inline-block;
	margin-left: 40px;
}
.confirmpass {
	display: inline-block;
	margin-left: 18px;
}
.blockuser {
	display: inline-block;
	margin-left: 70px;
}
.newpass input[type="password"], .confirmpass input[type="password"] {
	border: 1px solid #ccc !important;
	border-radius: 4px;
	width: 630px;
	height: 30px;
	padding-left: 10px;
}
.blockuser input[type="text"] {
	border: 1px solid #ccc !important;
	border-radius: 4px 0px 0px 4px;
	width: 530px;
	height: 30px;
	padding-left: 10px;
}
.atleast {
	margin-top: 10px;
	margin-left: 150px;
	font-size: 12px;
	font-style: italic;
	color: #ccc;
}
.savechange {
	margin-left: 150px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.savechangebtm {
	margin-top: 20px;
	margin-bottom: 20px;
}
.savebg {
	background-color: #003399;
	height: 10px;
	width: 150px;
	display: table-cell;
}
.savebg:hover {
	background: #000;
	cursor: pointer;
}
.savetxt {
	color: #fff;
	text-align: center;
}
.savebg > div {
	padding: 10px 10px 10px 30px;
	font-size: 14px;
	color: #fff;

}
.block {
	font-size: 14px;
}
.block > div {
	margin-bottom: 5px;
}
.blockbtn {
	background: #003399;
	height: 32px;
	width: 116px;
	float:right;
	margin-top: -34px;
	border: 1px solid #003990;
}
.blockbg {
	color: #fff;
	text-align: center;
	margin-top: 8px;
	margin-left: 8px;
}
.blockbtn:hover,.socialfb:hover, .socialtw:hover {
	background: #000;
	cursor: pointer;
}
.blocklist {
	margin-top: 40px;
	margin-bottom: 100px;
}
.blocklist > div {
	margin-bottom: 15px;
}
.blockuserlist {
	border-top: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
}
.blocked {
	padding: 10px 30px 10px 30px;
}
.blocked > div > div {
	display: inline-block;
	padding-left: 50px;
}
.unblockbg {
	border-radius: 8px;
	border: 1px solid #003990;
	width: 100px;
	height: 25px;
}
.unblockbg > div {
	color: #003990;
	text-transform: uppercase;
	text-align: center;
	margin-top: 4px;

}
.unblockbg:hover {
	background: #003990;
	color: #fff;
	cursor: pointer;
}
.unblockbg > div:hover {
	color: #fff;
	cursor: pointer;
}

.leftpad {
	display: inline-block;
	margin-left: 35px;
}

/* gamelist */

.gamemaininfo {
	position:relative;
	width: 100%;
	height: 400px;
	font-size: 14px;
	border: 1px solid #ccc;
	background-color: #FFF;
	margin-bottom: 20px;
	overflow: hidden;
}
.gamemaininfo .gamebanner { width:100%; max-height:200px; overflow:hidden; }
.gamemaininfo .gamebanner .gamebannerimg { width:100%; height:200px; background-position:center top; background-size:cover; overflow: hidden; }

.gamemaininfo .ratethumb {
	position: absolute;
	background:#FFF;
	top:50px;
	left:30px;
	width:180px;
	height:260px;
	padding:10px;
    z-index: 10;
	border: 1px solid #ccc !important;
}
.gamemaininfo .ratethumb .ratethumbimg { width:100%; height:260px; background-position:center center; background-size:cover; overflow: hidden; }

.gamemaininfo .ratingstar {	position: absolute;	top:340px; left:30px; width:222px; height:24px; }
.gamemaininfo .ratingstar .ratuser { float:left; margin:0 10px 0 0; }
.gamemaininfo .ratingstar .ratstar { float:left; margin:0 2px; text-align:center; display:inline-block; color:#000; }
.gamemaininfo .ratingstar .ratstar:hover,
.gamemaininfo .ratingstar .ratstar.rated { color:#F00; }


.gamemaininfo .descgame {
	margin:20px 0 0 20px;
	float: left;
}
.gamemaininfo .descpushright { margin:20px 0 0 250px; }
.gamemaininfo .descgame .titletop { width:100%; }
.gamemaininfo .descgame .btitle { float:left; font-size: 24px; line-height:28px; font-family:"Roboto Slab"; font-weight:bold; text-transform: uppercase; margin-bottom: 20px; }
.gamemaininfo .descgame .titletop .gamesfollow { float:left; margin:0 0 0 10px; }


.gamemaininfo .esrb { float:right; margin: 14px 10px 0 0; }
.gamemaininfo .esrb img { height:150px; }

.btitle > div {
	margin-bottom: 5px;
	line-height: 24px;
}
.btitle > div > span {
	color: #fff;
}
.ratingcontainer {
	float: right;
}
.ratingHubs {
	float: left;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 8px;
	min-height: 0;
	overflow: hidden;
	height: 100px;
	margin-top: 14px;
	margin-right: 10px;
	width: 85px;
	max-width: 100px;
}
.ratingUser.slider {
	width: 150px;
	max-width: 200px;
}
.hubstitle, .communitytitle, .usertitle {
	text-transform: uppercase;
	margin-bottom: 5px;
	text-align: center;
}
.hubsratingbar {
	text-align: center;
	height: 61px;
}
.hubsratingbar .hubsratingbarimg { width:56px; height:56px; margin:0 auto; background-position:center center; background-repeat:no-repeat; background-size:contain; }
.hubsratingbar.user {
	float: left;
	margin-left: 20px;
}
.pointers {
	font-size: 22px;
	font-weight: bold;
	position: relative;
	top: -37px;
}
.sgreat {
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
}
.userslider {
	text-align: center;
}
.dashed {
	position: relative;
	top: -54px;
	left: 60px;
	font-size: 20px;
	color: #003390;
}
.psize {
	font-size: 14px;
	margin-top: 10px;
}

.othergames { 
	
}
.otherwrap { 
	
}
.otheritem { float:left; width:50%; margin:0 0 20px 0; min-height:100px; }
.otheritem .otherimg { position:absolute; width:80px; height:100px; }
.otheritem .otherpad { padding:0 10px 0 90px; }
.otheritem .otherinfo { width:100%; }
.otheritem .othertitle { float:left; width:100%; margin:0 0 10px 0; }
.otheritem .otherdesc { float:left; width:100%; margin:0 0 10px 0; font-size:12px; }

/* video */
.videocontainer { background: #000; overflow: hidden; width:100%; }
.videocontainer .videotop { position:relative; width:100%; max-width:1024px; height:640px; margin:30px auto; }
.videocontainer .videos { }
.videocontainer .videos iframe { position:absolute; width:100%; height:100%; }
.videocontainer .videotxt {
	position: absolute;
	color: #fff;
	padding: 5px;
}
.videocontainer .descriptionx {
	color:#FFF;
	padding: 20px;
	font-size: 18px;
}

.video-article {
	padding: 20px;
	height: auto;
	float: left;
	width: 1134px;
}
.video-article p {
	margin-bottom: 20px;
	font-size: 14px;
	margin-top: 15px;
}
.socialhorizontal {
	padding: 20px;
}

.videoabout {
	background: #fff;
	padding: 25px 20px 20px 20px;
	border: 1px solid #ccc !important;
	overflow: hidden;
	margin:0 0 40px 0;
}


.vidtrailers {
	margin-top: 30px;
}
.vidtxt > div {
	padding-top: 45px;
}
.vidtxt > div > div {
	height: 36px;
	line-height: 18px;
	overflow: hidden;
	padding: 80px 10px 0px 10px
}
.vidtxt span {
	vertical-align: bottom;
	color: #fff;
	height: 36px;
	font-size: 16px;
	display: table-cell;
}

.vidcontainer {
	width: 660px;
	float: left;
}

.vidbox { background-size: cover; width: 320px; height: 170px; }


.trailercontainer {
	width: 660px;
	float: left;
}
.trailer {
	float: left;
	padding-bottom: 10px;
	padding-right: 10px;
}

/* EMBED */
.embedcontainer { overflow: hidden; width:100%; text-align:center; position:relative; height:640px; margin:30px auto; }
.embedcontainer iframe { position:absolute; width:100%; height:100%; left:0; }


/* GAME DETAILS */
.gamedetails { float: left; background:#000; color:#FFF; min-width:280px; }
.gamedetails .gamepad { padding:20px; }
.gamedetails .gametitled { font-size: 24px; line-height:28px; margin-bottom: 20px; font-weight:bold; font-family:"Roboto Slab"; }
.gamedetails .gametitled a { color:inherit; }
.gamedetails .gameboximg { width:100%; }
.gamedetails img {
	width:100%;
	margin-bottom: 20px;
}

.gamedetails .gdetail { font-size: 14px; line-height: 20px; }
.gamedetails .gdetail .grow { width:100%; margin:0 0 15px 0; }
.gamedetails .gdetail .grow .glabel { color:#E8193B; }

/* END GAME DETAILS */

.smallthumb {
	float: left;
	width: 130px;
	height: 70px;
	overflow: hidden;
	margin-bottom: -22px;
	border: 1px solid #fff;
}
.smallthumb > div > span { 
	color: #fff;
	display: table-cell;
	vertical-align: bottom;
	height:36px;
	padding: 10px;
}
.bigthumb {
	position: absolute;
	width: 550px;
	height: 350px;
	overflow: hidden;
	top: 164px;
	left: 340px;
	border-left: 1px solid #fff;
}
.bigthumb > div {
	background: rgba(0,0,0,0.7);
	width: 450px;
	height: 75px;
	padding: 20px;
	margin-top: 215px;
	margin-left: 30px;
	overflow: hidden;
}
.bigthumb > div > span {
	color: #fff;
	vertical-align: bottom;
	display: table-cell;
	height: 75px;
}
.testgrid {
	position: absolute;
	width: 550px;
	height: 350px;
	overflow: hidden;
	top: 42px;
	left: 141px;
	border-left: 1px solid #fff;
}
.testgrid > div {
	background: rgba(0,0,0,0.7);
	width: 450px;
	height: 75px;
	padding: 20px;
	margin-top: 215px;
	margin-left: 30px;
	overflow: hidden;
}
.testgrid > div > span {
	color: #fff;
	vertical-align: bottom;
	display: table-cell;
	height: 75px;
}
.blackbar {
	height: 10px;
	width: 200px;
	background: #3E3E3E;
	margin-left: -5px;
	margin-bottom: 5px;
}
.redbar {
	height: 10px;
	width: 114px;
	background: #E8193B;
}
.pollindicator {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.5px 8px 7.5px;
	border-color: transparent transparent #000000 transparent;
	margin-left: 102px;
}
.gamename {
	height: 41px;
	background: #000;
	color: #fff;
	width: 200px;
	margin-left: -5px;
}
.redbar-second {
	height: 10px;
	width: 50px;
	background: #E8193B;
}
.pollindicator-second {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.5px 8px 7.5px;
	border-color: transparent transparent #000000 transparent;
	margin-left: 38px;
}
.redbar-third {
	height: 10px;
	width: 25px;
	background: #E8193B;
}
.pollindicator-third {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.5px 8px 7.5px;
	border-color: transparent transparent #000000 transparent;
	margin-left: 13px;
}
.redbar-fourth {
	height: 10px;
	width: 35px;
	background: #E8193B;
}
.pollindicator-fourth {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7.5px 8px 7.5px;
	border-color: transparent transparent #000000 transparent;
	margin-left: 22px;
}

.wrapper .section-title-style-two {
	float: left;
	color:#282b30; 
	font-size: 20px;
	line-height:24px;
	font-family:"Roboto Slab";
	font-weight:bold;
	width:100%; 
	padding:10px 0;
	border-bottom: 3px solid #E8193B;
}
.wrapper .section-title-style-two a, .wrapper .section-title-style-two a:hover {
	color: #282b30;
	text-decoration: none;
}

.topright-social {
	float: right;
	margin-top: 5px;
	margin-right: 20px;
}

.bottombg {
	background: #ffffff;
}

.pollads {
	text-align: center;
}
ol.liststyle {
	list-style-type: lower-roman;
	margin-left: 20px;
}
ul.listbullet {
	list-style: disc;
	margin-left: 20px;
}
h1.topheading {
	margin-top: 40px;
}

/* SEARCH PAGE */

.searchresult { font-size: 14px; margin-bottom: 15px; clear: both; }
.searchresult .rresult { color: #E8193B; font-size: 32px; }

.searchwrap { background: #fff; border: 1px solid #ccc !important; max-width: 828px; width: 100%; height: auto; }
.searchinnerwrap { padding:0 20px; }
.searchpadright { padding:0 114px 0 0; }

.keysearch { position:relative; }
.keysearch, .resetz {
	padding: 20px 0px;
}
.keysearch input[type="text"], .resetz input[type="text"] {
	height: 17px;
	width:100%;
	font-size:14px;
	padding: 5px;
}
.keysearch .kbg {
	position:absolute;
	right:0;
	top:20px;
	background-color: #E8193B;
	width: 100px;
	height: 31px;
	text-transform:uppercase;
}

/* RESET PASSWORD PAGE */
.retxt { margin-bottom: 15px; }
.resetz .kbg {
	background-color: #E8193B;
	width: 100px;
	height: 31px;
	display: inline-block;
	border: 2px solid #E8193B !important;
}
.resetz input[type=email] { padding: 5px 10px; width: 400px; }
.resetz .btn-submit { padding:7px 15px; }

.keysearch .ktxt, .resetz .ktxt, .sign-in .ktxt {
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 7px;
	text-transform:uppercase;
}
.sign-in p {
	margin-top: 20px;
}
.sign-in .kbg {
	background-color: #E8193B;
	width: 100px;
	height: 31px;
	display: inline-block;
	margin-left: -30px;
}
.sign-in .kbgb {
	background-color: #003399;
	width: 230px;
	height: 31px;
	display: inline-block;
	margin-bottom: 20px;
}
.filterby {
	float: left;
	font-size: 14;
	padding: 10px 0px 10px 0px;
}
.filterblue {
	margin-right: 8px;
	color: #003398;
}
span.bluetxt, .bluetxt {
	color: #003398;
}


/* REGISTER PAGE */
.article-register {
	background: #fff;
	border: 1px solid #ccc !important;
	max-width: 1178px;
	width:100%;
	padding:0 0 50px 0;
}

.innersplit { float:left; width:50%; }
.innerpad { padding:50px 100px; text-align:center; }

.resetpad {
	padding: 50px 0 10px 0;
	text-align: center;
	margin:0 auto;
	max-width: 1014px;
	width:100%;
}

.midline { position:absolute; left:50%; text-align:center; }
.midline .sbordertop {
	border-left: 1px solid #ccc !important;
	position: absolute;
	height: 150px;
	margin-top: 20px;
}
.midline .optor {
	position: relative;
	font-size: 16px;
	color: #999;
	top: 180px;
	left: -11px;
}
.midline .sborderbtm {
	border-left: 1px solid #ccc !important;
	position: absolute;
	height: 250px;
	top: 210px;
}

.midline .sborderbtm2 {
	border-left: 1px solid #ccc !important;
	position: absolute;
	height: 120px;
	top: 210px;
}

.socialjoin { color: #fff; font-size: 14px; text-transform:uppercase; }
.socialjoin .fbjoin, 
.socialjoin .twjoin, 
.socialjoin .gpjoin { padding-top: 10px; display:inline-block; padding-right:20px; height: 28px; margin:0 auto 10px auto; text-align:left; }
.socialjoin .fbjoinbg { background: #35508a; text-transform:uppercase; }
.socialjoin .twjoinbg { background: #00a9e2; }
.socialjoin .gpjoinbg { background: #b00000; }
.socialjoin .ijoin { width:20px; border-right:1px solid #FFF; margin:0 10px 0 15px; display:inline-block; }

.regarea { text-align:left; }
.regfield {
	width:100%;
	margin-bottom: 10px;
	position:relative;
}
.regfield .label { padding:0 0 6px 0; }
.regfield .txtfield { }
.regfield .txtfield input[type="text"], 
.regfield .txtfield input[type="password"], 
.regfield .txtfield input[type="email"] {
 	border-radius: 5px;
 	border:1px solid #cccccc !important;
	padding:5px 10px;
	width:95%;
}
.regfield .txtfield em { font-size:11px; }
.subfield { width:100%; margin:20px 0 0 0; }

.regtxt { margin:0 0 20px 0; }
.regcheck { font-size: 14px; margin:20px 0 10px 0; text-align:left; }
.regcheck input[type=checkbox] { position:absolute; }
.regcheck .ragree { padding:0 0 5px 20px; }

.regarea .statusmsg { padding:5px; border:1px dashed #AAA; margin:0 0 20px 0; text-align:center; background:#FDFFD4; display:none; }
.regarea .span { margin:0 0 0 10px; }

.btn-submit { padding:7px 15px; background:#E8193B; -moz-border-radius:0; border-radius:0; text-transform:uppercase; }
.btn-submit:hover { background:#000; color:#FFF; }

/* end registration */

/* input required 
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid {
	background-image: url(../i/att.png);
	background-position: right top;
	background-repeat: no-repeat;
	box-shadow: none;
}*/
/* border color */
.border-red { border:1px solid red !important; }

/* basic colors */
.ct-primary { color:#00ADEE; }
.ct-secondary { color:#0082B3; }

.c-primary { background:#00ADEE; }
.c-secondary { background:#0082B3; }

/* social icons */
.icon-fb { background: #4c66a1; }
.icon-tw { background: #24a7dd; }
.icon-rss { background: #FF7600; }
.icon-twitch { background: #653fa4; background:#999; }
.icon-yt { background: #be1920; }
.icon-plus { background: #d64937; background:#999; }
.icon-in { background: #40719a; background:#999; }
.icon-red { background: #fb5d04; background:#999; }