/* *** CSS RESET *** */

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;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
blockquote,q {quotes: none}
blockquote:before,blockquote:after,q:before,q:after {content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
input {margin: 0; padding: 0;}
* {margin: 0; padding: 0;}
a {outline: none; text-decoration: none;}
a, img {border: 0;}
.clearfix {display:inline-block}
.clearboth {clear:both;}
button {cursor: pointer;}

/* *** GLOBAL *** */

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(js/boxsizing.htc);
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(js/boxsizing.htc);
}

@font-face {
    font-family: 'FuturaBook';
    src:url('../fonts/FuturaBook.eot');
    src:url('../fonts/FuturaBook.eot') format('embedded-opentype'),
        url('../fonts/FuturaBook.woff2') format('woff2'),
        url('../fonts/FuturaBook.woff') format('woff'),
        url('../fonts/FuturaBook.ttf') format('truetype'),
        url('../fonts/FuturaBook.svg#FuturaBook') format('svg');
}

@font-face {
    font-family: 'FuturaMedium';
    src:url('../fonts/FuturaMedium.eot');
    src:url('../fonts/FuturaMedium.eot') format('embedded-opentype'),
        url('../fonts/FuturaMedium.woff2') format('woff2'),
        url('../fonts/FuturaMedium.woff') format('woff'),
        url('../fonts/FuturaMedium.ttf') format('truetype'),
        url('../fonts/FuturaMedium.svg#FuturaMedium') format('svg');
}

@font-face {
    font-family: 'FuturaBold';
    src:url('../fonts/FuturaBold.eot');
    src:url('../fonts/FuturaBold.eot') format('embedded-opentype'),
        url('../fonts/FuturaBold.woff2') format('woff2'),
        url('../fonts/FuturaBold.woff') format('woff'),
        url('../fonts/FuturaBold.ttf') format('truetype'),
        url('../fonts/FuturaBold.svg#FuturaBold') format('svg');
}

strong {
    font-family: 'FuturaBold', tahoma;    
}

body {
    font-family: 'FuturaBook', tahoma;
    font-size: 14px;
    color: #000;
    background-position: top center;
    background-repeat: no-repeat;
}

input, textarea {
    font-family: 'FuturaBook', tahoma;
}

.wrapper {
    width: 1262px;
    margin: 0 auto;
}

img {
    max-width: 100%;
    max-height: 100%;
}
#map img {
max-width: none;
max-height: none;
}
a, a:hover, a:focus, a:active {
    outline: none !important;
    text-decoration: none;
}

.clearer {
    clear: both;
    height: 0;
}

/* *** HEADER *** */

header {
    position: relative;
    z-index: 1;
    float: left;
    text-align: center;
    width: 100%;
    height: 58px;
    background: #782234;
}

.logo {
    float: left;
}

.logo img {
    float: left;
}

.user-box {
    margin: 18px 0 0 25px;
    float: left;
    width: 400px;

}

.user-box form {
    float: left;
}

.user-box input {
    width: 106px;
    height: 22px;
    background: #fff;
    border: none;
    display: block;
    font-size: 13px;
    color: #000;
    margin-right: 8px;
    float: left;
    padding: 3px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
}

.user-box button, .loginBtn {
    
    width: 40px!important;
    height: 22px!important;
    display: block!important;
    float: left!important;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    border-radius: 5px!important;
    border: none!important;
    background: #591624 url('../img/icon01.png') center no-repeat!important; 
}

.user-box .loginBtn:hover {
  opacity: 0.90;
  cursor: pointer;
    filter: alpha(opacity = 90);        
    background-color: #303030;     
}

.reg-box a:hover {
  opacity: 0.90;
    filter: alpha(opacity = 90); 
}
header figure {
    margin: 7px 0 0 0;
    display: inline-block;
}

.search-box {
    position: relative;
    width: 240px;
    height: 31px;
    float: right;
    background: #fff;
    margin: 13px 108px 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
}

.search-box input {
    overflow: hidden;
    display: block;
    float: left;
    width: 100%;
    height: 31px;
    padding: 7px 31px 7px 10px;
    font-size: 13px;
    color: #000;
    border: none;
    background: transparent;
}

.search-box button {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    float: left;
    border: none;
    width: 31px;
    height: 31px;
    background: url('../img/icon02.png') center no-repeat; 
}

.search-box button:hover {
    opacity: 0.80;
    filter: alpha(opacity = 80);    
}

.title-1 {
    float: left;
    width: 100%;
    text-align: center;
}

.title-1 h1 {
    font-weight: normal;
    color: #641b2a;
    font-size: 24px;
    display: inline-block;
    padding: 0 60px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    font-family: 'FuturaMedium', tahoma;
    font-weight: normal;
    border-bottom: 1px solid #641b2a;
}

/* *** MAIN MENU *** */

#MainMenu {
    float: left;
    width: 100%;
    background: #303030;
    height: 64px;
}

#MainMenu ul {
    padding-left: 203px;
    float: left;
    width: 100%;
    padding-top: 9px;
}

#MainMenu li {
    float: left;
       width: 12.28%;
    list-style: none;
}

#MainMenu a {
    color: #fff;
    display: block;
    float: left;
}

#MainMenu a:hover, #MainMenu .current a {
    color: #fff;
    opacity: 0.80;
    filter: alpha(opacity = 80);     
}

#MainMenu img {
    margin: 0 7px 0 0;
    vertical-align: bottom;
}

/* *** BANNER *** */

#Banner {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 45px;
    margin-bottom: 20px;
}

#Banner ul {
    position: relative;
    float: left;
    width: 100%;
    list-style: none; 
}

#Banner .wrapper {
    position: static;
}

#Banner li {
    position: relative;
    float: left;
    width: 100%;
}

#Banner img {
    float: left;
    width: 100%;
}

#Banner .bx-controls {
    width: auto;
    position: absolute;
    z-index: 100;
    bottom: 10px;
    left: 10px;
}

#Banner .bx-pager {
    float: left;
    padding: 0;
    display: none;
}

#Banner .bx-pager .bx-pager-item {
    float: left;
    margin-right: 5px;
}

#Banner .bx-pager .bx-pager-item a {
    float: left;
    text-indent: -99999px;    
    display: block;
    width: 12px;
    height: 12px;
    background: #fff;
    -webkit-border-radius: 50%;  
    -moz-border-radius: 50%;  
    border-radius: 50%;   
    behavior: url(PIE.htc);    
}

#Banner .bx-pager .bx-pager-item .active, #Banner .bx-pager .bx-pager-item a:hover{
    background: #782234 !important;    
}

#Banner .bx-controls-direction {
    display: none;
}

#Banner .prev-box, #Banner .next-box {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    width: 26px;
    height: 53px;
    z-index: 1000;
}

#Banner .prev-box {
    left: -15px;    
}

#Banner .next-box {
    right: -15px;    
}

#Banner .bx-prev, #Banner .bx-next {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    float: left;
    display: block;
    text-indent: -9999999px;
    opacity: 0.15;
    filter: alpha(opacity = 15);       
}

#Banner .bx-prev {
    background: url('../img/prev.png');   
}

#Banner .bx-next {
    background: url('../img/next.png'); 
}

#Banner .bx-prev:hover, #Banner .bx-next:hover {
    opacity: 0.60;
    filter: alpha(opacity = 60);
}

/* *** HOME *** */

html, body {
    height: 100%;
}

#Container {
    min-height: 100%;
    position: relative;
    padding-bottom: 40px;
    float: left;
    width: 100%;
}

#MainContent {
    float: left;
    width: 100%;
    background: #e7e7e7;
    padding: 35px 45px 45px 45px;
}

#MainWrapper {
    float: left;
    width: 100%;
}

#Main {
    margin-right: 50px;
    width: 756px;
    float: left;
}

#Sidebar,#Sidebar2 {
    overflow: hidden;
    background: #702d3b;
    padding: 0 14px 14px 14px;
}

.box-1 {
    float: left;
    width: 100%;
    margin-top: 18px;
}

.box-1 img {
    float: left;
}

.title-2 {
    margin-left: 14px;
    margin-bottom: -4px;
    float: left;
    padding-left: 10px;
    background: #303030 url('../img/sign01.png') left center no-repeat; 
}

.title-2 h2 {
    line-height: 42px;
    padding: 0 33px 0 20px;
    color: #f2f2f2;
    font-size: 26px;
    font-weight: normal;
    display: block;
    height: 42px;
    background: #303030 url('../img/sign02.png') right center no-repeat; 
}

.product-list {
    float: left;
    width: 100%;
    list-style: none;
}

.product-list li {
    position: relative;
    float: left;
    height: 345px;
    background: #f5f5f5;
    width: 236px;
    margin: 0 0 24px 24px;
    -webkit-box-shadow: #666 1px 1px 1px;
    -moz-box-shadow: #666 1px 1px 1px;
    box-shadow: #666 1px 1px 1px;    
}

.product-list .first {
    margin-left: 0;
}

.product-list li figure {
    width: 236px;
    height: 179px;
}

.product-list .description {
    float: left;
    width: 100%;
    padding: 10px 13px;
}

.product-list h3 {
    color: #000000;
    font-weight: normal;
    font-size: 16px;
    font-family: 'FuturaMedium', tahoma;    
}

.product-list h3 a:hover {
    color: #43121c;
}

.product-list h3 a {
    color: #000;
}

.product-list .date {
    padding-top: 2px;
    color: #4d4c4c;
    font-size: 11px;
    font-family: 'FuturaMedium', tahoma;    
}

.product-list .txt {
    color: #4d4c4c;
    line-height: 15px;
    font-size: 12px;
    padding: 10px 0;
	  min-height: 70px;
}

.product-list .data {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px 12px;
    float: left;
    width: 100%;
}

.btn-1 {
    float: left;
    color: #8c8c8c;
    font-size: 12px;
    padding: 5px 0;
    padding-left: 25px;
    background: url('../img/icon03.png') left center no-repeat;     
}

.btn-1:hover {
    color: #000;
}

.btn-2 {
    float: right;
    color: #43121c;
    font-size: 12px;
    padding: 5px 0;
    padding-right: 22px;
    background: url('../img/icon04.png') right center no-repeat;     
}

.btn-2:hover {
    color: #000;
}

.product-list a:hover img {
    opacity: 0.90;
    filter: alpha(opacity = 90);      
}

.button-box {
    float: left;
    width: 100%;
    text-align: center;
}

.button-box a {
    display: inline-block;
    float: none;
}

.btn-3 {
    display: block;
    float: left;
    height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #641b2a;
    line-height: 40px;
    color: #fff;
    font-size: 19px;
    font-family: 'FuturaMedium', tahoma;
    padding: 0 40px;
}

.btn-3:hover {
    background: #6f2333;
}

/* *** BUTTON RSP *** */

#ButtonRsp {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: 10px;
    cursor: pointer;
    float: right;
    padding: 8px;
    height: 35px;
    background: #303030;
    display: none;
}

#ButtonRsp:hover {
    background-color: #591624;
}

#ButtonRsp span {
    width: 28px;
    height: 3px;
    margin: 4px auto 0 auto;
    display: block;
    background: #fff;    
}

#ButtonRsp span:first-child {
    margin-top: 1px;
}

/* *** MENU RESPONSIVE *** */

.overflow-rwd {
    overflow-x: hidden;    
}

#MenuRsp {
    top: 0;
    left: -230px;
    position: fixed;
    overflow: auto;
    z-index: 1000000;
    height: 100%;
    width: 230px;
    background: #303030;
    border-right: 1px solid #303030;
}

#MenuRsp .logo {
    height: 35px;
    float: left;
    margin: 10px 0 0 10px;
}

#MenuRsp .logo img {
    height: 100%;
}

#MenuRsp nav {
    float: left;
    width: 100%;    
}

#MenuRsp nav ul {
    float: left;
    width: 100%;   
}

#MenuRsp nav > ul {
    display: block;
}

#MenuRsp nav li {
    list-style: none;
    float: left;
    border: none;
    width: 100%;
    height: auto;
    border-top: 1px solid #fff;
}

#MenuRsp nav > ul > li:first-child {
    border-top: none;
}

#MenuRsp nav img {
    vertical-align: bottom;
    margin-right: 10px;
    height: 30px;
}

#MenuRsp nav a {
    line-height: normal;    
    height: auto;
    font-size: 20px;
    float: left;  
    color: #fff;
    width: 100%;
    padding: 10px 10px 10px 10px;   
}

#MenuRsp nav a:hover {
    background-color: #641b2a;
    color: #fff;
}

#MenuRsp nav a span {
    display: none;
}

#MenuRsp nav ul ul {
    display: none;
    background: #f2f2f2;
    color: #fff;
}

#MenuRsp nav ul ul a {
    color: #000;
}

#MenuRsp.menu-active {
    -webkit-box-shadow: #666 1px 0px 10px;
    -moz-box-shadow: #666 1px 0px 10px;
    box-shadow: #666 1px 0px 10px;     
}

/* *** FOOTER *** */

footer {
    position: absolute;
    bottom: 0;
    padding: 10px;
    text-align: center;
    background: #373737;
    color: #fff;
    margin-left: -631px;
    left: 50%;
    float: left;
    width: 1262px;
}

/* *** SECTION GAMES *** */

.games-list {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 108px;
}

.games-list li {
    float: left;
    width: 470px;
    list-style: none;
    margin: 0 4px 8px 4px;
}

.games-list li figure img {
    float: left;
    width: 100%;
}

.games-list li a:hover img {
    opacity: 0.90;
    filter: alpha(opacity = 90);       
}

.games-list figure {
    float: left;
    width: 100%;
}

/* *** GAME DETAILS *** */

#Menu-1 {
    float: left;
    width: 100%;
    background: #702d3b;
    margin-bottom: 21px;
}

#Menu-1 li {
    list-style: none;
    display: inline-block;
    margin: 0 25px;
}

#Menu-1 ul {
    text-align: center;
    float: left;
    width: 100%;
}

#Menu-1 a {
    color: #fff;
    display: block;
    height: 56px;
    font-size: 18px;
    font-family: 'FuturaMedium', tahoma;
    line-height: 57px;
}

#Menu-1 a:hover, #Menu-1 .current a {
    color: #303030; 
    /*color: #cacaca; */
}

.title-3 {
    float: left;
    width: 100%;
    text-align: center;
	margin-bottom:20px;
}
.title-3 img {
	  float: left;
  margin-right: 15px;
}
.title-3 span {
	color:#3C3C3C!important;
	float:left;
	font-size:12px;

}
.title-3 h1 {
    font-weight: normal;
    color: #641b2a;
    font-size: 24px;
    float: left;
    margin-bottom: 15px;
    font-family: 'FuturaMedium', tahoma;
    font-weight: normal;
}
.title-3 h2 {
    float: left;
    margin-bottom: 10px;
    font-family: 'FuturaMedium', tahoma;
    font-weight: normal;
}
.content-txt p {
    margin-bottom: 15px;
}

.content-txt figure {
    margin-bottom: 15px;
    text-align: center;
}

.content-txt h2 {
    margin-bottom: 15px;
    color: #641b2a;
    font-size: 25px;
    font-weight: normal;
    font-family: 'FuturaMedium', tahoma;    
}

.product-list-bottom {
    padding-top: 20px;
}

.product-list-bottom li {
      margin-bottom: 20px;
}

#Container {
    padding-bottom: 37px;
}

.information-box {
    float: left;
    width: 100%;
    padding-bottom: 45px;
}

#Sidebar,#Sidebar2 {
    position: relative;
}

.table-1 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
    font-family: 'FuturaMedium', tahoma;  
}

.table-1 td {
    vertical-align: middle;
    padding: 10px 0;
}

.table-1 td:first-child {
    width: 80px;
    text-align: center;
}

.btn-4 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #303030 url('../img/icon10.png') 36px center no-repeat; 
    font-size: 18px;
    font-weight: normal;
    font-family: 'FuturaMedium', tahoma;
    color: #fff;
    padding: 17px 0 17px 0;
    padding-left: 93px;
}

.btn-4 span {
    display: inline-block;
    text-align: right;
    width: 70px;
    vertical-align: middle;
    margin-right: 25px;
}

.btn-4:hover {
    background-color: #000;
}

/* *** PRODUCTS *** */

.product-list-1 li {
    float: left;
    width: 100%;
    height: auto;
    margin-left: 0;
}

.product-list-1 figure {
    float: left;
}

.product-list-1 .description {
    overflow: hidden;
    float: none;
    padding: 7px 20px;
    width: auto;
}

/* *** EVENTS *** */

.columns-box {
    float: left;
    width: 100%;
}

.columns-box .column:first-child {
    margin-right: 40px
}

.columns-box .column {
    width: 358px;
    float: left;
}

.title-4 {
    text-align: center;
    float: left;
    width: 100%;
}

.title-4 h2 {
  font-weight: normal;
  color: #641b2a;
  font-size: 24px;
  display: inline-block;
  padding-bottom: 5px;
  margin-bottom: 20px;
  font-family: 'FuturaMedium', tahoma;
  font-weight: normal;
  border-bottom: 1px solid #641b2a;
}

.events-list {
    float: left;
    width: 100%;
    list-style: none;
}

.events-list li {
    position: relative;
    float: left;
    min-height: 151px;
    padding: 10px 12px;
    background: #f5f5f5;
    width: 100%;
    font-size: 15px;
    margin: 0 0 18px 0;
	color:#000!important;
    -webkit-box-shadow: #666 1px 1px 1px;
    -moz-box-shadow: #666 1px 1px 1px;
    box-shadow: #666 1px 1px 1px;
}

.events-list h3 {
    margin-bottom: 9px;
    color: #641b2a!important;
    font-size: 21px;
    font-family: 'FuturaMedium', tahoma;
    font-weight: normal;
}

.events-list h3 a {
    color: #641b2a;
}

.events-list h3 a:hover {
    color: #1c1c1c!important;
}

.events-list .txt {
    padding-top: 5px;
    font-size: 13px;
}

.events-list .date {
    background: url('../img/icon11.png') left center no-repeat;
    padding: 5px 0;
    padding-left: 30px;
}
 .date {
    background: url('../img/icon11.png') left center no-repeat;
    padding: 5px 0;
    padding-left: 30px;
	float: left;
	width: 100%;
}

.events-list .address {
    background: url('../img/icon12.png') left center no-repeat;
    padding: 5px 0;    
    padding-left: 30px;
}
.address {
    background: url('../img/icon12.png') left center no-repeat;
    padding: 5px 0;    
    padding-left: 30px;
    float: left;
    width: 100%;
	margin-bottom:20px;
}
.box-1 a:hover img {
    opacity: 0.90;
    filter: alpha(opacity = 90);     
}

#Sidebar.sidebar-1 {
    background: none;
    padding: 0;
}

.box-2 {
    float: left;
    width: 100%;
    color: #fff;
    margin-bottom: 18px;
    background: #702d3b;
}

.box-2 h3 {
    float: left;
    width: 100%;
    padding: 10px 20px 9px 20px;
    font-weight: normal;
    color: #f2f2f2;
    font-size: 22px;
    font-family: 'FuturaBook', tahoma;
    background: #303030;
}

.newsletter-content {
    float: left;
    width: 100%;
    padding: 20px;
    font-size: 15px;
}

.newsletter-box {
    position: relative;
    margin: 0 auto;
    height: 31px;
    width: 240px;
    margin-top: 31px;
    margin-bottom: 13px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
}

.newsletter-box input {
    background: transparent;
    width: 100%;
    height: 31px;
    float: left;
    border: none;
    padding: 3px 15px;
    padding-right: 30px;
    font-size: 17px;
    font-family: 'FuturaBook', tahoma;
}

.newsletter-box button {
    position: absolute;
    top: 0;
    right: 0;
    height: 31px;
    width: 31px;
    border: none;
    background: transparent url('../img/button.png') center no-repeat;
}

.newsletter-box button:hover {
    opacity: 0.80;
    filter: alpha(opacity = 80);   
}

.menu-sidebar {
    float: left;
    width: 100%;
    padding: 23px 20px 28px 20px;
}

.menu-sidebar ul {
    float: left;
    padding: 0 38px;
    width: 100%;
    list-style: none;
}

.menu-sidebar li {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.menu-sidebar li:first-child {
    margin-top: 0;
}

.menu-sidebar a {
    color: #fff;
    font-size: 18px;
    font-family: 'FuturaMedium', tahoma;    
}

.menu-sidebar a:hover, .menu-sidebar .current a {
    color: #cacaca; 
}

/* *** SUBMENU *** */

#MainMenu ul li {
    position: relative;
}

#MainMenu {
    position: relative;
    z-index: 10;
}

header {
    position: relative;
    z-index: 11;
}

#MainMenu ul ul {
    display: none;
    position: absolute;
    top: 47px;
    padding: 9px 0 5px 0;
    margin: 0;
    left: 51px;
    width: 165px;
    color: #fff;
    background: #303030;
}

#MainMenu ul ul li {
    float: left;
    width: 100%;
}

#MainMenu ul ul a {
    display: block;
    text-align: center;
    float: left;
    width: 100%;
    padding: 5px 10px;
}

/* *** RESPONSIVE *** */

@media only screen and (max-width: 1262px) {
    .wrapper {
        padding: 0 10px;
        width: 100%;
    }
    .search-box {
        margin-right: 10px;
    }
    #MainMenu li {
        width: auto;
        margin-left: 25px;
    }
    #MainMenu li:first-child {
        margin-left: 0;
    }
    #Banner {
        padding: 0;
    }
    #Banner .prev-box {
        left: -40px;
    }
    #Banner .next-box {
        right: -40px;
    }
    footer {
        left: 0;
        width: 100%;
        margin: 0;
        position: relative;
    }
    #Container {
        padding-bottom: 0;
    }
    body {
        background: #e7e7e7;
    }
    .search-box {
        width: 180px;
    }
    .games-list {
        padding: 0;
    }
    .games-list li {
        width: 50%;
        margin: 0;
        padding: 0 4px 8px 4px;
    }
    #Container {
        background: #e7e7e7;
    }
    .table-1 td:first-child {
        width: 62px;
    }
    .btn-4 {
        padding-left: 76px;
        background: #303030 url('../img/icon10.png') 26px center no-repeat;
    }
    #Menu-1 a {
        line-height: normal;
        height: auto;
        padding: 10px 0;
    }
    .product-list-1 li {
        text-align: left;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .menu-sidebar ul {
        padding: 0;
    }
    .columns-box .column {
        margin: 0 !important;
        width: 50%;
        padding: 0 10px;
    }
    .newsletter-box {
        width: 100%;
    }
    header figure {
        width: 150px;
        margin-top: 17px;
    }
}

@media only screen and (max-width: 1160px) {
    #MainMenu img {
        width: 25px;
    }
    #MainMenu ul {
        padding-top: 19px;
    }
    #Main {
        margin-right: 20px;
        width: 70%;
    }
    .product-list {
        text-align: center;
        margin-bottom: 20px;
    }
    .product-list li {
        float: none;
        vertical-align: top;
        margin: 7px !important;
        display: inline-block;
    }
    .product-list-1 li {
        text-align: left;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }    
}

@media only screen and (max-width: 1010px) {
    header figure {
        display: none;
    }
    #MainMenu ul {
        padding-top: 23px;
    }
    #MainMenu img {
        display: none;
    }
    #Banner .prev-box, #Banner .next-box {
        display: none;
    }
    #MainContent {
        padding: 10px 10px 30px 10px;
    }
    #Banner .bx-pager {
        display: block;
    }
}

@media only screen and (max-width: 800px) {
    #MainMenu ul {
        display: none;
    }
    #ButtonRsp {
        display: block;
    }
    .logo {
        margin-left: 40px;
    }
    .search-box {
        position: absolute;
        top: 62px;
        right: 0;
    }
    .user-box {
        float: right;
        margin-left: 0;
    }
    #Main {
        width: 100%;
        margin-right: 0;
    }
    #Sidebar {
        margin-top: 25px;
        float: left;
        width: 100%;
    }
    .box-1 {
        text-align: center;
    }
    .box-1 img {
        float: none;
    }
    .search-box {
        width: 268px;
    }     
}

@media only screen and (max-width: 600px) {
    .logo {
        position: absolute;
        width: 85px;
        top: 60px;
        margin: 0;
        left: 0;
    }
    .games-list li {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .product-list-1 li figure {
        width: 100%;
        text-align: center;
    }
    .product-list-1 li figure img {
        float: none;
    }
    .product-list-1 li .description {
        padding-bottom: 10px;
        text-align: center;
    }
    .columns-box .column {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .user-box ul {
        clear: both;
        float: right !important;
        padding-top: 5px;
        margin-bottom: 10px;
    }

    header{
        height: 100px;
    }
    #ButtonRsp {
        top: 10px;
        margin-top: 0;
    }
    .user-box {
        margin-top: 7px;
        width: 100%;

        text-align: center;
    }
    .reg-box {
        float: left;
        margin: 5px;
        position: absolute;
        top: 9px;
        right: 110px;
    }
    .loginBtn {
        margin-right: 0 !important;
    }
    .user-box input {
        float: none !important;
        display: inline-block !important;
        vertical-align: middle !important;
    }

    .search-box {
        top: 103px;
    }
    .logo {
        top: 102px;
    }
    .user-box form {
        float: left;
        width: 100%;
        margin-top: 18px;
    }
}

@media only screen and (max-width: 400px) {
    body {
        min-width: 300px;
    }

    .search-box {
        width: 197px;
    }
    .product-list li {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .games-list li {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    #Menu-1 li {
        width: 100%;
        margin: 0;
    }
}
/*************** moje ****************/
#register {
	  color: #fff;
  float: left;
  font-size: 11px;
  padding-top: 2px;
  margin-left: 0px;
  clear: both;
}
.user-box ul li {
	display:inline;
	color:#fff;
	float: left;
	margin-right:10px;
}
.user-box ul li a {
	color:#fff;
	margin-top: 3px;
	float: left;

}
#studio {
	  float: right;
}
#studio a {
	color:#fff;
}
#rules {
	  float: left;
}
#rules a {
	color:#fff;
}
.cart {
  padding: 10px;
  color: #ffffff;
  background: #702d3b;
  float: left;
}

.quantity {
	padding: 10px;
  width: 55px;
  background: #D0D0D0;
  border: 1px solid #000;
  float: left;
  margin-right:20px;
}
.quantityLabel {
	  float: left;
width: 30%;
}
.price {
	float: right!important;
	color: #000000!important;
	font-size: 16px!important;
}
.buy {
	  float: right;
}
.table-2,.table-2a {
	  margin-bottom: 50px;
  font-size: 15px;
  width:100%;
}
.table-2 a,.table-2a a {
color:#000;
}
.table-2 td,.table-2a td{
	vertical-align:middle;
	 padding: 5px 30px 5px 10px;
	border-top: 1px solid;
}
.table-2 td:first-child{
	/*width:50%;*/
}
.table-2 td:last-child{
	/*width:10%;*/
}
.table-2 th,.table-2a th{
	vertical-align:middle;
		 padding: 5px 30px 5px 10px;
	border-top: 1px solid;
	font-weight:bold;
	text-align:left;
	  background: #702D3B;
  color: #fff;
}
.w400 {
	width:400px!important;
}
.del {
	  color: #fff!important;
  padding: 5px;
  background: #000;

}
.error {
	  color: #a94442;
  background-color: #f2dede;
  clear: both;
  padding: 5px;
}
.success {
	color: #3c763d;
  background-color: #dff0d8;
  clear: both;
  padding: 5px;
}
.headline {
	  float: left;
  width: 100%;
  background: #702d3b;
  color: #fff;
  padding: 5px;
  font-size: 18px;
  margin-top:20px;
  margin-bottom:20px;
}
.headline  span {
	float:right;
}
#comments-list {
    float: left;
    width: 100%;
    list-style: none;
    padding-bottom: 20px;
}



#comments-list li {
    padding: 3px 15px 5px 15px;
}

#comments-list .date {
    padding-bottom: 5px;
  font-weight: bold;
}

#comments-list .odd {
    background: #DFDEDE;
}
#comments-list .text {
    margin-bottom:15px;
}
.commentBox {
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #ooo;
padding:10px;
width:100%;
height:70px;
color:#312C2C;
resize: none;
}
/***wyszukiwarka ***/
.newsColor {
	color:#c54c4c;
}
.gamesColor {
	color:#44afca;
}
.gamesColor2 {
	color:#44ca67;
}
.aboutColor {
	color:#561ca5;
}
.learnColor {
	color:#782234;
}
.eventColor {
	color:#accc4b;
}
.shopColor {
	color:#ffde00;
}
.search .section {
  font-weight: bold;
  float: left;
  width: 150px;
}
.search li {
  width: 100%;
  list-style-type: none;
  font-size: 15px;
  margin-bottom: 10px;
  background: #f5f5f5;
  float: left;
  box-shadow: #666 1px 1px 1px;
  padding: 5px;
    -webkit-box-shadow: #666 1px 1px 1px;
  -moz-box-shadow: #666 1px 1px 1px;
}
.content-txt input,.content-txt select,.content-txt textarea {
	background: #fff;

  height: 31px;
  float: left;
  border: 1px solid #000;
  padding: 3px 15px;
  padding-right: 30px;
  font-size: 17px;
  font-family: 'FuturaBook', tahoma;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	
}
.form-list-1 textarea {
	background: #fff;
  height: 61px;
  border: 1px solid #000;
  padding: 3px 15px;
  padding-right: 30px;
  font-size: 17px;
  font-family: 'FuturaBook', tahoma;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	
}
.form li {
	list-style-type:none;
	width:100%;
	 padding: 10px 0;
  float: left;

}
.form  li label {
	  width: 20%;
	  float:left;
	  font-size:16px;
	  
	
}
.form  li input,.form  li select,.form  li textarea {
	width:50%;
}
.form  li textarea {
	height:150px;
	resize:none;
}
.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
  display: inline-block;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/** eM */
.form-list-1 {
    float: left;
    width: 100%;
    text-align: center;
}

.form-list-1 li {
    list-style: none;
    float: left;
    width: 100%;
    margin-top: 18px;    
}

.form-list-1 li:first-child {
    margin-top: 0;
}

.form-list-1 input {
    float: left;
    width: 100%;
    background-color: transparent;
    height: 42px;
    border: 1px solid #9099a6;
    display: block;
    color: #000;
    padding: 10px 15px 9px 55px;
    font-size: 16.85px;
}
.w1 {
    width: 160px;  
}

.w2 {
    width: 590px;  
}

.w3 {
    width: 130px;  
}

.w4 {
    width: 130px;  
}

.w5 {
    width: 200px;  
}

.w6 {
    width: 181px;  
}

.w7 {
    width: 279px;  
}

.w8 {
    width: 458px;  
}

.w9 {
    width: 232px;  
}
.alert {
	padding: 5px;
margin-bottom: 5px;
border: 1px solid transparent;
border-radius: 4px;
float:left;
width:100%;
text-align:center;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-success{
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}

/* *** 28.05 *** */

.basket-content {
    float: left;
    width: 100%;
}

.basket-content figure {
    float: left;
    width: 236px;
}

.basket-content .description {
    overflow: hidden;
    padding-left: 20px;
    margin-bottom: 20px;
}

.basket-content h1 {
    margin-bottom: 0;
}

.price {
    font-size: 20px;
    float: left !important;
    margin-bottom: 20px;
}

.quantityLabelList li {
    margin-bottom: 10px;
    float: left;
    width: 100%;
	list-style-type: none;
}

.quantityLabelList label {
    padding: 0 !important;
    text-align: right;
    padding-right: 15px !important;
}

.quantityLabelList label.quantityLabel-1 {
    padding-top: 9px !important;
}

.quantityLabelList h4 {
    color: #641b2a;
    margin-top: 10px;
    font-size: 16px;
    font-family: 'FuturaMedium', tahoma;
    font-weight: normal;
}

.quantityLabelList .quatnityRadio {
    margin: 4px 0 0 0;
}

.cart {
    border: none;
}

.cart:hover {
    opacity: 0.90;
    filter: alpha(opacity = 90);     
}

.quantity {
    height: 35px;
    margin-right: 10px;
}

.basket-content .content-txt {
    float: left;
    width: 100%;
}

.quantityLabelList {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.main-basket .table-1 td {
    padding-right: 5px;
}

@media only screen and (max-width: 1262px) {
    .main-basket .table-1 tr td {
        width: auto !important;
    }
    .main-basket #Sidebar {
        padding: 0 !important;
    }
    .main-basket .btn-4 {
        padding-left: 10px !important;
    }
    .main-basket .information-box {
        padding-bottom: 60px;
    }
    .basket-content figure {
        max-width: 30%;
    }
}

@media only screen and (max-width: 760px) {
    .basket-content figure {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    .basket-content figure img {
        float: none;
    }
    .basket-content .description {
        padding: 30px 0 0 0;
        width: 100%;
        float: left;
    }
    .quantityLabelList label {
        width: 100%;
        text-align: left;
    font-family: 'FuturaMedium';        
        padding: 0 0 5px 0 !important;
    }
}
.product-list .price {
float:right!important;
}

.quantityLabelList .form-list-1 label {
    width: 50%;
    float: left;
}

.quantityLabelList .form-list-1 div {
    width: 50%;
    text-align: left;
    float: left;
}

.quantityLabelList .form-list-1 .column {
    width: 100%;
}

.edit-list label {
    float: left;
    padding-bottom: 5px;
    text-align: left;
}


.edit-list input {
    padding-left: 15px !important;
}

.btn-3 {
    border: none;
}

.form-list-1 input[type="checkbox"] {
    width: auto;
    height: auto;
}

.form-list-1-address {
    margin-bottom: 30px;
}

.form-list-1-address input[type="checkbox"] {
    margin: 3px 0 0 5px;
}
.payU {
	font-size: 16px;
    display: inline-block;
    padding: 12px 24px;
    text-align: center;
    border-radius: 100px;
    color: #fff;
    background-color: #a6c307;
    -webkit-transition: background-color .15s;
    transition: background-color .15s;
    text-decoration: none;
    border: none;
	
}