/*
Theme Name: freeslots
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


/* html css */

body {
  margin: 0;
  background: #060604;
  font-size: 12px;
  font-family: 'Ubuntu', sans-serif;
  color: #fff;
}

.group:before,
.group:after {
  content: "";
  display: table;
}

.group:after {
  clear: both;
}

.group {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}

a {
  text-decoration: none;
  color: #000000;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
}

#siteHeaderInner {
  width: 1026px;
  margin: 0 auto;
}

#siteHeaderInner .shortcuts {
  height: 38px;
}

#siteHeaderInner .shortcuts .leftside {
  float: left;
  width: 450px;
  line-height: 38px;
  font-weight: bold;
  height: 38px;
  color: #a7a7a7;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: -1px;
  padding: 0 0 0 20px;
}

#siteHeaderInner .shortcuts .leftside a {
  color: #ff9f0c;
}

#siteHeaderInner .shortcuts .rightside {
  float: right;
  text-align: right;
  width: 480px;
  padding: 0 15px 0 0;
  line-height: 38px;
  height: 38px;
}

#siteHeaderInner .shortcuts .rightside a {
  padding: 0 5px;
}

#siteHeaderInner .navigation {
  height: 60px;
  text-align: right;
  padding-top: 67px;
}

#siteHeaderInner .navigation ul {
  margin: 0;
  padding: 0;
  float: right;
}

.navigation__inner {
  background: #af0707;
}

#siteHeaderInner .navigation ul li {
  display: block;
  float: left;
  border-right: 1px solid #070707;
}

#siteHeaderInner .navigation ul li.current_page_item a {
  background: #ffe001;
  color: #000000;
}

#siteHeaderInner .navigation ul li a {
  color: #fff;
  line-height: 32px;
  font-size: 13.5px;
  background: #af0707;
  text-transform: uppercase; 
  font-weight: bold;
  border-right: 1px solid #c34545;
  padding: 8px 10px;
}

#siteHeaderInner .navigation ul li a:hover {
  background: url(images/navigationhover.png) no-repeat center bottom;
  color: #ff9f0c;
}

#siteHeaderInner .navigation ul li a.selected {
  background: url(images/navigationhover.png) no-repeat center bottom;
  color: #ff9f0c;
}

#siteHeaderInner .connectwithus {
  height: 40px;
  text-align: right;
  padding: 8px 20px 0 0;
}

#siteHeaderInner .likebtn {
  height: 45px;
  line-height: 45px;
  text-align: right;
  padding: 0 20px 0 0;
}

.siteHeaderLink {
  display: block;
  position: absolute;
}

#mainbodyPanel {
  width: 1026px;
  margin: 0 auto;
  vertical-align: top;
}

#mainbodyPanel .heading {
  background: url(images/headerBg.gif) no-repeat left top;
  height: 43px;
}

#mainbodyPanel .heading h1 {
  margin: 0;
  padding: 0;
  line-height: 43px;
  text-indent: 30px;
  font-size: 20px;
  color: #fff;
}

#bannerPanel {
  width: 1026px;
  margin: 0 auto;
}

#featured {
  padding-right: 350px;
  position: relative;
  border: 0;
  height: 360px;
  overflow: hidden;
}

#featured ul.ui-tabs-nav {
  position: absolute;
  top: 0;
  left: 660px;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 355px;
}

#featured ul.ui-tabs-nav li {
  padding: 5px 10px;
  padding-left: 5px;
  font-size: 12px;
  color: #666;
  display: inline-block;
  width: 100%;
  margin-top: 24px;
}

#featured ul.ui-tabs-nav li:first-child {
  margin-top: 0;
}

#featured ul.ui-tabs-nav li img {
  float: left;
  margin: 2px 10px 2px 5px;
  padding: 2px;
}

#featured ul.ui-tabs-nav li span {
  font-size: 14px;
  line-height: 18px;
}

#featured ul.ui-tabs-nav li span strong {
  line-height: 26px;
  padding: 5px 0 0 0;
  font-size: 18px;
  color: #ffe000;
}

#featured li.ui-tabs-nav-item a {
  display: inline;
  height: 75px;
  text-decoration: none;
  color: #fff;
  line-height: 15px;
}

#featured li.ui-tabs-nav-item a:hover {
  color: #fff;
}

#featured li.ui-tabs-selected {
  background: #6b3d01 url(images/bannerbtnh.jpg) repeat-x top;
}

#featured li.ui-tabs-selected span strong {
  color: #000000 !important;
}

#featured ul.ui-tabs-nav li.ui-tabs-selected a {
  color: #000;
}

#featured .ui-tabs-panel {
  width: 650px;
  height: 235px;
  background: #999;
  position: relative;
}

#featured .ui-tabs-panel .info {
  position: absolute;
  top: 275px;
  left: 0;
  height: 75px;
  padding: 5px 20px;
  background: rgba(0, 0, 0, 0.69);
}

#featured .info h2 {
  font-size: 17px;
  color: #ffe000;
  padding: 5px;
  margin: 0;
  overflow: hidden;
}

#featured .info p {
  margin: 0 5px;
  font-size: 15px;
  color: #f0f0f0;
}

#featured .info a {
  text-decoration: none;
  color: #ffe000;
}

#featured .info a:hover {
  text-decoration: underline;
}

#featured .ui-tabs-hide {
  display: none;
}

#clicktoPlay {
  height: 90px;
  background: #ffffff;
  margin-top: 60px;
  border-bottom: solid 1px #c8c8c8;
}

#clicktoPlay ul {
  margin: 0 0 0 20px;
  background: url(images/clicktoplay.png) no-repeat left;
  padding: 6px 0 0 240px;
}

#clicktoPlay ul li {
  display: inline-block;
}

#clicktoPlay ul li a {
  padding: 0 22px;
}

#clicktoPlay textwidget {
  display: inline;
}

#innercontentPanel {
  background: #fff url(images/innerbodybg.gif) repeat-x top;
}

#innercontentPanel .content {
  padding: 10px 10px 20px 10px;
  height: 440px;
  vertical-align: top;
  background: url(images/footerbg.gif) repeat-x bottom;
}

#innercontentPanel .content .leftside {
  width: 483px;
  float: left;
}

#innercontentPanel .content .rightside {
  width: 483px;
  float: right;
}

#innercontentPanel h2 {
  padding: 0 0 0 20px;
  font-size: 22px;
  margin-bottom: 0;
}

#innercontentPanel ul {
  padding: 0 4px;
}

#innercontentPanel ul li {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 22px;
  list-style: none;
  color: #707070;
}

#innercontentPanel ul li a {
  color: #707070;
  padding: 0 30px 0 0;
}

#innercontentPanel ul li a:hover {
  color: #000;
}

#roundedBlackbox,
.roundedBlackbox {
  background: #000;
  height: 240px;
  border: solid 1px #000;
  border-radius: 15px;
}

#roundedBlackbox h2,
.roundedBlackbox h2 {
  margin: 0;
  padding: 0 0 0 20px;
  background: url(images/headerblack.gif) repeat-x top;
  line-height: 34px;
  color: #ff9f0c;
  font-size: 22px;
  border: solid 1px #000;
  border-radius: 15px 15px 0 0;
}

#roundedBlackbox .innercontent,
.roundedBlackbox .innercontent {
  padding: 5px 15px;
  height: 100px;
  vertical-align: top;
  background: url(images/contentbg.gif) repeat-x top;
}

#roundedBlackbox .innercontent ol,
.roundedBlackbox .innercontent ol {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

#roundedBlackbox .innercontent ol li,
.roundedBlackbox .innercontent ol li {
  line-height: 32px;
}

#roundedBlackbox .innercontent ol li a,
.roundedBlackbox .innercontent ol li a {
  color: #fff;
}

#roundedBlackbox .innercontent ol li a:hover,
.roundedBlackbox .innercontent ol li a:hover {
  color: #ff9f0c;
}

#roundedBlackbox .innercontent ul,
.roundedBlackbox .innercontent ul {
  margin: 0px 0 0 10px;
  padding: 0;
}

#roundedBlackbox .innercontent ul li,
.roundedBlackbox .innercontent ul li {
  color: #fff;
  background: url(images/select.gif) no-repeat left top;
  line-height: 29px;
  height: 29px;
  font-weight: bold;
  list-style: none;
  margin: 0 0 5px 0;
  padding: 0 0 0 5px;
}

#roundedBlackbox .innercontent ul li a,
.roundedBlackbox .innercontent ul li a {
  color: #ff9f0c;
  padding: 3px 20px 3px 36px
}

#roundedBlackbox .innercontent ul li a.france,
.roundedBlackbox .innercontent ul li a.france {
  background: url(images/icons/France.png) no-repeat left;
}

#roundedBlackbox .innercontent ul li a.usa,
.roundedBlackbox .innercontent ul li a.usa {
  background: url(images/icons/english.png) no-repeat left;
}

.freespin {
  padding: 40px 0 0 0;
}

#footer {
  width: 996px;
  margin: 0 auto;
  color: #808080;
  text-align: center;
  padding: 15px 0 10px 0;
}

#footer a {
  color: #fff;
  padding: 0 8px;
  font-size: 13px;
  text-transform: uppercase;
}

#footer a:hover {
  color: #ff9f0c;
}



/* wp css */

#siteHeaderInner .navigation ul .current-menu-item a {
  background: url(images/navigationhover.png) no-repeat center bottom;
  color: #ff9f0c;
}

#menu-bottom-menu {
  padding: 0;
  margin: 0;
}

#menu-bottom-menu li {
  display: inline;
  list-style: none;
  line-height: 2em;
  padding: 5px;
}

#bodycontent {
  background: #fff;
  margin: 0 auto;
  vertical-align: top;
  max-width: 1026px;
  color: #000000;
  box-sizing: border-box;
}

#bodycontent * {
  box-sizing: border-box;
}

.main-slider-area {
  background: #ffe001;
  padding: 10px 70px 25px;
}

#primary {
  width: 97%;
  margin-left: 25px;
}

.cats-page-game-wrapper {
  padding: 0 50px 55px;
}

.cats-page-game-area {
  padding: 0;
  margin: 0;
  margin-top: 10px;
  list-style: none;
  border-top: 1px solid #000000;
}

.cats-page-game-area li {
  float: left;
  width: 20%;
  padding: 0 10px;
  text-align: center;
  margin-top: 40px;
}

.cats-page-game-area li:nth-child(5n + 6) {
  clear: both;
}

.cats-page-game-area li a img {
  width: 100%;
}

.click-to-play-btn {
  display: inline-block;
  margin-top: 10px;
  padding: 5px 10px;
  font-size: 11px;
  background: #ffe001;
  text-transform: uppercase;
  font-weight: 500;
  color: #000000;
  border: 1px solid #959595;
}

.cats__game-title {
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
}

.cats__game-cat {
  font-size: 12px;
  margin-top: 5px;
  color: #878787;
}

.carousel-slider {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 10px !important;
  padding-top: 30px;
  border-top: 1px solid #000000;
  text-align: center;
  height: auto !important;
}

.carousel-slider li a:first-child {
  border: 2px solid #dbdbdb;
  transition: all 0.2s ease-in-out;
  display: block;
}

.carousel-slider li:hover a:first-child {
  box-shadow: -1px 1px 18px 0px rgba(1, 1, 1, 0.29);
  transform: scale(1.05);
}

.carousel-slider li:hover a {
  opacity: 1;
}

.carousel__slider-click {
  margin-top: 20px;
  display: inline-block;
  color: #000000;
  font-size: 11px;
  font-weight: 500;
  border: 1px solid #959595;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  padding: 5px 15px;
  text-transform: uppercase;
}

.entry-content {
  font-size: 15px;
  padding-bottom: 65px;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin-bottom: 0;
}

.game-single-page-heading {
  font-size: 17px;
  font-weight: bold;
  color: #000000;
}

.entry-content > *:first-child {
  background: #f1f1f1;
  padding: 10px 20px;
}

.entry-content p {
  color: #000000;
}

.sidebar-title {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 18px;
  text-align: center;
  margin-top: 30px;
}

.ratingblock {
  margin-top: 40px !important;
  background: #ffe001;
  padding: 15px 30px 10px;
  margin-bottom: 0 !important;
}

.ratingtext {
  margin: 0 !important;
  font-weight: 500;
  color: #000000;
  font-size: 20px;
  margin-top: 10px !important;
}

.ratingtext .inactive,
.ratingtext .voted {
  color: #000000;
}

.hreview-aggregate {
  background: #ffe001;
  display: block;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
}

.entry-title {
  /*background: url("images/headerblack.gif") repeat-x scroll center top transparent;*/
  border: 1px solid #000000;
  border-radius: 15px 15px 0 0;
  color: #FF9F0C;
  font-size: 22px;
  line-height: 34px;
  margin: 0;
  padding: 0 0 0 20px;
  margin-top: 1px;
}

.most-popular-games-more-games-link {
  float: right;
  padding-right: 6px;
  padding-top: 1px;
}

.game-single-page-area .game-single-page-left {
  float: left;
  width: 66.6666666%;
  padding: 0px;
  margin-top: 30px;
}

.single-game-page-snap img {
  width: 100%;
}

.single-play {
  margin-top: 10px;
  font-size: 17px;
  font-weight: 500;
  color: #000000;
  background: #ffe001;
  display: inline-block;
  padding: 5px 25px;
  border: 1px solid #959595;
  text-transform: uppercase;
}

.click-toplay-wrap {
  text-align: center;
}

.game-single-page-area .game-single-page-right {
  float: right;
  width: 285px;
  padding: 10px 0px;
}

.game-single-page-area-end {
  clear: both;
}

.playGmae-btn-cls {
  display: block;
  padding: 5px 0;
}

.game-single-page-right h2 {
  color: #fff;
  border-bottom: 1px dashed #fff;
  font-size: 19px;
  margin: 8px 0;
  padding: 8px 5px;
  width: 260px;
}

.game-single-page-right ul {
  margin: 0;
  padding: 0;
}

.game-single-page-right li {
  border: 2px solid #fff;
  border-radius: 15px;
  font-weight: bold;
  height: 29px;
  line-height: 29px;
  list-style: none outside none;
  margin: 5px 12px 0 0;
}

.game-single-page-right li:hover {
  border: 2px solid #FF9F0C;
  -moz-transition: all 0.2s ease-in 0s;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.game-single-page-right a {
  border-radius: 15px 15px 15px 15px;
  color: #000000;
  display: block;
  padding-left: 15px;
}

.breadcrumb-area {
  background: url("images/headerBg.gif") no-repeat scroll left top transparent;
  margin: 0 auto;
  height: 43px;
  width: 996px;
}

.breadcrumb-area h1 {
  color: #FFFFFF;
  font-size: 20px;
  line-height: 43px;
  margin: 0;
  padding: 0;
  text-indent: 30px;
}

.wining-flag-img {
  position: relative;
  margin: 0px 0px 0px 0px;
}

.wining-players-game-area {
  height: 185px;
  overflow: hidden;
  position: relative;
}

.winning-area-name-n-game {
  display: inline;
  margin: 0 0 0 -25px;
  position: absolute;
}

.newsticker-jcarousellite {
  height: 199px;
  overflow: hidden;
  position: relative;
}

#post-136 .playGmae-btn-cls {
  display: none;
}

.freespin-games-area {
  padding-left: 100px;
}

.freespin-games-area a {
  font-size: 20px;
}

.freespin-games-area img {
  height: 178px;
  width: 239px;
  border: 2px solid #181818;
  border-radius: 15px 15px 15px 15px;
}

.freespin-games-area-single-game {
  display: inline-block;
  width: 260px;
  text-align: center;
  padding-bottom: 8px;
}

.bottom_banner {
  display: none;
}

.game-single-page-right h2 {
  width: 80%;
}

#primary {
  margin: 0 auto;
}



/* page-navi */

.wp-pagenavi {
  clear: both;
  text-align: center;
  font-size: 18px;
  margin: 40px 0;
}

.wp-pagenavi .first,
.wp-pagenavi .last {
  background: none;
  color: #c9c9c9;
}

.wp-pagenavi a,
.wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #BFBFBF;
  padding: 6px 10px;
  margin: 4px;
  background: #c9c9c9;
  color: #000;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  border-color: #000;
}

.wp-pagenavi span.current {
  font-weight: bold;
}



/* Page Slide menu */

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"]:checked~.slide_menu {
  left: 0;
}

.slide_menu {
  background-color: #202024;
  width: 320px;
  height: 100%;
  left: -320px;
  opacity: 0.9;
  position: fixed;
  top: 0;
  z-index: 100000;
  transition: all 0.2s ease;
}

.slide_menu li {
  background: #eee;
  font-size: 24px;
  font-weight: bold;
  line-height: 50px;
  list-style: none;
  margin-bottom: 4px;
  text-shadow: 1px 1px 1px #f4e0ae;
  margin-left: -40px;
}

.slide_menu a {
  color: #202024;
  text-decoration: none;
  display: block;
  padding-left: 12px;
}

.slide_menu-open {
  background: #eee;
  color: #202024;
  cursor: pointer;
  visibility: hidden;
  height: 0;
  padding-left: 60px;
  line-height: 60px;
  position: static;
  width: calc(100%-60px);
  z-index: 1;
  display: block;
}

.slide_menu-close {
  color: #eee;
  cursor: pointer;
  width: 100%;
}

.slide_menu-open span,
.slide_menu-close span {
  vertical-align: middle;
  font-size: 28px;
  font-weight: bold;
}

.open-icon {
  border-bottom: 16px double #202024;
  border-top: 5px solid #202024;
  content: "";
  height: 5px;
  width: 30px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 5px;
}

.close-icon {
  vertical-align: middle;
  display: inline-block;
  width: 50px;
  height: 50px;
  position: relative;
  border-radius: 100%;
  font: normal 8em/normal Arial, Helvetica, sans-serif;
}

.close-icon:before,
.close-icon:after {
  width: 40px;
  height: 10px;
  position: absolute;
  content: "";
  top: 20px;
  left: 5px;
  background: #eee;
}

.close-icon:before {
  transform: rotateZ(45deg);
}

.close-icon:after {
  transform: rotateZ(-45deg);
}



/* Alignment */

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.625em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.625em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.left {
  float: left;
}

.right {
  float: right;
  width: 65%;
}

.empl {
  float: left;
  width: 4%;
}

.empr {
  float: right;
  width: 93%;
}

.news {
  padding: 20px 0;
  margin: 0 8px;
  border-bottom: 2px solid #ccc;
  overflow: auto;
}

.news h2 {
  margin: 0;
  color: #d8bd00;
  text-transform: uppercase;
  font-size: 19px;
}

.news p {
  color: #cacaca;
  font-size: 17px;
  padding-right: 20px;
}

.news a {
  color: #d8bd00;
}

.news a span.meta-nav {
  color: #ff0000;
}

.news a:hover {
  text-decoration: underline;
}

#news_head {
  color: #000;
}

.news_image {
  position: relative;
}

.news_image h2 {
  right: 4px;
  top: 4px;
  box-shadow: 3px 7px 5px 0px rgba(0, 0, 0, 0.75);
}

.left h2,
.empl h2 {
  background-color: #d8bd00;
  border-radius: 2px;
  padding: 0 8px;
  text-align: center;
  position: absolute;
}

.left h2 span,
.empl h2 span {
  color: #141414;
  font-size: 20px;
}

.left h2 span:first-child,
.empl h2 span:first-child {
  font-size: 12px;
}



/* =Global ----------------------------------------------- */


/* Forms */

input[type=text]:focus,
textarea:focus {
  color: #373737;
}

input#s {
  background: url(images/search.png) no-repeat 5px 6px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 14px;
  height: 38px;
  line-height: 1.2em;
  padding: 4px 10px 4px 28px;
}

input#searchsubmit {
  display: none;
}



/* Assistive text */

.assistive-text {
  position: absolute!important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

#access a.assistive-text:active,
#access a.assistive-text:focus {
  background: #eee;
  border-bottom: 1px solid #ddd;
  color: #1982d1;
  clip: auto!important;
  font-size: 12px;
  position: absolute;
  text-decoration: underline;
  top: 0;
  left: 7.6%;
}



/* Comments link */

.entry-header .comments-link a {
  background: #eee url(images/comment-bubble.png) no-repeat;
  color: #666;
  font-size: 13px;
  font-weight: normal;
  line-height: 35px;
  overflow: hidden;
  padding: 0 0 0;
  display: block;
  float: right;
  top: 1.5em;
  right: 0;
  text-align: center;
  text-decoration: none;
  width: 43px;
  height: 36px;
  margin-left: 15px;
}

.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
  background-color: #1982d1;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
}



/*
Post Formats Headings
To hide the headings, display: none the ".entry-header .entry-format" selector,
and remove the padding rules below.
*/

.entry-header .entry-format {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  position: absolute;
  text-transform: uppercase;
  top: -5px;
}

.entry-header hgroup .entry-title {
  padding-top: 15px;
}

article.format-aside .entry-content,
article.format-link .entry-content,
article.format-status .entry-content {
  padding: 20px 0 0;
}

.recent-posts .entry-header .entry-format {
  display: none;
}

.recent-posts .entry-header hgroup .entry-title {
  padding-top: 0;
}



/* Singular content styles for Posts and Pages */

.singular .hentry {
  position: relative;
}

.singular .entry-title {
  color: #6F6F6F;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 27px;
  font-weight: bolder;
  letter-spacing: -1px;
  text-transform: uppercase;
  margin: 0;
}

.singular .entry-title,
.singular .entry-header .entry-meta {
  padding-right: 0;
}

.singular .entry-header .entry-meta {
  top: 0;
  left: 0;
}

blockquote.pull {
  font-size: 21px;
  font-weight: bold;
  line-height: 1.6125em;
  margin: 0 0 1.625em;
  text-align: center;
}

.singular blockquote.pull {
  margin: 0 -22.25% 1.625em;
}

.pull.alignleft {
  margin: 0 1.625em 0 0;
  text-align: right;
  width: 33%;
}

.singular .pull.alignleft {
  margin: 0 1.625em 0 -22.25%;
}

.pull.alignright {
  margin: 0 0 0 1.625em;
  text-align: left;
  width: 33%;
}

.singular .pull.alignright {
  margin: 0 -22.25% 0 1.625em;
}

.singular blockquote.pull.alignleft,
.singular blockquote.pull.alignright {
  width: 33%;
}

.singular .entry-meta .edit-link a {
  bottom: auto;
  left: 50px;
  right: auto;
  top: 80px;
}



/* =Aside
----------------------------------------------- */

.format-aside .entry-title,
.format-aside .entry-header .comments-link {
  display: none;
}

.singular .format-aside .entry-title {
  display: block;
}

.format-aside .entry-content {
  padding: 0;
}

.singular .format-aside .entry-content {
  padding: 1.625em 0 0;
}



/* =Link
----------------------------------------------- */

.format-link .entry-title,
.format-link .entry-header .comments-link {
  display: none;
}

.singular .format-link .entry-title {
  display: block;
}

.format-link .entry-content {
  padding: 0;
}

.singular .format-link .entry-content {
  padding: 1.625em 0 0;
}



/* =Gallery
----------------------------------------------- */

.format-gallery .gallery-thumb {
  float: left;
  display: block;
  margin: .375em 1.625em 0 0;
}



/* =Status
----------------------------------------------- */

.format-status .entry-title,
.format-status .entry-header .comments-link {
  display: none;
}

.singular .format-status .entry-title {
  display: block;
}

.format-status .entry-content {
  padding: 0;
}

.singular .format-status .entry-content {
  padding: 1.625em 0 0;
}

.format-status img.avatar {
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px #ccc;
  -moz-box-shadow: 0 1px 2px #ccc;
  box-shadow: 0 1px 2px #ccc;
  float: left;
  margin: 4px 10px 2px 0;
  padding: 0;
}



/* =Quote
----------------------------------------------- */

.format-quote blockquote {
  color: #555;
  font-size: 17px;
  margin: 0;
}



/* =Image
----------------------------------------------- */

.indexed.format-image .entry-header {
  min-height: 61px;
  /* Prevent the comment icon from colliding with the image when there is no title */
}

.indexed.format-image .entry-content {
  padding-top: 0.5em;
}

.indexed.format-image p,
.indexed.format-image p img {
  margin-bottom: 0;
}

.indexed.format-image footer.entry-meta {
  background: #ddd;
  margin-top: -7px;
  padding: 20px 30px;
  overflow: hidden;
}

.indexed.format-image div.entry-meta {
  display: inline-block;
  float: left;
  width: 35%;
}

.indexed.format-image div.entry-meta+div.entry-meta {
  float: none;
  width: 65%;
}

.indexed.format-image .entry-meta span.cat-links,
.indexed.format-image .entry-meta span.tag-links,
.indexed.format-image .entry-meta span.comments-link {
  display: block;
}

.indexed.format-image footer.entry-meta a {
  color: #444;
}

.indexed.format-image footer.entry-meta a:hover {
  color: #fff;
}

#content .indexed.format-image img {
  border: none;
  max-width: 100%;
  padding: 0;
}

.banner {
  text-align: center;
  margin-top: 10px;
}

.banner iframe {
  width: 728px;
  height: 90px;
  border: none;
}

.indexed.format-image .wp-caption {
  background: #111;
  margin-bottom: 0;
  max-width: 96%;
  padding: 11px;
}

.indexed.format-image .wp-caption .wp-caption-text {
  color: #ddd;
}

.indexed.format-image .wp-caption .wp-caption-text:before {
  color: #444;
}

.indexed.format-image a:hover img {
  opacity: 0.8;
}



/* =error404
----------------------------------------------- */

.error404 #main #searchform {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-width: 1px 0;
  margin: 0 -8.9% 1.625em;
  overflow: hidden;
  padding: 1.625em 8.9%;
}

.error404 #main #s {
  width: 95%;
}

.error404 #main .widget {
  clear: none;
  float: left;
  margin-right: 3.7%;
  width: 30.85%;
}

.error404 #main .widget_archive {
  margin-right: 0;
}

.error404 #main .widget_tag_cloud {
  float: none;
  margin-right: 0;
  width: 100%;
}

.error404 .widgettitle {
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  text-transform: uppercase;
}



/* Featured post */

section.featured-post {
  float: left;
  margin: -1.625em -8.9% 1.625em;
  padding: 1.625em 8.9% 0;
  position: relative;
  width: 100%;
}

section.featured-post .hentry {
  border: none;
  color: #666;
  margin: 0;
}

section.featured-post .entry-meta {
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute!important;
}



/* Small featured post */

section.featured-post .attachment-small-feature {
  float: right;
  height: auto;
  margin: 0 -8.9% 1.625em 0;
  max-width: 59%;
  position: relative;
  right: -15px;
}

section.featured-post.small {
  padding-top: 0;
}

section.featured-post .attachment-small-feature:hover,
section.featured-post .attachment-small-feature:focus,
section.featured-post .attachment-small-feature:active {
  opacity: .8;
}

article.feature-image.small {
  float: left;
  margin: 0 0 1.625em;
  width: 45%;
}

article.feature-image.small .entry-title {
  line-height: 1.2em;
}

article.feature-image.small .entry-summary {
  color: #555;
  font-size: 13px;
}

article.feature-image.small .entry-summary p a {
  background: #222;
  color: #eee;
  display: block;
  left: -23.8%;
  padding: 9px 26px 9px 85px;
  position: relative;
  text-decoration: none;
  top: 20px;
  width: 180px;
  z-index: 1;
}

article.feature-image.small .entry-summary p a:hover {
  background: #1982d1;
  color: #eee;
  color: rgba(255, 255, 255, 0.8);
}



/* Large featured post */

section.feature-image.large {
  border: none;
  max-height: 288px;
  padding: 0;
  width: 100%;
}

section.feature-image.large .showcase-heading {
  display: none;
}

section.feature-image.large .hentry {
  border-bottom: none;
  left: 9%;
  margin: 1.625em 9% 0 0;
  position: absolute;
  top: 0;
}

article.feature-image.large .entry-title a {
  background: #222;
  background: rgba(0, 0, 0, 0.8);
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-weight: 300;
  padding: .2em 20px;
}

section.feature-image.large:hover .entry-title a,
section.feature-image.large .entry-title:hover a {
  background: #eee;
  background: rgba(255, 255, 255, 0.8);
  color: #222;
}

article.feature-image.large .entry-summary {
  display: none;
}

section.feature-image.large img {
  display: block;
  height: auto;
  max-width: 117.9%;
  padding: 0 0 6px;
}



/* Featured Slider */

.featured-posts {
  border-bottom: 1px solid #ddd;
  display: block;
  height: 328px;
  margin: 1.625em -8.9% 20px;
  max-width: 1000px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.featured-posts .showcase-heading {
  padding-left: 8.9%;
}

.featured-posts section.featured-post {
  background: #fff;
  height: 288px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 30px;
  width: auto;
}

.featured-posts section.featured-post.large {
  max-width: 100%;
  overflow: hidden;
}

.featured-posts section.featured-post {
  -webkit-transition-duration: 200ms;
  -webkit-transition-property: opacity, visibility;
  -webkit-transition-timing-function: ease;
  -moz-transition-duration: 200ms;
  -moz-transition-property: opacity, visibility;
  -moz-transition-timing-function: ease;
}

.featured-posts section.featured-post {
  opacity: 0;
  visibility: hidden;
}

.featured-posts #featured-post-1 {
  opacity: 1;
  visibility: visible;
}

.featured-post .feature-text:after,
.featured-post .feature-image.small:after {
  content: ' ';
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  width: 100%;
  height: 45px;
  position: absolute;
  top: 230px;
}

.featured-post .feature-image.small:after {
  top: 253px;
}

#content .feature-slider {
  top: 5px;
  right: 8.9%;
  overflow: visible;
  position: absolute;
}

.feature-slider ul {
  list-style-type: none;
  margin: 0;
}

.feature-slider li {
  float: left;
  margin: 0 6px;
}

.feature-slider a {
  background: #3c3c3c;
  background: rgba(60, 60, 60, 0.9);
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(255, 255, 255, 0.5);
  box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(255, 255, 255, 0.5);
  display: block;
  width: 14px;
  height: 14px;
}

.feature-slider a.active {
  background: #1982d1;
  -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4), inset 0 0 2px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4), inset 0 0 2px rgba(255, 255, 255, 0.8);
  box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.4), inset 0 0 2px rgba(255, 255, 255, 0.8);
  cursor: default;
  opacity: 0.5;
}



/* Recent Posts */

section.recent-posts {
  padding: 0 0 1.625em;
}

section.recent-posts .hentry {
  border: none;
  margin: 0;
}

section.recent-posts .other-recent-posts {
  border-bottom: 1px solid #ddd;
  list-style: none;
  margin: 0;
}

section.recent-posts .other-recent-posts li {
  padding: 0.3125em 0;
  position: relative;
}

section.recent-posts .other-recent-posts .entry-title {
  border-top: 1px solid #ddd;
  font-size: 17px;
}

section.recent-posts .other-recent-posts a[rel="bookmark"] {
  color: #373737;
  float: left;
  max-width: 84%;
}

section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
  content: '-';
  color: transparent;
  font-size: 11px;
}

section.recent-posts .other-recent-posts .comments-link a,
section.recent-posts .other-recent-posts .comments-link>span {
  border-bottom: 2px solid #999;
  bottom: -2px;
  color: #444;
  display: block;
  font-size: 10px;
  font-weight: 500;
  line-height: 2.76333em;
  padding: 0.3125em 0 0.3125em 1em;
  position: absolute;
  right: 0;
  text-align: right;
  text-transform: uppercase;
  z-index: 1;
}

section.recent-posts .other-recent-posts .comments-link>span {
  border-color: #bbb;
  color: #888;
}

section.recent-posts .other-recent-posts .comments-link a:hover {
  color: #1982d1;
  border-color: #1982d1;
}

section.recent-posts .other-recent-posts li:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  visibility: hidden;
}



/* =Attachments
----------------------------------------------- */

.image-attachment div.attachment {
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-width: 1px 0;
  margin: 0 -8.9% 1.625em;
  overflow: hidden;
  padding: 1.625em 1.625em 0;
  text-align: center;
}

.image-attachment div.attachment img {
  display: block;
  height: auto;
  margin: 0 auto 1.625em;
  max-width: 100%;
}

.image-attachment div.attachment a img {
  border-color: #f9f9f9;
}

.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
  border-color: #ddd;
  background: #fff;
}

.image-attachment .entry-caption p {
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  margin: 0 0 2.6em;
  text-transform: uppercase;
}



/* =Widgets
----------------------------------------------- */

.widget-area {
  font-size: 12px;
}

.widget {
  clear: both;
  margin: 0 0 10px;
}

.widget-title {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.6em;
  text-transform: uppercase;
}

.widget ul {
  font-size: 15px;
  margin: 0;
  padding: 0;
}

.widget ul ul {
  margin-left: 1.5em;
}

.widget ul li {
  color: #777;
  font-size: 13px;
}

.widget a {
  text-decoration: none;
}

.widget a:hover,
.widget a:focus,
.widget a:active {
  text-decoration: underline;
}



/* Search Widget */

.widget_search form {
  margin: 0 0 1.625em;
}

.widget_search #s {
  width: 77%;
}

.widget_search #searchsubmit {
  background: #ddd;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
  box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
  color: #888;
  font-size: 13px;
  line-height: 25px;
  position: relative;
  top: -2px;
}

.widget_search #searchsubmit:active {
  background: #1982d1;
  border-color: #0861a5;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
  color: #bfddf3;
}



/* Ephemera Widget */

section.ephemera ol,
.widget_twentyeleven_ephemera ol {
  list-style: square;
  margin: 5px 0 0;
}

.widget_twentyeleven_ephemera .widget-entry-title {
  font-size: 15px;
  font-weight: bold;
  padding: 0;
}

.widget_twentyeleven_ephemera .comments-link a,
.widget_twentyeleven_ephemera .comments-link>span {
  color: #666;
  display: block;
  font-size: 10px;
  font-weight: 500;
  line-height: 2.76333em;
  text-transform: uppercase;
}

section.ephemera .entry-title a span {
  color: #29628d;
}



/* Twitter */

.widget_twitter li {
  list-style-type: none;
  margin-bottom: 14px;
}

.widget_twitter .timesince {
  display: block;
  font-size: 11px;
  margin-right: -10px;
  text-align: right;
}



/* Widget Image */

.widget_image img {
  height: auto;
  max-width: 100%;
}



/* Calendar Widget */

.widget_calendar #wp-calendar {
  color: #555;
  width: 95%;
  text-align: center;
}

.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
  text-align: center;
}

.widget_calendar #wp-calendar caption {
  font-size: 11px;
  font-weight: 500;
  padding: 5px 0 3px 0;
  text-transform: uppercase;
}

.widget_calendar #wp-calendar th {
  background: #f4f4f4;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}

.widget_calendar #wp-calendar tfoot td {
  background: #f4f4f4;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}



/* =Comments
----------------------------------------------- */

#comments-title {
  color: #666;
  font-size: 10px;
  font-weight: 500;
  line-height: 2.6em;
  padding: 0 0 2.6em;
  text-transform: uppercase;
}

.nopassword,
.nocomments {
  color: #aaa;
  font-size: 24px;
  font-weight: 100;
  margin: 26px 0;
  text-align: center;
}

.commentlist {
  list-style: none;
  margin: 0 auto;
  width: 68.9%;
}

.content .commentlist,
.page-template-sidebar-page-php .commentlist {
  width: 100%;
  /* reset the width for the one-column and sidebar page layout */
}

.commentlist>li.comment {
  border: 1px solid #ddd;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 1.625em;
  padding: 1.625em;
  position: relative;
}

.commentlist .pingback {
  margin: 0 0 1.625em;
  padding: 0 1.625em;
}

.commentlist .children {
  list-style: none;
  margin: 0;
}

.commentlist .children li.comment {
  background: #fff;
  border-left: 1px solid #ddd;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  margin: 1.625em 0 0;
  padding: 1.625em;
  position: relative;
}

.commentlist .children li.comment .fn {
  display: block;
}

.comment-meta .fn {
  font-style: normal;
}

.comment-meta {
  color: #666;
  font-size: 12px;
  line-height: 2.2em;
}

.commentlist .children li.comment .comment-meta {
  line-height: 1.625em;
  margin-left: 50px;
}

.commentlist .children li.comment .comment-content {
  margin: 1.625em 0 0;
}

.comment-meta a {
  font-weight: bold;
}

.commentlist .avatar {
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px #ccc;
  -moz-box-shadow: 0 1px 2px #ccc;
  box-shadow: 0 1px 2px #ccc;
  left: -102px;
  padding: 0;
  position: absolute;
  top: 0;
}

.commentlist>li:before {
  content: url(images/comment-arrow.png);
  left: -21px;
  position: absolute;
}

.commentlist>li.pingback:before {
  content: '';
}

.commentlist .children .avatar {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  left: 2.2em;
  padding: 0;
  top: 2.2em;
}

a.comment-reply-link {
  background: #eee;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #666;
  display: inline-block;
  font-size: 12px;
  padding: 0 8px;
  text-decoration: none;
}

a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
  background: #888;
  color: #fff;
}

a.comment-reply-link>span {
  display: inline-block;
  position: relative;
  top: -1px;
}



/* Post author highlighting */

.commentlist>li.bypostauthor {
  background: #ddd;
  border-color: #d3d3d3;
}

.commentlist>li.bypostauthor .comment-meta {
  color: #575757;
}

.commentlist>li.bypostauthor:before {
  content: url(images/comment-arrow-bypostauthor.png);
}



/* Post Author threaded comments */

.commentlist .children>li.bypostauthor {
  background: #ddd;
  border-color: #d3d3d3;
}



/* sidebar-page.php comments */


/* Make sure we have room for our comment avatars */

.page-template-sidebar-page-php .commentlist>li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
  margin-left: 102px;
  width: auto;
}



/* And a full-width comment form */

.page-template-sidebar-page-php #respond {
  width: auto;
}



/* Comment Form */

#respond {
  background: url("images/bodybg.gif") repeat-x;
  border: 1px solid #d3d3d3;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 8px auto 1.625em;
  padding: 1.625em;
  position: relative;
}

#respond input[type="text"],
#respond textarea {
  background: #fff;
  border: 1px solid #eee;
  box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.95);
  position: relative;
  padding: 10px;
  text-indent: 80px;
  border-radius: 15px;
}

#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
  position: relative;
}

#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
  box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8);
  color: #555555;
  display: inline-block;
  font-size: 13px;
  left: 8px;
  min-width: 60px;
  padding: 4px 10px;
  position: relative;
  top: 43px;
  z-index: 1;
  border-radius: 5px;
}

#respond input[type="text"]:focus,
#respond textarea:focus {
  text-indent: 0;
  z-index: 1;
}

#respond textarea {
  resize: vertical;
  width: 95%;
}

#respond .comment-form-author .required,
#respond .comment-form-email .required {
  color: #bd3500;
  font-size: 22px;
  font-weight: bold;
  left: 75%;
  position: absolute;
  top: 45px;
  z-index: 1;
}

#respond .comment-notes,
#respond .logged-in-as {
  font-size: 13px;
}

#respond p {
  margin: 10px 0;
}

#respond .form-submit {
  float: right;
  margin: -20px 0 10px;
}

#respond input#submit {
  background: #222;
  border: none;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  color: #eee;
  cursor: pointer;
  font-size: 15px;
  margin: 20px 0;
  padding: 5px 42px 5px 22px;
  position: relative;
  left: 30px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

#respond input#submit:active {
  background: #1982d1;
  color: #bfddf3;
}

#respond #cancel-comment-reply-link {
  color: #666;
  margin-left: 10px;
  text-decoration: none;
}

#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
  text-decoration: underline;
}

.commentlist #respond {
  margin: 1.625em 0 0;
  width: auto;
}

#reply-title {
  color: #6F6F6F;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 27px;
  font-weight: bolder;
  letter-spacing: -1px;
  text-transform: uppercase;
  line-height: 30px;
}

#cancel-comment-reply-link {
  color: #888;
  display: block;
  font-size: 10px;
  font-weight: normal;
  line-height: 2.2em;
  letter-spacing: 0.05em;
  position: absolute;
  right: 1.625em;
  text-decoration: none;
  text-transform: uppercase;
  top: 1.1em;
}

#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
  color: #ff4b33;
}

#respond label {
  line-height: 2.2em;
}

#content {
  padding-bottom: 1px;
}

.single #content {
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.single .breadcrumb-area {
  width: 100%;
  background: none;
}

.single .breadcrumb-area h1 {
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  text-indent: 0;
}

#respond input[type=text] {
  display: block;
  height: 24px;
  width: 75%;
}

#respond p {
  font-size: 12px;
}

p.comment-form-comment {
  margin: 0;
}

.form-allowed-tags {
  display: none;
}

.cat-heading {
  padding: 10px 15px;
  margin: 0;
  border-bottom: 1px solid #d7d7d7;
  text-align: center;
}

.inner-content {
  max-width: 900px;
  padding: 0 15px;
  margin: 0 auto;
  padding-bottom: 100px;
}

.inner-content p,
.inner-content ul,
.inner-content ol {
  font-size: 15px;
}

.inner-content h1,
.inner-content h2,
.inner-content h3,
.inner-content h4,
.inner-content h5,
.inner-content h6 {
  margin-bottom: 0;
}

.content-body {
  margin-top: 60px;
  background: #ffffff;
  padding: 15px;
  color: #000000;
}

.content-body,
.content-body * {
  box-sizing: border-box;
}

.content__inner-left {
  float: left;
  width: 63%;
  padding: 0 7px;
}

.content__inner-right {
  float: right;
  width: 37%;
  padding: 0 7px;
}

.content__inner {
  margin: 0 -7px;
}

.content__inner-title {
  font-size: 20px;
  text-align: center;
  margin-bottom: 0;
}

.content__jackpots-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 5px;
  padding-top: 24px;
  border-top: 1px solid #d7d7d7;
}

.content__jackpots-list {
  padding: 24px 12px 0;
}

.content__jackpots-list li {
  padding-left: 4px;
  padding-right: 4px;
  float: left;
  width: 20%;
  text-align: center;
  padding-bottom: 45px;
  position: relative;
}

.content__jackpots-play {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  color: #929292;
  font-size: 11px;
  border: 1px solid #959595;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px;
}

.content__jackpots-list li > a:not(.content__jackpots-play) {
  display: inline-block;
  border: 2px solid #ebebeb;
  height: 118px;
  width: 100%;
  vertical-align: middle;
  line-height: 105px;
  transition: all 0.2s ease-in-out;
}

.content__jackpots-list img {
  vertical-align: middle;
}

.content__jackpots-list a:hover {
  background: #ffe000;
  box-shadow: -1px 1px 18px 0px rgba(1, 1, 1, 0.29);
  transform: scale(1.05);
}

.content__games {
  margin-top: 35px;
  background: #ffe000;
  padding: 30px 20px 40px;
}

.content__games-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.content__games-item {
  margin-top: 30px;
  float: left;
  width: 33.3333333%;
  padding: 0 10px;
  text-align: center;
  position: relative;
}

.content__games-item:nth-child(3n + 4) {
  clear: both;
}

.content__games-link {
  color: #000000;
  text-decoration: none;
  font-size: 15px;
  display: block;
}

.content__games-link img {
  display: block;
  width: 100%;
}

.content__games-title {
  margin-top: 15px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 15px;
}

.content__games-play {
  display: inline-block;
  margin-top: 10px;
  background: #ffffff;
  color: #000000;
  font-size: 11px;
  border: 1px solid #959595;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 10px;
}

.content__games-more-link {
  width: 100%;
  display: block;
  padding-top: 100%;
  background: #ffffff;
}

.content__games-more {
  position: absolute;
  color: #000000;
  top: 50%;
  left: 0;
  right: 0;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  margin-top: -7px;
}

.content__news {
  margin-top: 50px;
}

.content__news-list {
  padding: 20px 15px 60px;
  list-style: none;
  border-top: 1px solid #d7d7d7;
}

.content__news-item {
  padding: 0 4px;
  float: left;
  width: 25%;
  margin-top: 20px;
}

.content__news-item:nth-child(4n + 5) {
  clear: both;
}

.content__news-link {
  display: block;
  transition: all 0.2s ease-in-out;
  padding: 2px 2px 15px;
}

.content__news-link:hover {
  border: 1px solid #d7d7d7;
  box-shadow: -4px 4px 5px 0px rgba(1, 1, 1, 0.17);
}

.content__news-title {
  font-size: 13px;
  font-weight: 500;
  color: #000000;
  text-align: center;
}

.content__winners {
  padding: 20px 5px 0;
  background: #efefef;
}

.content__winners-title {
  text-align: center;
  color: #000000;
  font-weight: 700;
  font-size: 18px;
  margin: 0;
  text-transform: uppercase;
}

.content__last-winners-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.content__last-winners-list li {
  padding: 10px 10px 10px 10px;
  border-bottom: 1px solid #e1e1e1;
  height: 42px !important;
  position: relative;
}

.content__last-winners-list li a {
  font-weight: 700;
  font-size: 13px;
  color: #000000;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
}

.content__last-winners-list img {
  margin-right: 25px;
  display: inline-block; 
  vertical-align: middle;
}

.winning-name {
  position: absolute;
  right: 50px;
  top: 15px;
  font-size: 13px;
}

.winning-area-name-n {
  display: inline-block; 
  vertical-align: middle;
}

.posts__list {
  padding: 0 15px;
  margin-top: 10px;
  list-style: none;
}

.sidebar {
  float: right;
  width: 30%;
}

.posts__list-item {
  border-top: 1px solid #d7d7d7;
  margin: 0 -5px;
  padding: 20px 0;
  color: #000000;
}

.posts__item-link {
  color: #000000;
  font-size: 13px;
  display: block;
  font-weight: 700;
}

.posts__item-click-to-play {
  display: inline-block;
  margin-top: 5px;
  background: #ca0808;
  color: #ffffff;
  padding: 4px 15px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
}

.posts__item-image-link {
  display: block;
  float: left;
  width: 40%;
  padding: 0 5px;
}

.posts__item-info {
  float: left;
  width: 60%;
  padding: 0 5px;
}

.carousel-slider-wrapper {
  position: relative;
}

.carousel__btn {
  position: absolute;
  top: 50%;
  width: 18px;
  height: 30px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: -15px;
}

.carousel__btn--left {
  left: -40px;
  background-image: url(img/arrow-left.png);
}

.carousel__btn--right {
  right: -40px;
  background-image: url(img/arrow-right.png);
}


/* =Responsive Structure ----------------------------------------------- */

@media (max-width:1030px) {
  #siteHeaderInner {
    max-width: 100%;
  }
  #siteHeaderInner .navigation ul li a {
    padding-left: 10px;
    padding-right: 10px;
  }
  #mainbodyPanel {
    margin: auto;
    max-width: 98%;
  }
  #bannerPanel {
    margin: auto;
    max-width: 98%;
  }
  #featured {
    float: none;
    height: auto;
    margin: auto;
    max-width: 100%;
    padding: 0;
  }
  #innercontentPanel .content {
    clear: both;
    overflow: hidden;
  }
  #clicktoPlay {
    clear: both;
    max-width: 100%;
  }
  #clicktoPlay ul {
    background-position: 10px center;
    background-size: 190px auto;
    margin: auto 2px;
    padding-left: 170px;
    text-align: right;
  }
  #clicktoPlay ul li a {
    display: inline-block;
    padding: 0 0 0 12px;
  }
  #innercontentPanel .content .leftside,
  #innercontentPanel .content .rightside {
    width: 49%;
  }
  #roundedBlackbox .innercontent ol,
  .roundedBlackbox .innercontent ol {
    font-size: 16px;
  }
  .freespin img,
  img {
    max-width: 100%;
  }
  #footer {
    margin: auto;
    max-width: 98%;
    height: 60px;
  }
  #featured ul.ui-tabs-nav {
    float: right;
    left: auto;
    max-width: 36%;
    position: relative;
    right: auto;
    top: auto;
  }
  #featured .ui-tabs-panel {
    float: left;
    margin: auto;
    max-width: 64%;
    padding: 0;
    width: auto;
  }
  .ui-tabs-panel img {
    width: 100%;
  }
  #roundedBlackbox .innercontent ul li a,
  .roundedBlackbox .innercontent ul li a {
    overflow: hidden;
    padding: 4px 2px 4px 30px;
  }
  #innercontentPanel ul li {
    font-weight: bold;
    background-size: 100% 100%;
  }
  #bodycontent {
    margin: auto;
    max-width: 98%;
  }
  .jcarousel-skin-tango .jcarousel-container-horizontal {
    padding: 14px 20px;
  }
  .jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: auto;
    margin: auto;
    max-width: 96%;
  }
  .carousel-slider img {
    height: auto;
    width: 100%;
  }
  .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin: auto 4px;
  }
  .freespin-games-area {
    padding: 10px;
    max-width: 710px;
    margin: auto;
  }
  .freespin-games-area-single-game {
    height: 240px;
    margin: 4px 6px;
    width: 220px;
  }
  .freespin-games-area a {
    -moz-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    -webkit-hyphens: none;
    font-size: 18px;
  }
  .game-single-page-area .game-single-page-left {
    max-width: 66.6666666%;
  }
  .game-single-page-area .game-single-page-right {
    margin-right: 1%;
    max-width: 34%;
  }
  .breadcrumb-area {
    max-width: 100%;
  }
  .left {
    width: 32%;
  }
  .main-slider-area {
    padding-left: 15px;
    padding-right: 15px;
  }
  .carousel__btn {
    display: none;
  }
}

@media (max-width:800px) {
  body {
    margin-bottom: 100px;
  }
  .banner {
    display: none;
  }
  .bottom_banner {
    text-align: center;
    display: block;
    position: fixed;
    width: 100%;
    z-index: 1000000;
    bottom: -3px;
    left: 0;
  }
  .bottom_banner img {
    width: 100%;
    height: auto;
  }

  /* Simplify the basic layout */
  #main #content {
    margin: 0 7.6%;
    width: auto;
  }
  #nav-below {
    border-bottom: 1px solid #ddd;
    margin-bottom: 1.625em;
  }
  #main #secondary {
    float: none;
    margin: 0 7.6%;
    width: auto;
  }

  /* Simplify the showcase template */
  .page-template-showcase-php .featured-posts {
    min-height: 280px;
  }
  .featured-posts section.featured-post {
    height: auto;
  }
  .page-template-showcase-php section.recent-posts {
    float: none;
    margin: 0;
    width: 100%;
  }
  .page-template-showcase-php #main .widget-area {
    float: none;
    margin: 0;
    width: auto;
  }
  .page-template-showcase-php .other-recent-posts {
    border-bottom: 1px solid #ddd;
  }

  /* Simplify the showcase template when small feature */
  section.featured-post .attachment-small-feature,
  .one-column section.featured-post .attachment-small-feature {
    border: none;
    display: block;
    float: left;
    height: auto;
    margin: 0.625em auto 1.025em;
    max-width: 30%;
    position: static;
  }
  article.feature-image.small {
    float: right;
    margin: 0 0 1.625em;
    width: 64%;
  }
  .one-column article.feature-image.small .entry-summary {
    height: auto;
  }
  article.feature-image.small .entry-summary p a {
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
  }

  /* Remove the margin on singular articles */
  .singular .entry-header,
  .singular .entry-content,
  .singular footer.entry-meta,
  .singular #comments-title {
    width: 100%;
  }

  /* Simplify the pullquotes and pull styles */
  .singular blockquote.pull {
    margin: 0 0 1.625em;
  }
  .singular .pull.alignleft {
    margin: 0 1.625em 0 0;
  }
  .singular .pull.alignright {
    margin: 0 0 0 1.625em;
  }
  .singular .entry-meta .edit-link a {
    left: 0;
    position: absolute;
    top: 40px;
  }
  .singular #author-info {
    margin: 2.2em -8.8% 0;
    padding: 20px 8.8%;
  }

  /* Make sure we have room for our comment avatars */
  .commentlist {
    width: 100%;
  }
  .commentlist>li.comment,
  .commentlist .pingback {
    margin-left: 102px;
    width: auto;
  }

  /* And a full-width comment form */
  #respond {
    width: auto;
  }

  /* No need to float footer widgets at this size */
  #colophon #supplementary .widget-area {
    float: none;
    margin-right: 0;
    width: auto;
  }

  /* No need to float 404 widgets at this size */
  .error404 #main .widget {
    float: none;
    margin-right: 0;
    width: auto;
  }

  /* Make sure embeds fit their containers */
  embed,
  object {
    max-width: 100%;
  }
}

@media only screen and (max-width: 890px) {
  #siteHeaderOuter {
    background-position: left 10px;
    background-size: 760px auto;
  }
  #siteHeaderInner {
    height: auto;
    max-width: 100%;
  }
  #siteHeaderInner .shortcuts {
    height: auto;
    overflow: hidden;
  }
  #siteHeaderInner .shortcuts .leftside {
    float: none;
    height: auto;
    padding: 4px;
    width: auto;
  }
  #siteHeaderInner .shortcuts .rightside {
    float: none;
    padding-right: 4px;
    padding-top: 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
  }
  #siteHeaderInner .connectwithus {
    width: auto;
    float: right;
    padding: 6px;
    height: auto;
  }
  #siteHeaderInner .likebtn {
    width: auto;
    padding: 12px 8px;
    height: auto;
    line-height: 18px;
    text-align: right;
  }
  .navigation {
    display: none;
  }
  .slide_menu-open {
    margin-top: 125px;
    visibility: visible;
    height: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .content__inner-left {
    float: none;
    width: 100%;
  }
  .content__inner-right {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
}

@media (max-width:720px) {
  .sidebar {
    width: 100%;
    float: none;
  }
  .like iframe {
    max-width: 80px;
  }
  .like>div {
    max-width: 60px;
  }
  #mainbodyPanel {
    max-width: 100%;
    margin: auto;
  }
  #bannerPanel {
    max-width: 100%;
    margin: auto;
  }
  #featured {
    clear: both;
    height: auto;
    margin: auto;
    overflow: hidden;
    padding: 0;
  }
  #featured ul.ui-tabs-nav {
    left: auto;
    margin: 6px auto;
    max-width: 98%;
    padding: 0;
    position: relative;
    top: auto;
    width: auto;
  }
  #featured .ui-tabs-panel {
    max-width: 98%;
    height: auto;
    margin: auto;
  }
  #featured img {
    max-width: 100%;
    margin: auto;
  }
  #clicktoPlay {
    height: auto;
  }
  #clicktoPlay ul {
    background-position: center top;
    height: auto;
    margin: auto;
    max-width: 98%;
    padding: 74px 6px 6px;
    width: 586px;
    text-align: center;
  }
  #innercontentPanel .content {
    height: auto;
    margin: auto;
    padding: 4px;
    overflow: hidden;
  }
  #innercontentPanel .content .leftside {
    width: 100%;
    max-width: 100%;
    float: none;
  }
  #roundedBlackbox,
  #roundedBlackbox .innercontent,
  .roundedBlackbox,
  .roundedBlackbox .innercontent {
    height: auto;
  }
  #roundedBlackbox h2,
  .roundedBlackbox h2 {
    font-size: 18px;
    padding: 0 0 0 16px;
  }
  #roundedBlackbox .innercontent ol,
  .roundedBlackbox .innercontent ol {
    font-size: 14px;
  }
  #innercontentPanel .content .rightside {
    float: none;
    clear: both;
    max-width: 100%;
    margin: auto;
  }
  #innercontentPanel ul li {
    font-weight: bold;
    padding: 5px 0;
  }
  .rightside {
    width: 100%!important;
  }
  .leftside ul li {
    border-bottom: 1px solid #ccc;
  }
  #footer {
    max-width: 100%;
    margin: auto;
    padding: 8px 0;
  }
  img {
    max-width: 100%;
  }
  #roundedBlackbox .innercontent ul li a,
  .roundedBlackbox .innercontent ul li a {
    padding: 4px 2px 4px 30px;
    overflow: hidden;
  }
  #footer a {
    padding: 0 4px;
  }
  #roundedBlackbox .innercontent ul li,
  .roundedBlackbox .innercontent ul li {
    background-size: 100% 100%;
    width: 100%;
  }

  /*******Slots Page********/
  #bodycontent {
    margin: auto;
    max-width: 96%;
  }
  .jcarousel-skin-tango .jcarousel-container-horizontal {
    padding: 10px 0;
  }
  .jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: auto;
    margin: auto;
    max-width: 96%;
  }
  .carousel-slider img {
    height: auto;
    width: 100%;
  }
  .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin: auto 4px;
    width: 126px;
  }
  .cats-page-game-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
  .cats-page-game-area li {
    width: 33.3333333%;
  }
  .cats-page-game-area li:nth-child(5n + 6) {
    clear: none;
  }
  .cats-page-game-area li:nth-child(3n + 4) {
    clear: both;
  }
  .game-single-page-area .game-single-page-left {
    float: none;
    margin: auto;
    max-width: 98%;
    padding: 0;
    width: 100%;
  }
  .breadcrumb-area {
    height: auto;
    margin: auto;
    max-width: 98%;
  }
  .game-single-page-area .game-single-page-right {
    float: none;
    margin: auto;
    width: 98%;
    overflow: hidden;
  }
  #comments-title {
    margin: auto;
    max-width: 98%;
    padding-left: 4px;
  }
  .single-game-page-snap img {
    height: auto;
    max-width: 96%;
    padding: 2%;
  }
  .singular .entry-header,
  .singular .entry-content,
  .singular footer.entry-meta,
  .singular #comments-title {
    height: auto;
    max-width: 96%;
    padding: 2%;
  }
  .freespin-games-area {
    margin: auto 2px;
    max-width: 98%;
    padding: 0;
  }
  .freespin-games-area a {
    font-size: 16px;
    line-height: 24px;
    padding: 0 10px;
  }
  .freespin-games-area-single-game {
    height: 220px;
    margin: auto;
    padding: 10px 0;
    width: 49%;
  }
  #featured ul.ui-tabs-nav li {
    padding: 5px 2%;
    width: 96%;
  }
  #clicktoPlay ul li a {
    display: block;
    padding: 0 1px;
    width: 115px;
  }
  .game-single-page-right li {
    float: left;
    margin: 2px 2%;
    width: 45%;
  }
  .left {
    width: 40%;
  }
  .right {
    width: 55%;
  }
  .empl {
    width: 10%;
  }
  .empr {
    width: 88%;
  }
}

@media (max-width:650px) {
  body,
  input,
  textarea {
    font-size: 13px;
  }
  #site-title a {
    font-size: 24px;
  }
  #site-description {
    font-size: 12px;
  }
  #access ul {
    font-size: 12px;
  }
  article.intro .entry-content {
    font-size: 12px;
  }
  .entry-title {
    font-size: 21px;
  }
  .featured-post .entry-title {
    font-size: 14px;
  }
  .singular .entry-title {
    font-size: 28px;
  }
  .entry-meta {
    font-size: 12px;
  }
  blockquote {
    margin: 0;
  }
  blockquote.pull {
    font-size: 17px;
  }
  .navigation {
    display: none;
  }

  /* Reposition the site title and description slightly */
  #site-title {
    padding: 5.30625em 0 0;
  }
  #site-title,
  #site-description {
    margin-right: 0;
  }

  /* Make sure the logo and search form don't collide */
  #branding #searchform {
    top: 1.625em!important;
  }

  /* Floated content doesn't work well at this size */
  .alignleft,
  .alignright {
    float: none;
    margin-left: 0;
    margin-right: 0;
  }

  /* Make sure the post-post navigation doesn't collide with anything */
  #nav-single {
    display: block;
    position: static;
  }

  /* Talking avatars take up too much room at this size */
  .commentlist>li.comment,
  .commentlist>li.pingback {
    margin-left: 0!important;
  }
  .commentlist .avatar {
    background: transparent;
    display: block;
    padding: 0;
    position: static;
  }
  .commentlist .children .avatar {
    background: none;
    left: 2.2em;
    padding: 0;
    position: absolute;
    top: 2.2em;
  }

  /* Use the available space in the smaller comment form */
  #respond input[type="text"] {
    width: 95%;
  }
  #respond .comment-form-author .required,
  #respond .comment-form-email .required {
    left: 95%;
  }
  #content .gallery-columns-3 .gallery-item {
    width: 31%;
    padding-right: 2%;
  }
  #content .gallery-columns-3 .gallery-item img {
    width: 100%;
    height: auto;
  }
}

@media (max-width:590px) {
  #siteHeaderOuter {
    background-position: left 10px;
    background-size: 760px auto;
  }
  #siteHeaderInner {
    height: auto;
    max-width: 100%;
  }
  #siteHeaderInner .shortcuts {
    height: auto;
    overflow: hidden;
  }
  #siteHeaderInner .shortcuts .leftside {
    float: none;
    height: auto;
    padding: 4px;
    width: auto;
  }
  #siteHeaderInner .shortcuts .rightside {
    float: none;
    padding-right: 4px;
    padding-top: 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
  }
  #siteHeaderInner .connectwithus {
    width: auto;
    float: right;
    padding: 6px;
    height: auto;
  }
  #siteHeaderInner .likebtn {
    width: auto;
    padding: 12px 8px;
    height: auto;
    line-height: 18px;
    text-align: right;
  }
  .like iframe {
    max-width: 80px;
  }
  .like>div {
    max-width: 60px;
  }
  #mainbodyPanel {
    max-width: 100%;
    margin: auto;
  }
  #bannerPanel {
    max-width: 100%;
    margin: auto;
  }
  #featured {
    clear: both;
    height: auto;
    margin: auto;
    overflow: hidden;
    padding: 0;
  }
  #featured ul.ui-tabs-nav {
    left: auto;
    margin: 6px auto;
    max-width: 98%;
    padding: 0;
    position: relative;
    top: auto;
    width: auto;
  }
  #featured .ui-tabs-panel {
    max-width: 98%;
    height: auto;
    margin: auto;
  }
  #featured img {
    max-width: 100%;
    margin: auto;
    height: auto;
  }
  #clicktoPlay {
    height: auto;
  }
  #clicktoPlay ul {
    height: auto;
    background-position: top center;
    padding: 6px;
    padding-top: 74px;
    margin: auto;
    max-width: 98%;
  }
  #innercontentPanel .content {
    height: auto;
    margin: auto;
    padding: 4px;
    overflow: hidden;
  }
  #innercontentPanel .content .leftside {
    width: 100%;
    max-width: 100%;
    float: hone;
  }
  #roundedBlackbox .innercontent,
  .roundedBlackbox .innercontent {
    height: auto;
  }
  #roundedBlackbox,
  .roundedBlackbox {
    height: auto;
  }
  #roundedBlackbox h2,
  .roundedBlackbox h2 {
    font-size: 18px;
    padding: 0 0 0 16px;
  }
  #roundedBlackbox .innercontent ol,
  .roundedBlackbox .innercontent ol {
    font-size: 14px;
  }
  #innercontentPanel .content .rightside {
    float: none;
    clear: both;
    max-width: 100%;
    margin: auto;
  }
  .leftside ul li {
    border-bottom: 1px solid #ccc;
  }
  #innercontentPanel ul li {
    font-weight: bold;
  }
  #footer {
    max-width: 100%;
    margin: auto;
    padding: 8px 0;
  }
  img {
    max-width: 100%;
  }
  #roundedBlackbox .innercontent ul li a,
  .roundedBlackbox .innercontent ul li a {
    padding: 4px 2px 4px 30px;
    overflow: hidden;
  }
  #footer a {
    font-weight: bold;
    padding: 0 4px;
  }
  #roundedBlackbox .innercontent ul li,
  .roundedBlackbox .innercontent ul li {
    background-size: 99% 100%;
    width: 100%;
  }

  /*******Slots Page********/
  #bodycontent {
    border: 2px solid #FFFFFF;
    border-radius: 6px;
    margin: auto;
    max-width: 96%;
  }
  .jcarousel-skin-tango .jcarousel-container-horizontal {
    padding: 10px 0;
  }
  .jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: auto;
    margin: auto;
    max-width: 96%;
  }
  .carousel-slider img {
    height: auto;
    width: 100%;
  }
  .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin: auto 4px;
    width: 126px;
  }
  .cats-page-game-area {
    margin: auto;
    max-width: 96%;
    padding-bottom: 16px;
    width: auto;
  }
  .cats-page-game-area li {
    margin: 4px auto;
    max-width: 96%;
    padding: 4px!important;
  }
  .game-single-page-area .game-single-page-left {
    float: none;
    margin: auto;
    max-width: 98%;
    padding: 0;
  }
  .breadcrumb-area {
    height: auto;
    margin: auto;
    max-width: 98%;
  }
  .game-single-page-area .game-single-page-right {
    float: none;
    margin: auto;
    max-width: 98%;
    overflow: hidden;
  }
  #comments-title {
    margin: auto;
    max-width: 98%;
    padding-left: 4px;
  }
  .single-game-page-snap img {
    height: auto;
    max-width: 96%;
    padding: 2%;
  }
  .singular .entry-header,
  .singular .entry-content,
  .singular footer.entry-meta,
  .singular #comments-title {
    height: auto;
    max-width: 96%;
    padding: 2%;
  }
  .playGmae-btn-cls {
    display: block;
    float: none!important;
    text-align: center;
  }
  .freespin-games-area {
    margin: auto 2px;
    max-width: 98%;
    padding: 0;
  }
  .freespin-games-area a {
    font-size: 14px;
    line-height: 20px;
    padding: 0 10px;
  }
  .freespin-games-area img {
    height: 170px;
    width: 180px;
  }
  .freespin-games-area-single-game {
    height: 220px;
    margin: auto;
    padding: 10px 0;
    width: 49%;
  }
  #featured ul.ui-tabs-nav li {
    padding: 5px 2%;
    width: 96%;
  }
  .left {
    width: 100%;
    float: none;
    text-align: center;
  }
  .right {
    width: 100%;
    float: none;
  }
  .empl {
    width: 10%;
  }
  .empr {
    width: 88%;
  }
  .cat-heading {
    padding: 10px 20px;
  }
}

@media (max-width:480px) {
  .cats-page-game-area li {
    width: 100%;
    float: none;
  }
  .cats-page-game-area li a img {
    width: auto;
  }
  body {
    padding: 0;
  }
  #page {
    margin-top: 0;
  }
  #branding {
    border-top: none;
  }
  #siteHeaderOuter {
    background-position: left 10px;
    background-size: 760px auto;
  }
  #siteHeaderInner {
    height: auto;
    max-width: 100%;
  }
  #siteHeaderInner .shortcuts {
    height: auto;
    overflow: hidden;
  }
  #siteHeaderInner .shortcuts .leftside {
    float: none;
    height: auto;
    padding: 4px;
    width: auto;
  }
  #siteHeaderInner .shortcuts .rightside {
    float: none;
    padding-right: 4px;
    padding-top: 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
  }
  #siteHeaderInner .connectwithus {
    width: auto;
    float: right;
    padding: 6px;
    height: auto;
  }
  #siteHeaderInner .likebtn {
    width: auto;
    padding: 12px 8px;
    height: auto;
    line-height: 18px;
    text-align: left;
  }
  .like iframe {
    max-width: 80px;
  }
  .like>div {
    max-width: 60px;
  }
  #mainbodyPanel {
    max-width: 100%;
    margin: auto;
  }
  #bannerPanel {
    max-width: 100%;
    margin: auto;
  }
  #featured {
    clear: both;
    height: auto;
    margin: auto;
    overflow: hidden;
    padding: 0;
  }
  #featured ul.ui-tabs-nav {
    left: auto;
    margin: 6px auto;
    max-width: 98%;
    padding: 0;
    position: relative;
    top: auto;
    width: auto;
  }
  #featured .ui-tabs-panel {
    max-width: 98%;
    height: auto;
    margin: auto;
  }
  #featured img {
    max-width: 100%;
    margin: auto;
  }
  #clicktoPlay {
    height: auto;
  }
  #clicktoPlay ul {
    height: auto;
    background-position: top center;
    padding: 6px;
    padding-top: 74px;
    margin: auto;
    max-width: 98%;
  }
  #innercontentPanel .content {
    height: auto;
    margin: auto;
    padding: 4px;
    overflow: hidden;
  }
  #innercontentPanel .content .leftside {
    max-width: 100%;
    float: none;
  }
  #roundedBlackbox .innercontent,
  .roundedBlackbox .innercontent {
    height: auto;
  }
  #roundedBlackbox,
  .roundedBlackbox {
    height: auto;
  }
  #roundedBlackbox h2,
  .roundedBlackbox h2 {
    font-size: 18px;
    padding: 0 0 0 16px;
  }
  #roundedBlackbox .innercontent ol,
  .roundedBlackbox .innercontent ol {
    font-size: 14px;
  }
  #innercontentPanel .content .rightside {
    float: none;
    clear: both;
    max-width: 100%;
    margin: auto;
  }
  #footer {
    max-width: 100%;
    margin: auto;
    padding: 8px 0;
  }
  img {
    max-width: 100%;
  }
  #innercontentPanel ul li {
    font-weight: bold;
  }
  .leftside ul li {
    border-bottom: 1px solid #ccc;
  }
  #roundedBlackbox .innercontent ul li a,
  .roundedBlackbox .innercontent ul li a {
    padding: 4px 2px 4px 30px;
    overflow: hidden;
  }
  #footer a {
    padding: 0 2px;
    font-weight: bold;
  }
  #roundedBlackbox .innercontent ul li,
  .roundedBlackbox .innercontent ul li {
    background-size: 99% 100%;
    width: 100%;
    white-space: nowrap;
  }

  /*******Slots Page********/
  #bodycontent {
    border: 2px solid #fff;
    border-radius: 6px;
    margin: auto;
    max-width: 96%;
  }
  .jcarousel-skin-tango .jcarousel-container-horizontal {
    padding: 10px 0!important;
  }
  .jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: auto!important;
    margin: auto;
    max-width: 96%!important;
  }
  .carousel-slider img {
    height: auto!important;
    width: 100%!important;
  }
  .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin: auto 4px!important;
    width: 126px;
  }
  .game-single-page-area .game-single-page-left {
    float: none;
    margin: auto;
    max-width: 98%;
    padding: 0;
  }
  .breadcrumb-area {
    height: auto;
    margin: auto;
    max-width: 98%;
  }
  .game-single-page-area .game-single-page-right {
    float: none;
    margin: auto;
    max-width: 98%;
    overflow: hidden;
  }
  #comments-title {
    margin: auto;
    max-width: 98%;
    padding-left: 4px;
  }
  .single-game-page-snap img {
    height: auto;
    max-width: 96%;
    padding: 2%;
  }
  .singular .entry-header,
  .singular .entry-content,
  .singular footer.entry-meta,
  .singular #comments-title {
    height: auto;
    max-width: 96%;
    padding: 2%;
  }
  .playGmae-btn-cls {
    display: block;
    float: none!important;
    text-align: center;
  }
  .freespin-games-area {
    margin: auto;
    max-width: 270px;
    padding: 0;
  }
  .freespin-games-area a {
    font-size: 16px;
  }
  .jcarousel-skin-tango .jcarousel-container-horizontal {
    padding-bottom: 40px!important;
  }
  #featured ul.ui-tabs-nav li {
    padding: 5px 2%;
    width: 96%;
  }
  .left {
    width: 100%;
    float: none;
    text-align: center;
  }
  .right {
    width: 100%;
    float: none;
  }
  .empl {
    width: 15%;
  }
  .empr {
    width: 83%;
  }
  .content__jackpots-list li {
    float: none;
    width: 100%;
    padding-bottom: 10px;
  }
  .content__jackpots-play {
    display: none;
  }
  .content__games-item {
    width: 100%;
    float: none;
  }
  .content__news-item {
    width: 100%;
    float: none;
  }
  .content__news-item {
    text-align: center;
  }
}

.ui-tabs-panel img {
  width: 100%;
}