/* Theme Name: Play Digious Theme Theme URI: https://wordpress.org/themes/twentyfourteen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier. Version: 1.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Text Domain: twentyfourteen This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 4.0 - Header * 5.0 - Navigation * 6.0 - Content * 6.1 - Post Thumbnail * 6.2 - Entry Header * 6.3 - Entry Meta * 6.4 - Entry Content * 6.5 - Galleries * 6.6 - Post Formats * 6.7 - Post/Image/Paging Navigation * 6.8 - Attachments * 6.9 - Archives * 6.10 - Contributor Page * 6.11 - 404 Page * 6.12 - Full-width * 6.13 - Singular * 6.14 - Comments * 7.0 - Sidebar * 7.1 - Widgets * 7.2 - Content Sidebar Widgets * 8.0 - Footer * 9.0 - Featured Content * 10.0 - Multisite * 11.0 - Media Queries * 12.0 - Print * ----------------------------------------------------------------------------- */ /** * 1.0 Reset * * Resetting and rebuilding styles have been helped along thanks to the fine * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint. * * ----------------------------------------------------------------------------- */ /* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} body { line-height: 1;} h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both;} ol, ul { list-style: none;} blockquote { quotes: none;} blockquote:before, blockquote:after { content: ''; content: none;} del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } /* =Fonts -------------------------------------------------------------- */ h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text, input[type=submit] { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;} pre { font-family: "Courier 10 Pitch", Courier, monospace;} code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;} body, input, textarea { color: #666; font-size: 12px; line-height: 18px;} hr { background-color: #E7E7E7; border:0; height: 1px; margin-bottom: 18px; clear:both;} /* Text elements */ p { margin-bottom: 0;} ul { list-style: square; margin: 0;} ol { list-style: decimal; margin: 0;} ol ol { list-style:upper-alpha;} ol ol ol { list-style:lower-roman;} ol ol ol ol { list-style:lower-alpha;} ul ul, ol ol, ul ol, ol ul { margin-bottom:0;} dl { margin:0 0 24px 0;} dt { font-weight: bold;} dd { margin-bottom: 18px;} strong { font-weight: bold;} cite, em, i { font-style: italic;} big { font-size: 131.25%;} ins { background: #ffc; text-decoration: none;} blockquote { font-style: italic; padding: 0 3em;} blockquote cite, blockquote em, blockquote i { font-style: normal;} pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em;} abbr, acronym { border-bottom: 1px dotted #666; cursor: help;} sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative;} sup { bottom: 1ex;} sub { top: .5ex;} input[type="text"], textarea { padding: 2px; background: #f9f9f9; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);} table { border: 1px solid #e7e7e7; text-align: left; margin: 0 -1px 24px 0; width: 100%;} tr th, thead th { color: #888; font-size: 12px; font-weight: bold; line-height: 18px; padding: 9px 24px;} tr td { border-top: 1px solid #e7e7e7; padding: 6px 24px;} tr.odd td { background: #F2F7FC;} .attachment img { max-width: 900px;} .alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px;} .alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px;} .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;} .alignleft, img.alignright, img.aligncenter { margin-bottom: 12px;} .wp-caption { background: #f1f1f1; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px;} .wp-caption img { margin: 5px 5px 0;} .wp-caption p.wp-caption-text { margin: 5px; color: #888; font-size: 12px;} .wp-smiley { margin:0;} /* =Comments -------------------------------------------------------------- */ #comments { clear: both;} #comments .navigation { padding: 0 0 18px 0;} h3#comments-title, h3#reply-title { color: #000; font-weight: bold; font-size: 20px; margin-bottom: 0;} h3#comments-title { padding: 24px 0;} .commentlist { list-style: none; margin: 0;} .commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative;} .commentlist li:last-child { border-bottom:none; margin-bottom:0;} #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px;} #comments .comment-body p:last-child { margin-bottom: 6px;} #comments .comment-body blockquote p:last-child { margin-bottom: 24px;} .commentlist ol { list-style: decimal;} .commentlist .avatar { position: absolute; top: 4px; left: 0;} .comment-author {} .comment-author cite { color: #000; font-style: normal; font-weight: bold;} .comment-author .says { font-style: italic;} .comment-meta { font-size: 12px; margin: 0 0 18px 0;} .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none;} .comment-meta a:active, .comment-meta a:hover { color: #FF4B33;} .commentlist .even {} .commentlist .bypostauthor {} .reply { font-size: 12px; padding: 0 0 24px 0;} .reply a, a.comment-edit-link { color: #888;} .reply a:hover, a.comment-edit-link:hover { color: #FF4B33;} .commentlist .children { list-style: none; margin: 0;} .commentlist .children li { border: none; margin: 0;} .nopassword, .nocomments { display: none;} #comments .pingback { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #e7e7e7;} .commentlist li.comment+li.pingback { margin-top: -6px;} #comments .pingback p { color: #888; font-size: 12px; line-height: 18px; display:block; margin: 0;} #comments .pingback .url { font-style: italic; font-size: 13px;} /* Comments form */ input[type=submit] { color: #333;} #respond { margin: 24px 0; border-top: 1px solid #e7e7e7; overflow: hidden; position: relative;} #respond p { margin: 0;} #respond .comment-notes { margin-bottom: 1em;} .form-allowed-tags { line-height: 1em;} .children #respond { margin: 0 48px 0 0;} h3#reply-title { margin: 18px 0;} #comments-list #respond { margin: 0 0 18px 0;} #comments-list ul #respond { margin: 0;} #cancel-comment-reply-link { font-size: 12px; line-height: 18px; font-weight: normal;} #respond .required { color:#FF4B33; font-weight:bold;} #respond label { color: #888; font-size: 12px;} #respond input { margin:0 0 9px; width:98%;} #respond textarea { width:98%;} #respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px;} #respond .form-allowed-tags code { font-size: 11px;} #respond .form-submit { margin: 12px 0;} #respond .form-submit input { width: auto; font-size: 14px;} .clear{clear:both; font-size:0px;line-height:0px; display:block;} /**************************************************************************************/ a {color:#000; text-decoration:none; outline:0 none;} a:hover {color:#000; text-decoration:none;} h1 {font-size:24px;} h2 {font-size:22px;} h3 {font-size:18px;} h4 {font-size:16px;} h5 {font-size:14px;} h6 {font-size:12px;} /*----------------------------------------------------------------------------------*/ html {} body {color:#b1b1b1; font-family: 'Open Sans', sans-serif; font-size:12px;} .flt_Lt {float:left; display:inline;} .flt_Rt {float:right; display:inline;} /* ---------------------------------------------------------------------------------*/ /* ----------------------- layout ----------*/ .wrapper {margin:0 auto;} .container {max-width:980px; margin:0 auto; width:100%;} /* ------------------ HEADER HERE -------------------*/ .headerwrapper {width:100%; height:auto; margin:0 auto; background:#f7f7f7 url(images/navwrapbg.jpg) repeat-x top left;} header {width:100%; height:auto;} .logo {width:auto; height:auto; float:left; margin: 10px 140px 0 0;} .logo img {width:100%; height:auto;} .mobnav {display:none;} #header.sticky {position:fixed; z-index: 999999999;} .topleft {float:right;} .navwarp {width:auto; float:left; position:relative;} /* ------------------------- NAVIGATION HERE ---------------*/ .mob_menu {display:none;} nav {width:auto; float:left;} nav ul {list-style:none; float:left; padding:0 27px 0 40px; margin:0; background:url(images/navlistbg.png) no-repeat 0 20px;} nav ul li {display:inline-block; position:relative; float:left; background:url(images/navbg.jpg) center left no-repeat; padding:0 21px; position:relative;} nav ul li a {text-decoration:none; color:#FFFFFF; font-size:20px; line-height:25px; font-weight:300; text-transform:uppercase; font-family: 'Open Sans', sans-serif; display: block; padding:32px 0;} nav ul li:hover {text-decoration:none; background:url(images/navmenubghover.png) center left no-repeat !important;} nav ul li:hover > ul.sub-menu {display:block;} nav ul li > ul.sub-menu {display:none; position:absolute; background: #000000; left: 0; border: 1px solid rgba(255, 0, 0, 0.32); width: 160px; padding:0; z-index: 999;} nav ul li > ul.sub-menu li {background:none!important;} nav ul li > ul.sub-menu li a {background:none; padding:10px 0; color:#ffffff;} nav ul li > ul.sub-menu li:hover > a {color:#f30505;} nav ul li:hover > a {color:#FFFFFF;} nav ul li a:hover {color:#f30505 ; text-decoration:none;} .minus {width:29px; height:24px; } .plus {width:24px; height:29px; } nav ul li.active a {text-decoration:none; color:#f30505; background:url(images/activebg.png) bottom center no-repeat;} nav ul li.active {background:url(images/navmenubghover.png) center left no-repeat !important;} /*--social headerlist --*/ .socialhead {width:auto; float:left; margin:35px 0 0;} .socialhead ul {list-style:none; float:left;} .socialhead ul li{display:inline-block; float:left; margin:0 19px 0 0;} .socialhead ul li.last {margin:0!important;} .socialhead ul li.twitter a {width:23px; height:23px; background:url(images/header_twicon.png) no-repeat top left; background-size:100% 100%; float:left;} .socialhead ul li.twitter:hover a {width:23px; height:23px; background:url(images/header_twiconhover.png) no-repeat top left; background-size:100% 100%; cursor:pointer;} .socialhead ul li.facebook a {width:25px; height:22px; background:url(images/header_fbicon.png) no-repeat top left; background-size:100% 100%; float:left;} .socialhead ul li.facebook:hover a {width:25px; height:22px; background:url(images/header_fbiconhover.png) no-repeat top left; background-size:100% 100%; cursor:pointer;} .socialhead ul li.utube a {width:28px; height:23px; background:url(images/header_uticon.png) no-repeat top left; background-size:100% 100%; float:left;} .socialhead ul li.utube:hover a {width:28px; height:23px; background:url(images/header_uticonhover.png)top left; background-size:100% 100%; cursor:pointer;} .socialhead ul li.mail a {width:28px; height:23px; background:url(images/header_mailicon.png) no-repeat top left; background-size:100% 100%; float:left;} .socialhead ul li.mail:hover a {width:28px; height:23px; background:url(images/header_mailiconhover.png) top left; background-size:100% 100%; float:left; cursor:pointer;} /*-- slider --*/ .sliderwrap {width:100%; position:relative;} .findmr{color:#d9d9d9 !important; font-family: "fontastique"!important; font-size:18px !important; line-height:50px!important; height:50px; text-align:center !important; padding:0!important; background:#1b1b1b; width:343px; border-radius:5px!important; display:block;} .tp-bullets.hidebullets { opacity: 1!important;} /* ------------------------ MIAN CONTENT HERE --------------*/ .maincontentwrap {background:#1b1b1b; margin:0 auto;} .maincontent {margin:25px auto 0; width:980px; padding:0 0 30px; } .rowwrap {width:100%; margin:0 auto; background:#1b1b1b;} .rowlist {width:1480px; margin:0 auto;} .rowlist ul {list-style:none; width:100%; margin:0px;} .rowlist ul > li { height:auto; float:left; margin:45px 22px 45px 0;} .rowlist ul li.last {margin:45px 0 45px 0;} .gamein {width:477px; height:auto; position:relative;} .gamein h3 {font-size:24px; line-height:28px; text-align:left; color:#d9d9d9; font-family: "fontastique"; text-transform:uppercase; } .gamein h6 {color:#a0a0a0; font-family: 'Open Sans', sans-serif; text-align:left; font-size:14px; line-height:18px; margin:0 0 15px; text-transform:capitalize;} .listimg {width:100%; height:auto; margin:0 0 20px;} .listimg img {width:100%; height:auto; display:block;} .buttonlist {list-style:none; width:100%; } .buttonlist li {display:inline-block; float:left; margin:0 8px 0 0 !important; width: auto !important;} .buttonlist li.last {margin:0px;} .buttonlist li a {border:1px solid #404040; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; display:block; color:#d9d9d9; font-size:12px; line-height:32px; height:32px; font-family: 'Open Sans', sans-serif; text-align:center; text-transform:uppercase; min-width:111px; background:#1b1b1b; cursor:pointer;} .buttonlist li a:hover {background:#c60000; color:#FFFFFF;} .midsect {width:100%; height:auto; position:absolute; z-index:9; top: 40%; margin-left:0; left: 0; text-align: center;} .midsect h4 {color:#d9d9d9; font-family: "fontastique"; line-height:28px; font-size:24px; text-align:center;} .midsect button {color:#a0a0a0; font-size:14px; line-height:14px; text-align:center; font-family: 'Open Sans', sans-serif; background:none; border:0px; cursor:pointer;} .blanks {width:100%; height:auto; background:#2d2d2d; margin:60px 0 0; position:relative; z-index:0;} .blanks > img {width:100%; height:auto; display:block;} .rowwrap2{width:100%; margin:0 auto; background:#1b1b1b;-webkit-box-shadow: inset 0px 19px 15px 0px rgba(0, 0, 0, 0.49); -moz-box-shadow: inset 0px 19px 15px 0px rgba(0, 0, 0, 0.49); box-shadow: inset 0px 19px 15px 0px rgba(0, 0, 0, 0.49);} .removemar{} /*-- inner1 --*/ .bannerwarpper {width:100%; height:auto; text-align:center; background:#1b1b1b; position:relative; padding:52px 0;} .bannervideo {width:770px; height:auto; border:10px solid #1d1d1d; height:435px; position:relative; z-index:1; margin:0 auto;} .bannervideo > img {width:100%; height:auto;} .bannerimg {width:100%; height:auto; position:absolute; top:0; left:0px; z-index:0;} .bannerimg > img {width:100% !important; height:auto;} /*-- custom video --*/ .vjs-default-skin .vjs-big-play-button { background: #000 !important; border: 0px !important;} .vjs-default-skin .vjs-big-play-button:hover { background:#fff !important;} .vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control { color: #fff !important;} .vjs-icon-play:hover, .video-js .vjs-big-play-button:hover, .video-js .vjs-play-control:hover {color: #dd0000 !important;} .topgamesect {width:100%; height:auto; padding:0 0 55px;} .leftgameinfo {width:730px; height:auto; float:left; margin:0 18px 0 0;} .leftgameinfo h3 {color:#d9d9d9; font-size:42px; line-height:46px; text-align:left; font-family: "fontastique"; text-transform:uppercase;} .leftgameinfo h6 {color:#dd0000; font-size:21px; line-height:26px; text-align:left; font-family: "fontastique"; text-transform:uppercase; margin:0 0 30px;} .leftgameinfo p {color:#b0b0b0; font-size:14px; line-height:25px; font-family: 'Open Sans', sans-serif; text-align:left; margin:0 0 35px;} .buttonlist em {padding:10px 0 0; font-style:normal; display:block;} .rightgameinfo {width:230px; height:auto; border:1px solid #404040; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; float:right;} .gameshort {width:170px; height:auto; margin:30px auto; list-style:none;} .gameshort img {display: block;}/*-- update --*/ .gameshort li {width:100%; height:auto; display:block; text-align:center; margin:0 0 10px;} .gameshort li h4 {color:#ffffff; font-size:18px; line-height:22px; font-family: "fontastique"; text-align:center; padding:0 0 20px;} .red {font-size:33px; line-height:37px; color:#db0707; text-align:center; font-family: 'Open Sans', sans-serif; font-weight:700; padding:0 0 20px; display:block;} .screenshots {width:100%; height:auto; padding:50px 0;} .screenshots ul {list-style:none; width:100%; margin:0px;} .screenshots ul li {width:230px; height:auto; margin:0 20px 15px 0; display:inline-block; float:left;}/*--updated--*/ .screenshots ul li a {width:100%; height:auto; display:block;} .screenshots ul li a > img {width:100%; height:auto; display: block;} .screenshots ul li:nth-child(8n){ margin:0 0 15px 0;}/*--updated--*/ /*--inner2 --*/ .innerwarpbg {width:100%; margin:0 auto; background:url(images/playmdbg.png) no-repeat top left #191919;} .playlogo {padding:95px 0 125px; width:100%; height:auto; border-bottom:1px solid #2c2c2c;} .playlogo a {width:55%; height:auto; margin:0 auto; display: block;} .playlogo a img {width:100%; height:auto;} .quote {padding:82px 0; width:100%; height:auto; border-bottom:1px solid #2c2c2c;} .quote blockquote {font-family: 'Open Sans', sans-serif; font-weight:300; font-size:20px; line-height:25px; color:#FFFFFF; text-align:center; padding:0 154px; font-style: normal;} .otherinfo {padding:55px 0 80px; width:100%; margin:0 auto;} #infolist {width:100%; height:auto; margin:0px; list-style:none; position:relative;} #infolist li {width:50%; height:auto; display:inline-block; float:left; margin:0 0 70px;} #infolist li h2 {font-size:24px; line-height:28px; color:#FFFFFF; font-family: "fontastique"; text-align:left; margin:0 0 22px; text-transform:uppercase;} #infolist li p {color:#a8a8a8; margin-right:10%; font-size:16px; line-height:29px; text-align:left; font-family: 'Open Sans', sans-serif;} #infolist li p a {color:#FFFFFF; text-decoration:none;} #infolist li p a:hover {color:#FFFFFF; text-decoration:none;} .featurelist {color:#FFFFFF; marin:0px; list-style:none;} .featurelist li {display:block; width:440px !important; font-size:16px; line-height:29px; text-align:left; font-family: 'Open Sans', sans-serif; color:#a8a8a8; margin:0 !important; padding:0 0 0 40px; background:url(images/disc.png) no-repeat 0 10px;} .developerwrap {width:100%; height:auto; background:#101010; position:relative; margin:0 auto; padding:82px 0;} .mailab {width:157px; height:114px; position:absolute; top:-65px; left:45%;} .mailab > img {width:100%; height:auto;} .developerwrap h2 {font-family: 'Open Sans', sans-serif; font-size:24px; line-height:28px; text-align:center; margin:0 0 10px;} .developerwrap h5 {color:#a8a8a8; font-size:18px; line-height:22px; font-family: 'Open Sans', sans-serif; text-align:center; margin:0 0 52px;} .mainlist {width:100%; height:auto; margin:0px; list-style:none; margin:0px;} .mainlist > li {display:inline-block; width:auto; margin:0 20px 0 0; float: left;} .mainlist > li.last {margin:0px !important;} .inputfield {width:314px; float: left;} .inputfield ul > {list-style:none; width:100% !important; margin:0px;} .inputfield ul > li {display:block; width:100%;} .inputfield ul > li input {width:282px; padding:0px 15px; background:#2b2b2b; margin-bottom:2px; outline:0px; border:0px; font-size:16px; line-height:16px; color:#ffffff; font-family: 'Open Sans', sans-serif; height:50px; line-height:50px; } .inputgroup {width:314px;} /*--custom selectlist --*/ .inputgroup label {display:block; width:100%; color:#a8a8a8; font-size:16px; font-family: 'Open Sans', sans-serif; padding:0px; line-height:47px; height:47px;} .styled hasCustomSelect { /* This is the default class that is used */ width:100%; padding:0; margin:0px; background:#2b2b2b; border:0px; outline:0px; width:100%; color:#a8a8a8; font-size:16px; line-height:20px; font-family: 'Open Sans', sans-serif; line-height:47px; height:47px;} .customSelect.customSelectHover { /* Styles for when the select box is hovered */ } .customSelect.customSelectOpen { /* Styles for when the select box is open */ } .customSelect.customSelectFocus { /* Styles for when the select box is in focus */ } .customSelect Option { /* Styles for when the selected item is a disabled one */ width:90%; color:#a8a8a8; font-size:16px; line-height:20px; font-family: 'Open Sans', sans-serif; padding:0 5%;} .customSelect.customSelectDisabled { /* Styles for when the select box itself is disabled */ } .customSelectInner { /* You can style the inner box too */ width: 100% !important; color:#a8a8a8; font-size:16px; line-height:20px; font-family: 'Open Sans', sans-serif; padding:5px 0px; } span.customSelect { background: #2b2b2b url(images/customSelect-arrow.png) no-repeat scroll 95% center; border:none; border-radius: 2px; color: #555; font: 12px sans-serif; padding: 7px 5%; width:90%;} .inputfield2 {width:645px; float: left;} .textare {width:644px; padding:32px; background:#2b2b2b; border:0px; box-sizing:border-box; height:283px;} .fsubmit {width:100%; height:auto; text-align:center; font-size:24px; color:#FFFFFF !important; background:#c00505; border:0px; outline:none; font-family: "fontastique"; padding:0; line-height:49px; height:49px;} /* ------------------ FOOTER HERE --------------------------*/ .footerwrapper {width:100%; height:auto; margin:0 auto; background:#c00505;} .footertop {padding:96px 0 82px; margin:0 auto; -webkit-box-shadow: inset 0px -6px 25px 0px rgba(0, 0, 0, 0.49); -moz-box-shadow: inset 0px -6px 25px 0px rgba(0, 0, 0, 0.49); box-shadow: inset 0px -6px 25px 0px rgba(0, 0, 0, 0.49);} .leftfooter {width:480px; float:left; padding:0 0 52px ;background:url(images/footer_shadow2.png) no-repeat bottom center; background-size:100% 12%;} .leftfooter h3 {font-size:24px; line-height:28px; font-family: "fontastique"; text-align:left; margin:0 0 12px; text-transform:uppercase; color:#ffffff;} .leftfooter p {color:#feaaaa; font-size:17px; line-height:21px; font-family: 'Open Sans', sans-serif; text-align:left; margin:0 0 30px;} .formgroup {border:1px solid #df7f7f; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -o-border-radius:5px; position:relative; width: 436px; float:left;} #email {background:#c00505; width:268px; padding:0 27px; outline:0px; border:0px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -o-border-radius:5px; font-family: 'Open Sans', sans-serif; color:#fff; text-align:left; font-size:16px; line-height:48px; outline:none; border:0px; height:48px;} #button { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -o-border-radius:5px; padding:0; text-align:center; color:#d30d0d; font-size:17px; line-height:48px; background:#fff; outline:0px; box-shadow:0px; border:0px; width:111px; outline:none; border:0px; float:right; height:48px;} .footerright {width:480px; height:auto; float:right;} .footerright ul {width:100%; list-style:none; margin:38px 0 0;} .footerright ul li {display:inline-block; float:left; margin:0 5px 0 0;} .footerright ul li.last {margin:0px;} .socgroup {width:100%; height:auto; float:left; padding:15px 0 48px; background:url(images/footer_socialiconshadw.png) no-repeat bottom center;} .socgroup a {width:115px; height:114px; display:block;} .socgroup a img {width:100%; height:auto;} .footerright ul .twiiter {background:url(images/footer_sc_twicon.png) no-repeat top left; background-size:100% 100%;} .footerright ul .twiiter:hover {background:url(images/footer_sc_twiconhover.png) no-repeat top left; background-size:100% 100%;} .footerright ul .facebook {background:url(images/footer_sc_fbicon.png) no-repeat top left; background-size:100% 100%;} .footerright ul .facebook:hover {background:url(images/footer_sc_fbiconhover.png) no-repeat top left; background-size:100% 100%;} .footerright ul .utube {background:url(images/footer_sc_utubeicon.png) no-repeat top left; background-size:100% 100%;} .footerright ul .utube:hover {background:url(images/footer_sc_uticonhover.png) no-repeat top left; background-size:100% 100%;} .footerright ul .mail {background:url(images/footer_sc_mailicon.png) no-repeat top left; background-size:100% 100%;} .footerright ul .mail:hover {background:url(images/footer_sc_mailiconhover.png) no-repeat top left; background-size:100% 100%;} footer {width:980px; margin:0 auto;} .footer {width:980px; margin:0 auto; list-style:none; padding:20px 0 30px;} .footer > li {display:inline-block; float:left;} .footer > li h4 {font-family: 'Open Sans', sans-serif; font-size:13px; line-height:18px; color:#FFFFFF; text-align:left; padding:22px 0 5px 62px; background:url(images/footerbg.png) no-repeat top left; margin:0 40px 0 0;} .footer > li h4 a {color:#FFFFFF;} .footer > li h4 a:hover {color:#FFFFFF; text-decoration:none;} .footer > li h4 em {font-style:normal;} .sufmenu {margin:22px 0 22px; width:100%; list-style:none; display:block;} .sufmenu li {display:inline-block; float:none; padding:11px; background:url(images/footerdeviderbg.png) no-repeat center right;padding:0 11px;} .sufmenu li.last {background:none;} .sufmenu li a {font-family: 'Open Sans', sans-serif; font-size:13px; line-height:18px; color:#FFFFFF; text-align:center;} .sufmenu li a:hover {text-decoration:none; color:#fff;} .footer > li.last {float:right; padding:22px 0 30px;} .footer > li.last em {font-family: 'Open Sans', sans-serif; font-size:13px; line-height:18px; color:#FFFFFF; text-align:right; padding:22px 0;} input{-webkit-appearance:none;} .current_page_item {text-decoration:none; background:url(images/activebg.png) bottom center no-repeat; color:#f30505;} /*nav ul li.current-menu-item {background:url(images/navmenubghover.png) center left no-repeat !important;} */button {-webkit-appearance:none;} input { -webkit-appearance:none;} .listimg img { box-sizing:border-box; border:1px solid rgba(0,0,0,0);} .listimg img:hover { border:1px solid #f30505;} .button_link {background: #1b1b1b none repeat scroll 0 0; border: 1px solid #404040; border-radius: 5px; color: #d9d9d9; cursor: pointer; display: block; font-family: "Open Sans",sans-serif; font-size: 12px; height: 32px; line-height: 32px; min-width: 111px; text-align: center; text-transform: uppercase; margin:5px 0 0;} .button_link:hover { background: #c60000 none repeat scroll 0 0; color: #ffffff;} /*--update new code--*/ /*--inner3 page unworded --*/ .rightgameinfo.innerwrap {border: 1px solid #fff;} .gameshort.inner {margin: 30px auto; width: 200px;} .gameshort li h3 {color:#ed0000; font-size: 28px; line-height: 32px; text-align: center; font-family: "fontastique"; font-weight: 400; margin:30px 0 40px;} .gameshort li p {font-size: 16px; line-height: 20px; text-align: left; color:#dfdfdf; font-family: Myriad Pro, sans-serif; font-weight: 400; margin-bottom: 25px;} .signupbx {width: 100%; margin: 0 0 45px; position: relative; list-style: none;} .signupbx li {display: block; margin: 0px; position: relativee;} .signupbx li input[type=text]{font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 20px; text-align: left; background: #343333; padding:0px 12px; width: 170px; height: 49px; color:#fff; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; margin-bottom: 21px; } .signupbx li input[type=submit] {color:#181818; font-size: 14px; line-height: 51px; height: 51px; text-align: center; font-family: Myriad Pro, sans-serif; font-weight: 700; background: #fff; width: 200px; border:0px; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px;} .signupbx input[type='radio']:after { width: 15px; height: 15px; border-radius: 15px; top: 2px; left: -1px; position: relative; background-color: #d1d3d1; content: ''; display: inline-block; visibility: visible; border: 2px solid white; } .signupbx input[type='radio']:checked:after { width: 15px; height: 15px; border-radius: 15px; top: 2px; left: -1px; position: relative; background-color: #33cc33; content: ''; display: inline-block; visibility: visible; border: 2px solid white; } .labtxt { font-family: Myriad Pro, sans-serif; font-size: 16px; text-align: center; padding-right:20px; padding-bottom:10px; } .listunworded {position: relative; width: 100%;} .listunworded ul {list-style: none; margin: 0px;} .listunworded ul li {display: block; background:url(images/innerlisticon.jpg)no-repeat 5px 10px; padding-left: 15px; font-size: 14px; line-height: 25px; text-align: left; font-family: 'Open Sans', sans-serif;} .listunworded ul li:nth-child(5n-1) {margin: 0px;} .screenshots.innerimage {position: relative;} .screenshots.innerimage ul {list-style: none; margin: 0px;} .screenshots.innerimage ul li {display: inline-block; float: left; width: 230px;} .mobilemenuwrap {display: none; width: 100%; margin: 0 auto; position: relative;} .socialmob {display: none;} /*--inner4 job--*/ .headerwrapper sticky > .logo { padding: 10px 0;} .jobwrap {position: relative; width: 100%; margin: 0 auto;} .jobwrap h3 {font-size: 24px; line-height: 28px; text-align: left; font-family: "fontastique"; text-transform: uppercase; color:#fff; font-weight: 400; padding-bottom: 18px; border-bottom:1px solid #ff0000; margin-bottom: 20px;} .jobproc {width: 942px; margin: 0 auto 120px; position:relative;} .jobproc h4 {font-family: 'Open Sans', sans-serif; color:#a8a8a8; font-size: 16px; line-height: 20px; text-align: left; font-weight: 400; padding-bottom: 25px; color:#a8a8a8;} .jobproc h4 span {float: left; text-align: left;} .jobproc h4 em {font-style: normal; font-weight: 400; float: right; text-align: right; text-transform: capitalize; } .jobinfo {width: 900px; margin: 0 auto 25px; padding: 22px 21px; background: #2b2b2b;} .jobinfo h5 {font-family: 'Open Sans', sans-serif; color:#a8a8a8; font-size: 16px; line-height: 20px; text-align: left; font-weight: 400; padding-bottom: 36px; color:#fff; } .jobinfo h5 span {float: left; text-align: left;} .jobinfo h5 em {font-style: normal; font-weight: 400; float: right; text-align: right; text-transform: capitalize; } .jobinfo article {position: relative;} .jobinfo article h6 {font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 20px; color:#fff; text-align: left; padding-left: 18px; background: url(images/redarrw.png)no-repeat left center; margin-bottom: 12px; text-transform: capitalize;} .jobinfo article ol {list-style: none; margin: 35px 0; position: relative;} .jobinfo article ol li {display: block; font-size: 16px; line-height: 22px; font-family: 'Open Sans', sans-serif; color:#a8a8a8;} .jobinfo article p {font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 20px; color:#a8a8a8; text-align: left; margin-bottom: 0px; word-wrap: break-word;} .jobproc h2 {font-family: 'Open Sans', sans-serif; color:#a8a8a8; font-size: 16px; line-height: 20px; text-align: left; font-weight: 400; padding-bottom: 36px; color:#fff; border-bottom:1px solid #ff0000; margin-bottom: 12px;} .jobproc h2 span {float: left; text-align: left;} .jobproc h2 em {font-style: normal; font-weight: 400; float: right; text-align: right; text-transform: capitalize; } /*--inner5 more games --*/ .moregameswrap {width: 600px; margin: 0 auto; position: relative; padding: 25px 0;} .moregameswrap .left {width: 275px; position: relative; float: left;} .moregameswrap .left h4 {color:#ffffff; font-size: 18px; line-height: 22px; text-align: left; font-family: "fontastique"; font-weight: 400; text-transform: uppercase;} .moregameswrap .left ul {list-style: none; margin: 0px; display: table;} .moregameswrap .left ul li {display: table-cell; color:#ffffff; font-size: 18px; line-height: 22px; text-align: left; font-family: "fontastique"; font-weight: 400; text-transform: uppercase; vertical-align: middle;} .moregameswrap .left ul li.first {padding-right: 15px;} .moregameswrap .right {width: 140px; float: right; position: relative;} .moregameswrap .right h4 {color:#ffffff; font-size: 18px; line-height: 22px; text-align: left; font-family: "fontastique"; font-weight: 400; text-transform: uppercase; margin-bottom: 22px;} .socialmore {position: relative;} .moregameswrap .right .socialmore ul {list-style: none; margin: 0px;} .moregameswrap .right .socialmore ul li {display: inline-block; float: left; width: 28px; height: 27px; margin-right: 17px;} .moregameswrap .right .socialmore ul li:nth-child(1) a{background: url(images/moregames_utube.png)no-repeat top left; width: 28px; height: 27px; display: block;} .moregameswrap .right .socialmore ul li:nth-child(1) a:hover {background:url(images/moregames_utubehover.png)no-repeat top left;} .moregameswrap .right .socialmore ul li:nth-child(2) a{background: url(images/moregames_facebook.png)no-repeat top left; width: 28px; height: 27px; display: block;} .moregameswrap .right .socialmore ul li:nth-child(2) a:hover {background:url(images/moregames_facebookhover.png)no-repeat top left;} .moregameswrap .right .socialmore ul li:nth-child(3) a{background:url(images/moregames_twitter.png)no-repeat top left; width: 28px; height: 27px; display: block;} .moregameswrap .right .socialmore ul li:nth-child(3) a:hover {background:url(images/moregames_twitterhover.png)no-repeat top left;} .moregameswrap .right .socialmore ul li a{width: 28px; height: 27px; display:block;} .moregameswrap .right .socialmore ul li.last {margin-right: 0px;} .gamewarp {width:100%; margin: 25px auto 0; position: relative; border-top:3px solid red; overflow: hidden;} .gameinfo {width:564px; position: relative; padding: 22px 18px;} .gameimage {width: 100%; height: auto; position: relative; margin-right: 20px; } .gameimage img {width: 100%; height: auto; display: block; position: relative; z-index: 0;} .titles {width: 285px; float: left; margin-right: 20px;} .titles h3 { font-family: "fontastique"; color:#c00505; text-align: left; font-size: 25px; line-height: 30px; font-weight: 400; text-transform: uppercase; margin-bottom: 5px;} .titles h5 {color:#d5d5d5; font-family: "fontastique"; text-align: left; font-size: 25px; line-height: 30px; font-weight: 400; text-transform: uppercase;} .appbtn {width: 132px; height: 41px; text-align: right; display: block; outline: 0px; float: right; border:1px solid #c00505; border-radius: 2px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px;} .gameproicon {width: 60px; height: 60px; float: left; margin-right: 20px;} .gameproicon img {display: block; width: 100%; height: auto;} .gameimage span {font-size: 15px; line-height: 22px; text-align: left; font-family: "fontastique"; font-weight: 400; text-transform: uppercase; color:#fff; text-align: center; background:#ff0000; padding: 10px 0; position: absolute; top: 0; left: 0px; z-index: 9; display: none;} article.gamewarp.active .gameimage span {display: block; -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg); left: -78px; width: 200px;} .jobinfo article ol { counter-reset: item;} .jobinfo article ol li{ margin-left: 2em;} .jobinfo article ol li::before { display: inline-block; content: counter(item) ") "; counter-increment: item; width: 2em; margin-left: -2em; } .sufmenu li.last {background:none;} .socialmob::after{ content: ""; display: block;} .socialmob ul li {float: left; display: inline-block;} .logo { float: left; height: auto; margin: 10px 5px 0 0; width: auto; } .headerwrapper{position: relative;} nav ul li.hide { display: none; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: white; } ::-moz-placeholder { /* Firefox 19+ */ color: white; } :-ms-input-placeholder { /* IE 10+ */ color: white; } :-moz-placeholder { /* Firefox 18- */ color: white; } .game_page{display:none;} /*--jobpage new style--*/ .jobinfo {display: none;} .jobprolist {list-style: none; margin: 0px 0 60px;} .jobprolist li {display: block; margin-bottom: 5px;} .plusmark {width: 25px; height: 12px; position: absolute; top: 10px; right: 25px; z-index: 99; background: url(images/arrowdrp.png)no-repeat top left;} .mobilemenuwrap .mobilenav ul li {position: relative;} .mobilemenuwrap .mobilenav ul li ul li.last {border-bottom: 0px;} #topjob {position: absolute; top: -60px; height: 1px; width:100%; content: "";} #contactwp {position: absolute; top: -255px; height: 1px; width:100%; content: "";} :focus{outline: none;} .current_page_item a, .current_page_item a:hover {background: url(images/activebg.png) bottom center no-repeat; color:#f30505;} .scroll {position: relative;} .bold {font-weight: 700!important; }