/* Body - general */
  body {
    width: 100%;
    font-family: 'Roboto', sans-serif; 
    font-weight: 300;
    color: #333;
    font-size: 15px;
    text-align: center;
    background: url(/img/pattern.png);
   
  }

.list2 {
	width:468px;}
  * {
    margin: 0;
    padding: 0;
  }
.wrap {
	width:1100px;
	
	
	
	margin:0 auto;}
.wrapi {
	width:1060px;
	
	display:block;
	background:rgba(222, 222, 222, 0.6);;
	border: 1px solid #CCC;
	padding:20px;
	margin:auto;
	margin-top:30px;
	margin-bottom:30px;
	}
.rgg {box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
padding:20px;}
.promotion {
    height: 400px;
    background: #ffffff url(/img/bga.jpg) center center no-repeat;
    border-top: solid 3px #000;
    border-bottom: solid 3px #000;
}
.rek {
	border: 1px solid #CCC;
	background:#fff;
	padding:5px;}
  .cleaner {
    clear: both;
  }
.ffor {
	width:400px;
	padding:10px;
	font-size:12px;
	border: 1px solid #CCC}
.ffor input {
	padding:0;}

  .wrapper {
    position: relative;
    margin: 0 auto;
  }

  /* Fonts */
  h1 {
    font-size: 30px;
    font-weight: 700;
  }

  h2 {
    font-size: 20px;
    font-weight: 400;
  }

  h3 {
    font-size: 25px;
    font-weight: 400;
    color: #FFF;
  }

  h4 {
    font-size: 20px;
    font-weight: 400;
    color: #333;
  }

  p {
    line-height: 25px;
  }

  a {
    text-decoration: none;
  }
    
  /* Image wrapper */
  .img-wrapper {
    overflow: hidden;
  }

  /* Buttons */
  .button {
    position: relative;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 18px;
    border: 0px;
    cursor: pointer;
  }
    .button:hover {
      color: #fff !important;
    }

  /* Form */
  input, textarea, select {
    font-family: 'Roboto', sans-serif; 
    font-size: 15px;
    font-weight: 300;
  }

  input[type='text'], input[type='email'], input[type='password'], textarea, select {
    background-color: #fff;
    border: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #CCC;
  }

  select {
    -webkit-appearance: none;
  }

  .input-wrapper {
    position: relative;
    float: left;
  }

  /******************/
  /* Switch styles */
  .grey { color: #888; }
  .custom-color { color: #0b8aa8; }

  .custom-color-back { background-color: #15a376 !important; }
  .custom-color-btn-back { background-color: #0b8aa8 !important; }
    .custom-color-btn-back:hover { background-color: #353d47 !important; }

  /*****************/
  /*****************/  

.header, .welcome, .middle, .footer, .content, .detail, .with-sidebar, .sidebar, .booking, .button, .menu-wrapper, input, textarea, select {
  box-sizing: border-box; /* Opera/IE 8+ */ 
  -webkit-box-sizing: border-box; /* Safari, Chrome */ 
  -moz-box-sizing: border-box; /* Firefox */ 
}

/* Header */
  .header {
    position: relative;
    background-color: #fff;
  }
    .logo {
      position: relative;
      float: left;
    }
    /* Menu */
    .menu-wrapper {
      position: relative;
      float: left;
    }
      .menu {
        position: absolute;
        list-style: none;
        text-align: right;
      }
        ul.menu li, .menu-trigger {
          float: left;
          text-align: left;
          text-transform: uppercase;
        }
          ul.menu li a, .menu-trigger {
            color: #8CBDC4;
            font-weight: 400;
          }
          ul.menu li a span {
            text-transform: none;
            font-style: italic;
            font-size: 13px;
            font-weight: 300;
          }
          ul.menu li.reservation-btn {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
          }
            ul.menu li.reservation-btn a {
              color: #fff;
            }
              ul.menu li.reservation-btn a:hover {
                color: #fff !important;
              }
            ul.menu li.reservation-btn a span {
              color: rgba(255,255,255,0.7);
            }

/* Slider */
  .slider {
    position: relative;
    background-color: gray;
  }
    .slider img {
      position: absolute;
      display: none;
    }
    .slider img.active {
      display: block;
    }

/* Welcome */
  .welcome {
    position: relative;
    background-color: #fff;
    text-align: left;
  }
    .welcome-wrapper {
      position: relative;
      float: left;
    }
    .welcome p {
      position: relative;
      font-style: italic;
      color: #888;
    }
  .facilities {
    
  }
  .facilities ul {
    list-style: none;
    font-weight: 400;
  }
    .facilities ul li {
      line-height: 35px;
    }
    .facilities ul li img {
      position: relative;
      float: left;
    }

/* Middle */
  .middle {
    position: relative;
    background-color: #f4f4f4;
    text-align: left;
  }
    .testemonials {
      position: relative;
      float: left;
    }
      .testemonial {
        position: relative;
        float: left;
      }
        .testemonial .img-wrapper {
          position: relative;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          float: left;
        }
        .testemonial .img-wrapper img {
        }
        .testemonial span {
          font-weight: 400;
          position: relative;
          float: left;
        }
        .testemonial p {
          font-style: italic;
          position: relative;
          float: left;
          color: #888;
        }
    .middle .gallery a {
      position: relative;
      float: left;
      overflow: hidden;
    }
      .middle .gallery a {
      }
        .middle .gallery a:nth-child(3n) {
        }
      .middle .gallery a img {
      }

/* Footer */
  .footer {
    position: relative;
    text-align: left;
  }
    .footer .directions {
      position: relative;
      float: left;
    }
      .footer .directions .map {
        position: relative;
        background-color: gray;
        float: left;
      }
      .footer .directions p {
        position: relative;
        float: left;
        color: #fff;
      }
        .footer .directions a {
          color: #fff !important;
        }
          .footer .directions a:hover {
            text-decoration: underline;
          }
    .footer .wheater {
      position: relative;
      float: left;
    }
      .wheater .day {
        position: relative;
        text-align: center;
        float: left;
        color: #fff;
      }
        .wheater .day {
          zoom: 1;
          filter: alpha(opacity=70);
          opacity: 0.7;
        }
          .wheater .day:first-child {
            zoom: 1;
            filter: alpha(opacity=100);
            opacity: 1;
          }
        .wheater .day .img-wrapper {
          position: relative;
          margin: 0 auto;
        }
          .wheater .day .img-wrapper img {
            position: absolute;
          }
          .wheater .day .temperature {
            position: relative;
            font-size: 30px;
            font-weight: 400;
          }
    .footer .copyright {
      position: relative;
      float: left;
      color: #fff;
    }
      .footer .copyright a {
        color: #fff;
      }
        .footer .copyright a:hover {
          color: #fff !important;
        }
    .footer .socials-wrapper {
      position: relative;
      float: left;  
    }
    .footer ul.socials {
      position: absolute;
      list-style: none;
    }
      .footer ul.socials li {
        float: left;
      }
        .footer ul.socials li a {
          color: #fff !important;
        }
          .footer ul.socials li a:hover {
            color: #fff !important;
            text-decoration: underline;
          }

/* Content */
  .container {
  }
    .no-sidebar {
    }
    .with-sidebar {
      display: table;
    }
      .with-sidebar .content {
        display: table-cell; 
      }
  .content {
    float: none;  
    background-color: #f7f7f7;  
    vertical-align: top; 
    text-align: left;
  }

  .list {
    position: relative;
  }

/* Gallery */
  .gallery a {
    position: relative;
    float: left;
  }
    .gallery a img {
    }

/* Sidebar */
  .sidebar {
    float: none;    
    vertical-align: top;
    display: table-cell;  
    background-color: #f0f0f0;  
  }
    .sidebar .widget {
      position: relative;
      text-align: left;
    }
      .widget h2 {
        position: relative;
      }
      .widget ul {
        list-style: none;
      }
        .widget ul li {
          line-height: 30px;
        }
          .widget ul li a {
            color: #333;
          }
            .widget ul li a:hover {
              text-decoration: underline;
            }
      .widget .gallery a {
        float: left;
      }


/* Directions */
  .directions {
    position: relative;
    float: left;
  }
  .directions .map {
    position: relative;
    float: left;
    background-color: gray;
  }
    .directions p {
      float: left;
    }
    .directions a {
      color: #333;
    }

/* Message */
  .message {
    position: relative;
    color: #fff;
    overflow: auto;
  }
    .message img {
      position: relative;
      float: left;
    }
    .message p {
      text-align: left;
      float: left;
    }

/* Datepicker */
  .ll-skin-melon {
    font-size: 100%;
  }

  .ui-widget-content {
    font-family: "Roboto", Helvetica, Arial, Verdana, sans-serif !important;
    background: #1a1a1a !important;
    border: none !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
  }

  .ui-datepicker {
    padding: 0 !important;
  }

  .ui-corner-all {
    border-radius: 0 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }

  .ui-datepicker-header {
    border: none !important;
    background: transparent !important;
    font-weight: normal !important;
    font-size: 15px !important;
  }

  .ui-datepicker-header .ui-state-hover {
    background: transparent;
    border-color: transparent;
    cursor: pointer;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }

  .ui-datepicker .ui-datepicker-title {
    margin-top: .4em;
    margin-bottom: .3em;
    color: #e9f0f4;
  }

  .ui-datepicker .ui-datepicker-prev-hover,
  .ui-datepicker .ui-datepicker-next-hover,
  .ui-datepicker .ui-datepicker-next,
  .ui-datepicker .ui-datepicker-prev {

  }

  .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    padding: 0px !important;
  }

  .ui-datepicker .ui-datepicker-next span,
  .ui-datepicker .ui-datepicker-prev span {
    position: absolute;
    top: 5px;
    font-weight: normal;
    color: #888 !important;
  }

  .ui-datepicker .ui-datepicker-prev span {
    left: 10px;
  }
  .ui-datepicker .ui-datepicker-next span {
    right: 10px;
  }

  .ui-datepicker table {
    margin: 0 !important;
    border-collapse: collapse;
  }

  .ui-datepicker th {
    padding: 1em 0;
    color: #ccc;
    font-size: 13px;
    font-weight: normal;
    border: none;
    border-top: 1px solid #3a414d;
  }

  .ui-datepicker td {
    background: #d8d8d8;
    border: none;
  }

  .ui-datepicker td .ui-state-default {
    background: transparent;
    border: none;
    text-align: center;
    font-weight: 300;
    color: #888;
    font-size: 15px;
    padding: 0px 10px 0px 10px;
    line-height: 40px;
  }

  .ui-state-disabled  {
    opacity: 1 !important;
  }

  .ui-state-disabled .ui-state-default {
    color: #fff;
  }

  .ui-state-hover {
    border: 0px !important;
    background: #333 !important;
    padding: 10px 10px 10px 10px !important;
  }

  .ui-datepicker td .ui-state-active,
  .ui-datepicker td .ui-state-hover {
    background: #333 !important;
    padding: 10px 10px 10px 10px !important;
  }

/* Desktops, Tablets landscape ----------- */
@media only screen and (min-width : 769px) {

/* Body - general */
  body {
  }

  * {
  }

  .cleaner {
  }

  .wrapper {
  }

  /* Fonts */
  h1 {
  }

  h2 {
  }

  h3 {
  }

  h4 {
  }

  p {
  }

  a {
  }
    a:hover {
    }

  .img-wrapper {
  }

  /* Buttons */
  .button {
    padding: 10px 40px 10px 40px;
  }
    .button:hover {
    }

  /* Form */
  input, textarea, select {
  }

  input[type='text'], input[type='email'], input[type='password'], textarea, select {
    padding: 10px;
  }

  select {
  }

  .input-wrapper {
  }

/* Header */
  .header {
    width: 100%;
    
  }
    .logo {
		margin-top:-2px;
     
	 
    }
      .logo img {
        width: 100%;
      }
    .menu-wrapper {
      width: 700px;
	  padding-top:15px;
      margin: 10px 0px 0px 0px;
    }
      .menu-trigger {
        display: none;
      }
      .menu {
        right: 0px;
      }
        ul.menu li {
          margin: 0px 0px 0px 25px;
        }
          ul.menu li a {
          }
          ul.menu li a span {
          }
          ul.menu li.reservation-btn {
            margin: -10px 0px 0px 25px;
            padding: 10px 10px 10px 10px;
          }
            ul.menu li.reservation-btn a {
            }
              ul.menu li.reservation-btn a:hover {
              }
            ul.menu li.reservation-btn a span {
            }

/* Slider */
  .slider {
    width: 100%;
    height: 422px;
  }
    .slider img {
      width: 100%;
      top: 0px;
      left: 0px;
    }
    .slider img.active {
    }

/* Welcome */
  .welcome {
    width: 100%;
    padding: 50px 40px 50px 40px;
  }
    .welcome-wrapper {
      width: 600px;
    }
    .welcome p {
      margin: 30px 0px 0px 0px;
      width: 90%;
    }
  .facilities {
    margin: 10px 0px 0px 0px;
  }
  .facilities ul {
    margin: 30px 0px 0px 0px;
  }
    .facilities ul li {
      height: 55px;
    }
    .facilities ul li img {
      width: 35px;
      height: 35px;
      margin: 0px 20px 0px 0px;
    }

/* Middle */
  .middle {
    width: 100%;
    padding: 50px 40px 20px 40px;
  }
    .testemonials {
      width: 50%;
    }
      .testemonial {
        width: 85%;
        margin: 0px 0px 30px 0px;
      }
        .testemonial .img-wrapper {
          width: 60px;
          height: 60px;
        }
        .testemonial .img-wrapper img {
          width: 60px;
          height: 60px;
        }
        .testemonial span {
          margin: 18px 0px 0px 15px;
        }
        .testemonial p {          
          margin: -15px 0px 0px 75px;
        }
    .middle .gallery a {
      width: 140px;
      height: 100px;
    }
      .middle .gallery a {
        margin: 0px 15px 15px 0px;
      }
        .middle .gallery a:nth-child(3n) {
          margin: 0px 0px 15px 0px;
        }
      .middle .gallery a img {
        width: 140px;
        height: 100px;
      }

/* Footer */
  .footer {
    width: 100%;
    padding: 50px 40px 30px 40px;
  }
    .footer .directions {
      width: 55%;
    }
      .footer .directions .map {
        width: 245px;
        height: 150px;
      }
      .footer .directions p {
        margin: 20px 0px 0px 20px;
      }
        .footer .directions a {
        }
          .footer .directions a:hover {
          }
    .footer .wheater {
      width: 45%;
      margin: 20px 0px 0px 0px;
    }
      .wheater .day {
        width: 75px;
      }
        .wheater .day {
        }
          .wheater .day:first-child {
          }
        .wheater .day .img-wrapper {
          width: 40px;
          height: 40px;
        }
          .wheater .day .img-wrapper img {
            top: 0px;
            height: 40px;
            width: 200px;
          }
          .wheater .day .temperature {
            margin: 10px 0px 0px 10px;
          }
    .footer .copyright {
      width: 40%;
      margin: 40px 0px 0px 0px;
    }
    .footer .socials-wrapper {
      width: 60%;
      margin: 40px 0px 0px 0px;
    }
    .footer ul.socials {
      right: 0px;
    }
      .footer ul.socials li {
        margin: 0px 0px 0px 15px;
      }
        .footer ul.socials li a {
        }
          .footer ul.socials li a:hover {
          }

/* Content */
 .container{
	width:1100px !important;
}
    .no-sidebar {
      width: 100%;
    }
    .with-sidebar {
    }
      .with-sidebar .content {
      }
  .content {
    padding: 50px 50px 50px 50px;  
  }

  .list {
    margin: 50px 0px 0px 0px;
  }

/* Gallery */
  .gallery a {
      width: 200px;
      height: 150px;
      margin: 0px 10px 10px 0px;
  }
    .gallery a img {
        width: 200px;
        height: 150px;
    }

/* Sidebar */
  .sidebar { 
    padding: 50px 30px 50px 30px;  
  }
    .sidebar .widget {
      width: 100%;
      margin: 0px 0px 50px 0px;
    }
      .widget h2 {
        margin: 0px 0px 20px 0px;
      }
      .widget ul {
      }
        .widget ul li {
        }
          .widget ul li a {
          }
            .widget ul li a:hover {
            }
      .widget .gallery a {
        width: 75px;
        height: 75px;
      }


  /* Directions */
    .directions {
    }
    .directions .map {
      width: 400px;
      height: 300px;
    }
      .directions p {
        width: 200px;
        margin: 10px 0px 20px 20px;
      }
      .directions a {
      }

  /* Message */
    .message {
      
      margin-bottom: 30px;
    }
      .message .wrapper {
        margin-bottom: 0px;
        margin-top: 0px;
      }
      .message img {
        width: 40px;
        height: 40px;
        margin: 10px 0px 0px 0px;
      }
      .message p {
        margin: 18px 0px 0px 20px;
      }
    /* Message for mobile devices */
    .message-mobile {
      display: none;
    }

}



/* Desktops ----------- */
@media (min-width : 1025px) {
  /* Wrapper */
  .wrapper {
    width: 980px;
    margin-top: 80px;
    margin-bottom: 80px;
  }

  /* Content */
    .with-sidebar .content {
      width: 730px;
    }  

  /* Sidebar */
    .sidebar {
      width: 250px;
    }
}

/* Ipad / Kindle landscape ------------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
  /* Wrapper */
  .wrapper {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  /* Content */
    .with-sidebar .content {
      width: 730px;
    }  

  /* Sidebar */
    .sidebar {
      width: 279px;
    }
}

/* Tablets portrait ----------- */
@media only screen and (min-width : 385px) and (max-width : 768px) {

/* Body - general */
  body {
  }

  * {
  }

  .cleaner {
  }

  .wrapper {
  }

  /* Fonts */
  h1 {
  }

  h2 {
  }

  h3 {
  }

  h4 {
  }

  p {
  }

  a {
  }
    a:hover {
    }

  .img-wrapper {
  }

  /* Buttons */
  .button {
    padding: 10px 40px 10px 40px;
  }
    .button:hover {
    }

  /* Form */
  input, textarea, select {
  }

  input[type='text'], input[type='email'], input[type='password'], textarea, select {
    padding: 15px 20px 15px 20px;
  }

  select {
  }

  .input-wrapper {
  }

/* Header */
  .header {
    width: 100%;
    padding: 25px 40px 25px 40px;
  }
   
    .menu-wrapper {
      width: 100%;
      height: 60px;
      margin: 40px 0px 0px 0px;
    }
      .menu-trigger {
        display: none;
      }
      .menu {
        position: relative;
        
        margin: 0 auto;
        width: 660px;
      }
        ul.menu li {
          margin: 0px 25px 0px 0px;
        }
          ul.menu li a {
          }
          ul.menu li a span {
          }
          ul.menu li.reservation-btn {
            margin: -10px 0px 0px 0px;
            padding: 10px 10px 10px 10px;
          }
            ul.menu li.reservation-btn a {
            }
              ul.menu li.reservation-btn a:hover {
              }
            ul.menu li.reservation-btn a span {
            }

/* Slider */
  .slider {
    width: 100%;
    height: 422px;
  }
    .slider img {
      width: 100%;
      top: 0px;
      left: 0px;
    }
    .slider img.active {
    }

/* Welcome */
  .welcome {
    width: 100%;
    padding: 50px 40px 50px 40px;
  }
    .welcome-wrapper {
      width: 100%;
      margin-bottom: 50px;
    }
    .welcome p {
      margin: 30px 0px 0px 0px;
      width: 100%;
    }
  .facilities {
    margin: 0px 0px 0px 0px;
  }
  .facilities ul {
    margin: 30px 0px 0px 0px;
  }
    .facilities ul li {
      height: 55px;
    }
    .facilities ul li img {
      width: 35px;
      height: 35px;
      margin: 0px 20px 0px 0px;
    }

/* Middle */
  .middle {
    width: 100%;
    padding: 50px 40px 50px 40px;
  }
    .testemonials {
      width: 50%;
    }
      .testemonial {
        width: 85%;
        margin: 0px 0px 30px 0px;
      }
        .testemonial .img-wrapper {
          width: 60px;
          height: 60px;
        }
        .testemonial .img-wrapper img {
          width: 60px;
          height: 60px;
        }
        .testemonial span {
          margin: 18px 0px 0px 15px;
        }
        .testemonial p {          
          margin: -15px 0px 0px 75px;
        }
    .middle .gallery a {
      width: 140px;
      height: 100px;
    }
      .middle .gallery a {
        margin: 0px 15px 15px 0px;
      }
        .middle .gallery a:nth-child(2n) {
          margin: 0px 0px 15px 0px;
        }
      .middle .gallery a img {
        width: 140px;
        height: 100px;
      }

/* Footer */
  .footer {
    width: 100%;
    padding: 50px 40px 30px 40px;
  }
    .footer .directions {
      width: 60%;
    }
      .footer .directions .map {
        width: 245px;
        height: 150px;
      }
      .footer .directions p {
        margin: 20px 0px 0px 0px;
      }
        .footer .directions a {
        }
          .footer .directions a:hover {
          }
    .footer .wheater {
      width: 40%;
      margin: 0px 0px 20px 0px;
    }
      .wheater .day {
        width: 75px;
        margin: 0px 0px 20px 0px;
      }
        .wheater .day {
        }
          .wheater .day:first-child {
          }
        .wheater .day .img-wrapper {
          width: 40px;
          height: 40px;
        }
          .wheater .day .img-wrapper img {
            top: 0px;
            height: 40px;
            width: 200px;
          }
          .wheater .day .temperature {
            margin: 10px 0px 0px 10px;
          }
    .footer .copyright {
      width: 40%;
      margin: 40px 0px 0px 0px;
    }
    .footer .socials-wrapper {
      width: 60%;
      margin: 40px 0px 0px 0px;
    }
    .footer ul.socials {
      right: 0px;
    }
      .footer ul.socials li {
        margin: 0px 0px 0px 15px;
      }
        .footer ul.socials li a {
        }
          .footer ul.socials li a:hover {
          }

/* Content */
 .container{
	width:1100px !important;
}
    .no-sidebar {
      width: 100%;
    }
    .with-sidebar {
    }
      .with-sidebar .content {
        width: 70%;
      }
  .content {
    padding: 50px 50px 50px 50px;  
  }

  .list {
    margin: 50px 0px 0px 0px;
  }

/* Gallery */
  .gallery a {
      width: 200px;
      height: 150px;
      margin: 0px 10px 10px 0px;
  }
    .gallery a img {
        width: 200px;
        height: 150px;
    }

/* Sidebar */
  .sidebar { 
    width: 30%;
    padding: 50px 30px 50px 30px;  
  }
    .sidebar .widget {
      width: 100%;
      margin: 0px 0px 50px 0px;
    }
      .widget h2 {
        margin: 0px 0px 20px 0px;
      }
      .widget ul {
      }
        .widget ul li {
        }
          .widget ul li a {
          }
            .widget ul li a:hover {
            }
      .widget .gallery a {
        width: 60px;
        height: 60px;
      }


  /* Directions */
    .directions {
    }
    .directions .map {
      width: 400px;
      height: 300px;
    }
      .directions p {
        width: 200px;
        margin: 30px 0px 20px 0px;
      }
      .directions a {
      }

  /* Message */
    .message {
      height: 60px;
      margin-bottom: 30px;
    }
      .message .wrapper {
        margin-bottom: 0px;
        margin-top: 0px;
      }
      .message img {
        width: 40px;
        height: 40px;
        margin: 10px 0px 0px 0px;
      }
      .message p {
        margin: 18px 0px 0px 20px;
      }
    /* Message for mobile devices */
    .message-mobile {
      display: none;
    }

}

/* Mobile ----------- */
@media only screen and (max-width : 384px) {

/* Body - general */
  body {
  }

  * {
  }

  .cleaner {
  }

  .wrapper {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  /* Fonts */
  h1 {
  }

  h2 {
  }

  h3 {
  }

  h4 {
  }

  p {
  }

  a {
  }
    a:hover {
    }

  .img-wrapper {
  }

  /* Buttons */
  .button {
    padding: 10px 40px 10px 40px;
  }
    .button:hover {
    }

  /* Form */
  input, textarea, select {
  }

  input[type='text'], input[type='email'], input[type='password'], textarea, select {
    padding: 15px 20px 15px 20px;
  }

  select {
  }

  .input-wrapper {
  }

/* Header */
  .header {
    width: 100%;
    padding: 25px 30px 25px 30px;
  }
    
      
    .menu-wrapper {
      display: none;
      position: absolute;
      background-color: #fff;
      z-index: 999;

      top: 0px;
      left: 0px;
      width: 100%;
      margin: 0px 0px 0px 0px;
      padding: 30px 20px 140px 20px;
    }
      #menu-wrapper:target {
        display: block;
      }
      .menu-trigger {
        display: block;

        margin: 10px 0px 0px 50px;
      }
      .menu {
        position: relative;
        
        margin: 0 auto;
        width: 100%;
      }
        ul.menu li {
          float: none;
          text-align: center;

          margin: 0px 0px 20px 0px;
        }
          ul.menu li a {
          }
          ul.menu li a span {
          }
          ul.menu li.reservation-btn {
            margin: -10px 0px 0px 0px;
            padding: 10px 10px 10px 10px;
          }
            ul.menu li.reservation-btn a {
            }
              ul.menu li.reservation-btn a:hover {
              }
            ul.menu li.reservation-btn a span {
            }

/* Slider */
  .slider {
    width: 100%;
    height: 200px;
  }
    .slider img {
      width: 100%;
      top: 0px;
      left: 0px;
    }
    .slider img.active {
    }

/* Welcome */
  .welcome {
    width: 100%;
    padding: 50px 40px 50px 40px;
  }
    .welcome-wrapper {
      width: 100%;
      margin-bottom: 50px;
    }
    .welcome p {
      margin: 30px 0px 0px 0px;
      width: 100%;
    }
  .facilities {
    margin: 0px 0px 0px 0px;
  }
  .facilities ul {
    margin: 30px 0px 0px 0px;
  }
    .facilities ul li {
      height: 55px;
    }
    .facilities ul li img {
      width: 35px;
      height: 35px;
      margin: 0px 20px 0px 0px;
    }

/* Middle */
  .middle {
    width: 100%;
    padding: 50px 40px 50px 40px;
  }
    .testemonials {
      width: 100%;
    }
      .testemonial {
        width: 100%;
        margin: 0px 0px 30px 0px;
      }
        .testemonial .img-wrapper {
          width: 60px;
          height: 60px;
        }
        .testemonial .img-wrapper img {
          width: 60px;
          height: 60px;
        }
        .testemonial span {
          margin: 18px 0px 0px 15px;
        }
        .testemonial p {          
          margin: -15px 0px 0px 75px;
        }
    .middle .gallery {
      margin: 30px 0px 0px 0px;
    }
    .middle .gallery a {
      width: 100%;
    }
      .middle .gallery a {
        margin: 10px 0px 0px 0px;
      }
      .middle .gallery a img {
        width: 100%;
      }

/* Footer */
  .footer {
    width: 100%;
    padding: 50px 40px 30px 40px;
  }
    .footer .directions {
      width: 100%;
    }
      .footer .directions .map {
        width: 100%;
        height: 150px;
      }
      .footer .directions p {
        margin: 20px 0px 0px 0px;
      }
        .footer .directions a {
        }
          .footer .directions a:hover {
          }
    .footer .wheater {
      width: 100%;
      margin: 50px 0px 20px 0px;
    }
      .wheater .day {
        width: 75px;
        margin: 0px 0px 20px 0px;
      }
        .wheater .day {
        }
          .wheater .day:first-child {
          }
        .wheater .day .img-wrapper {
          width: 40px;
          height: 40px;
        }
          .wheater .day .img-wrapper img {
            top: 0px;
            height: 40px;
            width: 200px;
          }
          .wheater .day .temperature {
            margin: 10px 0px 0px 10px;
          }
    .footer .copyright {
      width: 100%;
      margin: 40px 0px 0px 0px;
    }
    .footer .socials-wrapper {
      width: 100%;
      margin: 40px 0px 0px 0px;
    }
    .footer ul.socials {
      right: 0px;
    }
      .footer ul.socials li {
        margin: 0px 0px 0px 15px;
      }
        .footer ul.socials li a {
        }
          .footer ul.socials li a:hover {
          }

/* Content */
  .container {
  }
    .no-sidebar {
      width: 100%;
    }
    .with-sidebar {
      width: 100%;
    }
      .with-sidebar .content {
      }
  .content {
    display: block !important;
    padding: 50px 30px 50px 30px;  
  }
    .content h1 {
      float: none;
      width: 80%;
      padding: 20px 0px 20px 0px; 
      margin: 0px 0px 0px 30px;   
    }

  .list {
    margin: 0px 0px 0px 0px;
  }

/* Gallery */
  .gallery a {
    float: none;
    margin: 0px 0px 10px 0px;
  }
    .gallery a img {
        width: 100%;
    }

/* Sidebar */
  .sidebar { 
    display: block !important;
    width: 100%;
    padding: 50px 30px 50px 30px;  
  }
    .sidebar .widget {
      width: 100%;
      margin: 0px 0px 50px 0px;
    }
      .widget h2 {
        margin: 0px 0px 20px 0px;
      }
      .widget ul {
      }
        .widget ul li {
        }
          .widget ul li a {
          }
            .widget ul li a:hover {
            }
      .widget .gallery a {
        width: 100%;
      }


  /* Directions */
    .directions {
    }
    .directions .map {
      width: 100%;
      height: 300px;
    }
      .directions p {
        width: 200px;
        margin: 30px 0px 20px 30px;
      }
      .directions a {
      }

  /* Message */
    .message {
      height: 60px;
      margin-bottom: 30px;
    }
      .message .wrapper {
        margin-bottom: 0px;
        margin-top: 0px;
      }
      .message img {
        width: 40px;
        height: 40px;
        margin: 10px 0px 0px 0px;
      }
      .message p {
        margin: 18px 0px 0px 20px;
      }
    /* Message for mobile devices */
    .message-mobile {
      display: none;
    }

}


/* 
* Модальные окна
* на чистом CSS, без javascript
* и дополнительных изображений
*
* Копирайт (c) 2014 shurawi http://www.dbmast.ru
*/

/*** Стили относящиеся к модальному окну и содержанию ***/
.popup h1 { /* заголовок 1 */
color: #008000;
text-align: left;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
font:24px 'Trebuchet MS', Helvetica, sans-serif;
font-weight: bold;
}
.popup h2 { /* заголовок 2 */
color: #008000;
text-align: left;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
font:22px 'Trebuchet MS', Helvetica, sans-serif;
}
/* Базовые стили слоя затемнения и модального окна  */
.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
visibility: hidden;
/* фон затемнения */
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
position: fixed; /* фиксированное поцизионирование */
cursor: default; /* тип курсара */
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
.overlay:target {
visibility: visible;
opacity: 1;
}
.is-image {
top: 0;
right: 0;
bottom: 0;
left: 0;
display:block;
margin: auto;
width: 100%;
height: auto;
/* скругление углов встроенных картинок */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
/* встроенные элементы м-медиа, фреймы */
embed, iframe {
top: 0;
right: 0;
bottom: 0; 
left: 0; 
display:block;
margin: auto;
min-width:465px;
max-width: 465px;
width: 100%;
}
/* стили модального окна */
.popup {
top: 0;
right: 0;
left: 0;
font-size: 14px;
z-index: 10;
display: block;
visibility: hidden;
margin: 0 auto;
width: 90%;
min-width:465px;
max-width: 465px;
/* фиксированное позиционирование, окно стабильно при прокрутке */
position: fixed;
padding: 15px;
border: 1px solid #383838;
/* скругление углов */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
background-color: rgba(214, 214, 214, 0.74);
/* внешняя тень */
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8);
/* полная прозрачность окна, появление при клике */
opacity: 0;
/* эффект перехода (появление) */
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
text-align:left;
}
.overlay:target+.popup {
top: 10%;
visibility: visible;
opacity: 1;
}
/* формируем кнопку закрытия */
.close {


}
.close:before {

}
.close:hover {
  
}
.popup p, .popup div {
margin-bottom: 10px;
}
.title {
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-size:24px;}
.otvet1 {
	font-size:12px;}
	
.vopros1 {
	font-size:14px;
	padding-bottom:5px;
	padding-top:5px;}
.statas {
	color:#FFF;
	vertical-align:top;}

.backlight {
	width:400px;}
	
.vipl a{
	padding:10px;
	border:#FFF 1px solid;
	display:block;
	text-align:center;
	
	height:64px;}
.vipl a:hover {
	text-align:center;
	padding:10px;
	
	background: #333;
	height:64px;}
a.vvp {
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	
	display:block;
	background: #324450;
	color:#FFF;
	margin-top:3px;
	margin-bottom:3px;
	}
.vvp:hover {
	padding:10px;
	
	
	background: #26353e;
	}
a.vvp2 {
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	
	display:block;
	background: #324450;
	color:#FFF;
	margin-top:3px;
	margin-bottom:3px;
	}
.menu_ak2 {
	border:1px solid #CCC;
	padding:5px;
	background:#324450;}
.acc {
	background: rgb(64,199,129);
  
  color: white;
	}
.acc a{
	color:#FFF;
	text-decoration:none;}
.acc a:hover{
	color: #fff;
	text-decoration:none;}

.vopros {
	text-align:left;
	padding-left:20px;
	font-weight:500;
	font-size:20px;}
.otvet {
	text-align:left;
	padding-left:40px;
	padding-bottom:20px;}
.tar1 {
	background: url(/img/tar1.png) no-repeat center center;
	width:450px;
	height:240px;
	}
.tar2 {
	background: url(/img/tar2.png) no-repeat center center;
	width:450px;
	height:240px;
	}
.tar3 {
	background: url(/img/tar3.png) no-repeat center center;
	width:450px;
	height:240px;
	}
.tar4 {
	background: url(/img/tar4.png) no-repeat center center;
	width:450px;
	height:240px;
	}
.opis {
	color:#FFF;text-shadow: 0.1em 0.1em 0.2em black;
	padding-left:220px;
	margin-top:-0px;
	}
.opis2 {
	color:#FFF;text-shadow: 0.1em 0.1em 0.2em black;
	padding-left:230px;}
.opis3 {
	color:#FFF;text-shadow: 0.1em 0.1em 0.2em black;
	padding-left:240px;}
.inv {
	margin-left:280px;
	}
.inv2 {
	margin-left:300px;
	}
.post1 {
    width: 956px;
    margin: 10px auto;
    background: #caced1;
}
.title7 {
    background: #717983;
    font-size: 15px;
    color: #fff;
    font-style: normal;
    padding: 0px 10px;
    height: 31px;
    line-height: 34px;
}
.message {
    background: #fff;
	border: 1px solid #CCC;
    padding: 10px;
    color: #4a5a62;
    font-size: 14px;
	
}
.message1 {
    background: rgba(255, 255, 255, 0);
	border: 1px solid #CCC;
    padding: 10px;
    color: #4a5a62;
    font-size: 14px;
	
}
.ref {
	width: 448px;
	font-family:Arial, Helvetica, sans-serif;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	padding:10px;}
.info1{
    font-size: 13px;
    color: #42606f;
    padding: 0px 10px;
    background: #bac0c5;
    text-shadow: 0px 1px 0px #c9ced2;
    height: 29px;
    line-height: 29px;
}

a.reki {
	text-align:center;
   font-size: 12px;
    font-weight: 400;
}

a.button17 {
   display: inline-block;
  font-family: arial,sans-serif;
  font-size: 14px;
  cursor:pointer;
  color: #FFF;
  
  text-decoration: none;
  user-select: none;
  line-height: 2em;
  padding: 1px 1.2em;
  outline: none;
  border:1px solid #FFF;
  
  border-radius: 3px;
  background:#0b8aa8;
  box-shadow:
   inset 0 1px rgba(101,114,126,1),
   inset 0 0 1px rgba(140,150,170,.8),
   0 1px rgb(83,94,104),
   0 0 1px rgb(86,96,106);
}
a.button17:hover {
	color:#FFF;
	background: rgb(53,61,71);
 
}
.button17:hover {
	color:#FFF;
	background: rgb(53,61,71);
 
}
a.button17:active {
	color:#FFF;
  box-shadow:
   inset 0 1px 3px rgba(0,10,20,.5),
   0 1px rgb(83,94,104),
   0 0 1px rgb(86,96,106);
}
a.button17:focus:not(:active) {
  border: 1px solid rgb(22,32,43);
  border-bottom: 1px solid rgb(25,34,45);
  background: rgb(53,61,71);
  box-shadow:
   inset 0 1px 3px rgba(0,10,20,.5),
   0 1px rgb(83,94,104),
   0 0 1px rgb(86,96,106);
  pointer-events: none;
}

.button17 {
  display: inline-block;
  font-family: arial,sans-serif;
  font-size: 14px;
  cursor:pointer;
  color: #FFF;
  
  text-decoration: none;
  user-select: none;
  line-height: 2em;
  padding: 1px 1.2em;
  outline: none;
  border:none;
 
  border-radius: 3px;
  background:#0b8aa8;
  box-shadow:
   inset 0 1px rgba(101,114,126,1),
   inset 0 0 1px rgba(140,150,170,.8),
   0 1px rgb(83,94,104),
   0 0 1px rgb(86,96,106);
}
.button17:active {
  box-shadow:
   inset 0 1px 3px rgba(0,10,20,.5),
   0 1px rgb(83,94,104),
   0 0 1px rgb(86,96,106);
}
.button17:focus:not(:active) {
  border: 1px solid rgb(22,32,43);
  border-bottom: 1px solid rgb(25,34,45);
  background: rgb(53,61,71);
  box-shadow:
   inset 0 1px 3px rgba(0,10,20,.5),
   0 1px rgb(83,94,104),
   0 0 1px rgb(86,96,106);
  pointer-events: none;
}
a.rega {
	font-size:12px;}
.opisin {
	color: #fcfdfe;
	padding-top:20px;
	font-weight: bold;
	font-size: 46px;
	text-align:left;
	width: 600px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
}
.slogin {
	text-align:left;
	font-weight: bold;
    color: #000000;
    font-size: 20px;
	padding-top:40px;
    
	font-family: 'Roboto', sans-serif; 
}

.stat {
	border: 1px solid #ccc;
	text-align:center;
	font-size:14px;
	line-height:1.5;
	padding:20px;}

.user {
	 background: url(/img/pol.png) left center no-repeat;
	 background-size:50px;
	 padding-left:70px;
	 height:50px;
	 }
.user2 {
	 background: url(/img/pol2.png) left center no-repeat;
	 background-size:50px;
	 padding-left:70px;
	 height:50px;
	 }
.user3 {
	 background: url(/img/rub.png) left center no-repeat;
	 background-size:50px;
	 padding-left:70px;
	 height:50px;
	 }
.bux {
	font-size:30px;
	color: #77787b;
	font-weight:bold;
	}
.pro {
	line-height:2;color: #333;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;}
.inf {
    color: #5c6267;
	padding:10px;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.pro1 {
	text-align:center;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:1.5;
	}
a.bot {
    color: #dadada;
    padding: 5px;
    font-size: 14px;
    text-shadow: none;
    text-transform: uppercase;
}
a.bot:hover {
	color:#0b8aa8}
.menu_ak {
	background: #3A4C59;}
.rub2{ display: inline-block; font-size:16px; line-height:4px; border-bottom: 1px solid #fff; width:0.5em; font-weight:100; }

.m-tb { padding:10px;
border:1px solid #CCC;}

a.payeer {
	font-size:50px;
	color:#0093ff;
	font-weight:bold;
	border:5px solid #0093ff;
	padding:25px;
	background:url(/img/pa2.png) left 25px center no-repeat;
	padding-left:100px;
	width:200px;
	display:block;
	text-align:center;
	}
a.payeer:hover {
	box-shadow: 0 0 40px #0093ff inset;
	}
	
a.swap{
	font-size:50px;
	color:#2bd944;
	font-weight:bold;
	border:5px solid #2bd944;
	padding:25px;
	background:url(/img/ba2.png) left 25px center no-repeat;
	padding-left:100px;
	width:200px;
	display:block;
	text-align:center;
	}
a.swap:hover {
	box-shadow: 0 0 40px #2bd944 inset;
	}	
	
a.perfect {
	font-size:30px;
	color:#ff0405;
	font-weight:bold;
	border:5px solid #ff0405;
	padding:25px;
	background:url(/img/pm2.png) left 25px center no-repeat;
	padding-left:100px;
	width:200px;
	display:block;
	padding-bottom:38px;
	padding-top:39px;
	text-align:center;
	}
a.perfect:hover {
	box-shadow: 0 0 40px #ff0405 inset;
	}

a.bal {
	font-size:30px;
	color:#ffffff;
	font-weight:bold;
	border:5px solid #ffffff;
	padding:25px;
	background:url(/img/ba2.png) left 25px center no-repeat;
	padding-left:100px;
	width:200px;
	display:block;
	padding-bottom:40px;
	padding-top:40px;
	text-align:center;
	}
a.bal:hover {
	box-shadow: 0 0 40px #ffffff inset;
	}
a.yn {
	font-size:30px;
	color:#000;
	font-weight:bold;
	border:5px solid #ff5300;
	padding:25px;
	background:url(/img/y2.png) left 25px center no-repeat;
	padding-left:100px;
	width:200px;
	display:block;
	padding-bottom:40px;
	padding-top:40px;
	text-align:center;
	}
a.yn:hover {
	box-shadow: 0 0 40px #ff5300 inset;
	}
	
a.button20 {
   display: inline-block;
  font-family: arial,sans-serif;
  font-size: 14px;
  cursor: context-menu;
  color:#FFF;
	background: rgb(53,61,71);
  
  text-decoration: none;
  user-select: none;
  line-height: 2em;
  padding: 1px 1.2em;
  outline: none;
  border:1px solid #FFF;
  
  border-radius: 3px;
 
  box-shadow:
   inset 0 1px rgba(101,114,126,1),
   inset 0 0 1px rgba(140,150,170,.8),
   0 1px rgb(83,94,104),
   0 0 1px rgb(86,96,106);
}
a.button20:hover {
	color:#FFF;
	background: rgb(53,61,71);
 
}

.st1 {
    text-align: center;
    font-size: 18px;
    float: left;
    color: #7ce2d7;
    border: 1px solid #3B434C;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .8), 23px 0 20px -23px rgba(0, 0, 0, .8), 0 0 40px rgba(0, 0, 0, .1) inset;
    margin: 4px 10px;
    display: table-cell;
    width: 23%;
}

.count {
	font-weight: bold;
	font-size: 38px;
	text-align: center;
}

.count.green {
	color: #6FBF4D;
}

.count.blue {
	color: #2BA6CB;
}

.count.new {
	color: #CB5E2B;
}

.count.yellow {
	color: #FFCE55;
}


#pref-text {
	margin: 5px;
	font-size: 22px;
	text-transform: uppercase;
	font-family: "Raleway";
	font-weight: 200;
}