body {
  background-color: #666;
  margin: 0;
  font-family: arial;
  font-size: 14px;
  line-height: 1.3; }

#headerwrap {
  background-color: #006;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  border-right: 2px solid #ccc;
  border-left: 2px solid #ccc; }

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

.alignleft {
  float: left;
  text-align: left; }

.alignright {
  float: right; }

.aligncenter {
  text-align: center; }

.nav2 {
  margin: 20px 0; }
  .nav2 a {
    font-size: 14px;
    font-weight: bold;
    color: #003;
    padding-left: 15px;
    text-decoration: underline;
    background: url(/imgs/leftarrow.png) left no-repeat;
    margin-right: 20px; }
    .nav2 a:hover {
      color: #f00; }

hr {
  background-color: #006;
  border: none;
  text-align: center;
  margin: 25px auto;
  padding: 1px;
  clear: both; }

#header {
  width: 100%;
  max-width: 1200px;
  height: 152px;
  background: url(/imgs/header.png) no-repeat right center;
  background-size: contain; }
  #header h1 {
    display: none; }

#topnav {
  background-color: #ccf; }
  #topnav a {
    text-decoration: none;
    color: #000; }
    #topnav a:hover {
      text-decoration: none;
      color: #f00; }
  #topnav ul {
    margin: 0;
    padding: 0 20px 0 0;
    list-style-type: none; }
    #topnav ul li {
      float: right;
      background: url(/imgs/bullet.png) right center no-repeat;
      padding: 10px 40px 10px 15px; }
      #topnav ul li:hover {
        background: url(/imgs/bullethover.png) right center no-repeat;
        background-color: #006;
        color: #fff; }
        #topnav ul li:hover a {
          color: #fff; }
      #topnav ul li h2 {
        font-size: 12px;
        margin: 0; }

#wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  border-right: 2px solid #ccc;
  border-left: 2px solid #ccc; }

#content {
  margin-top: 20px;
  padding-left: 10px;
  width: calc(100% - 340px);
  float: left; }
  #content h3 {
    font-size: 18px;
    color: #006;
    margin: 0 0 1.6% 0; }
  #content .dest h3 {
    margin: 10px 0 5px;
    text-decoration: underline; }

.dest {
  background: #dff;
  border: 1px solid #ccc;
  padding: 10px; }
  .dest img {
    border: 2px solid #f00;
    margin-right: 0.8%;
    width: 12.5%;
    float: left; }
  .dest h4 {
    margin: 5px 0; }

#sidebar {
  float: right;
  width: 300px;
  padding: 0 10px;
  background-color: #f0f0f0;
  margin-left: 10px; }
  #sidebar img {
    border: 1px solid #ccc;
    margin-bottom: 10px; }
  #sidebar .widget {
    text-align: center;
    width: 100%;
    margin-bottom: 20px; }
    #sidebar .widget:first-of-type {
      margin-top: 20px; }

#sidebar2 {
  float: right;
  width: 300px;
  padding: 0 10px;
  background-color: #f0f0f0; }
  #sidebar2 a {
    background-color: #dfd;
    border: #666 solid 1px;
    padding: 5px;
    text-decoration: none;
    margin: 3px; }
    #sidebar2 a:hover {
      background-color: #fff;
      border: #f00 solid 1px; }

#stages {
  border: 1px solid #ccc;
  padding: 5px;
  background-color: #fff;
  margin-top: 20px; }

#footer {
  text-align: center;
  padding-top: 10px;
  background-color: #fff;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  border-right: 2px solid #ccc;
  border-left: 2px solid #ccc; }
  #footer a {
    font-weight: bold;
    margin: 5px 0; }
  #footer hr {
    height: 1px;
    background-image: none;
    background-color: #ccc;
    width: 100%;
    margin: 0 0 10px 0; }

.disabled {
  color: #bbb; }

.donate {
  padding: 1rem;
  font-size: 2rem;
  color: #fff;
  background-color: #006; }
  .donate .dontate_inner {
    width: 100%;
    max-width: 800px;
    margin: 0 auto; }
  .donate a {
    color: #7ff; }

.nav a {
  font-size: 14px;
  font-weight: bold;
  color: #003;
  padding-left: 15px;
  text-decoration: underline;
  background: url(/imgs/leftarrow.png) left no-repeat;
  margin-right: 20px; }
  .nav a:hover {
    color: #f00; }

.store * {
  box-sizing: border-box; }
.store #wrap {
  padding: 1px 0 0 0; }
.store h2 {
  text-align: center;
  text-decoration: underline;
  margin: 2rem 0 0.5rem;
  font-size: 2.5rem; }
.store .desctiption {
  text-align: center;
  padding: 0 1%;
  max-width: 600px;
  margin: 0 auto 2rem; }
.store .main_items {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 990px;
  margin: 0 auto; }
  .store .main_items .item {
    flex: 0 0 48%;
    margin: 1%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border: 1px solid #666;
    position: relative; }
    @media screen and (max-width: 990px) {
      .store .main_items .item {
        flex-direction: column;
        justify-content: flex-start; } }
    @media screen and (max-width: 640px) {
      .store .main_items .item {
        flex: 0 0 98%; } }
    .store .main_items .item .image {
      flex: 0 0 33%; }
      @media screen and (max-width: 990px) {
        .store .main_items .item .image {
          flex: 0 0 auto;
          text-align: center; } }
      .store .main_items .item .image img {
        max-width: 100%; }
    .store .main_items .item .content {
      flex: 0 0 64%;
      text-align: center; }
      .store .main_items .item .content .item_title {
        font-weight: 700;
        font-size: 1.5rem; }
      @media screen and (max-width: 990px) {
        .store .main_items .item .content {
          flex: 0 0 auto;
          text-align: center; } }
    .store .main_items .item a.overlay {
      font-size: 0;
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%; }
.store .disclaimer {
  font-size: 0.8rem;
  text-align: center; }

@media screen and (max-width: 640px) {
  #content {
    width: 100%;
    padding: 0; }

  #sidebar {
    width: 100%;
    padding: 0; }

  #sidebar2 {
    width: 100%;
    padding: 0; } }

/*# sourceMappingURL=style.css.map */

body.rtl {
  direction: rtl; }

body.ltr {
  direction: ltr; }

body.ltr #header {
  background-position: left center; }

body.ltr #topnav ul li {
  float: left;
  background-position: left center;
  padding: 10px 15px 10px 40px; }

body.ltr #content {
  float: right;
  padding-left: 0;
  padding-right: 10px; }

body.ltr #sidebar {
  float: left; }

body.ltr .alignleft {
  float: right;
  text-align: right; }

body.ltr .alignright {
  float: left; }

body.ltr .nav2 a {
  padding-left: 0;
  padding-right: 15px;
  background-position: right center;
  background-repeat: no-repeat;
  margin-right: 0;
  margin-left: 20px; }