* {
  margin: 0;

  padding: 0;
}

html,
body {
  height: 100%;
}

html,
* {
  font-family: "Assistant", Geneva, sans-serif !important;
}

body {
  font-family: "Assistant", Geneva, sans-serif;

  line-height: 18px;

  width: 100%;

  color: #736357;
}

#main {
  background-image: url(images/background.jpg);
  background-size: 100%;
  background-size: cover;
  background-attachment: fixed;
  min-height: 100vh;
}

.main-menu ul li a {
  text-decoration: none;
  color: white;
}

.card.main {
  margin: 0 auto;
  margin-bottom: 5px;
}

.card.main a {
  color: #90caf9;
  font-weight: bold;
  font-size: 20px;
}

.row.preview {
  margin-bottom: 10px;
}

.description {
  width: 98%;
  margin: 0 auto;
}

.text-container {
  background: rgba(0, 0, 0, 0.7);
  color: white;
  margin: 0 auto;
  padding: 10px;
  margin-bottom: 5px;
}

.text-container h1 {
  color: white;
  margin: 0;
}

.content-page {
  text-align: center;
  text-justify: inter-word;
  font-size: 18px;
  direction: rtl;
}

.desc-text {
  color: white;
  font-size: 18px;
  padding: 10px;
  margin-bottom: 20px;
  text-align: justify;
  text-justify: inter-word;
}

#lightslider ul {
  list-style: none outside none;
  padding-left: 0;
  margin-bottom: 0;
}
#lightslider li {
  display: block;
  float: left;
  margin-right: 6px;
  cursor: pointer;
}
#lightslider img {
  display: block;
  height: auto;
  max-width: 100%;
}

.logo {
  width: 400px;
}

img {
  border: 0;

  vertical-align: top;

  text-align: left;
}

object {
  vertical-align: top;

  outline: none;
}

ul,
ol {
  list-style: none;

  margin-bottom: 16px;

  flex: 1;
}

ul li {
  display: inline;
  margin: 0 20px;
  font-family: "Suez One", serif;
  font-size: 25px;
}

#header ul li a {
  color: #6b7ac2;
  font-size: 25px;
  font-weight: bold;
}

.fleft {
  float: left !important;
}

.fright {
  float: right;

  width: 260px;
}

.clear {
  clear: both;

  line-height: 0%;

  font-size: 0%;

  height: 0%;
}

.col-1,
.col-2,
.col-3,
.col-4,
.sub_col-1,
.sub_col-2,
.sub_col-3,
.sub_col-4,
.col_sub_1,
.col_sub_2,
.col_sub_3 {
  float: right;

  display: inline;
}

.alignright {
  text-align: right;

  padding-right: 4px;

  margin-top: 30px;
}

.alignright a {
  margin-left: 36px;
}

.aligncenter {
  text-align: center;
}

.wrapper {
  width: 100%;

  overflow: hidden;

  direction: rtl;
}

.container {
  margin: 0 auto;
}

/*==== GLOBAL =====*/

#main {
  margin: 0 auto;
  width: 100%;
  padding-bottom: 20px;
}

#header {
  position: relative;

  margin: 0 auto;

  height: 204px;
}

.margin_bottom {
  margin-bottom: 5px;
}

.align-right {
  direction: rtl;
  text-align: right;
}

.align-left {
  direction: ltr;
  text-align: left;
}

.align-center {
  text-align: center;
}

/*---- tailings ----*/

.tail-top {
  background: url(images/tail-top.gif) left top repeat-x #ffbb00;
}

.tail-bottom {
  background: url(images/tail-bottom.gif) left bottom repeat-x;
}

/*----- forms parameters -----*/

input,
select,
textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;

  vertical-align: middle;

  font-weight: normal;
}

/*----- other -----*/

.img-indent {
  margin: 0px 16px 0 0;

  float: left;

  position: relative;
}

.img-indent2 {
  margin: 5px 30px 0 0;

  float: left;
}

.black {
  color: #000;
}

.pad_top {
  padding: 15px 0 0 0;
}

.pad_top2 {
  padding-top: 3px !important;
}

.pad_top3 {
  padding-top: 6px !important;
}

.img-box {
  width: 100%;

  overflow: hidden;

  padding-bottom: 20px;
}

.img-box img {
  float: left;

  margin: 0 20px 0 0;
}

.extra-wrap {
  overflow: hidden;
}

p {
  margin-bottom: 19px;
}

.p1 {
  margin: 13px 0 23px 0 !important;
}

.p2 {
  margin-bottom: 11px !important;
}

.p3 {
  margin-bottom: 10px;
}

.p4 {
  margin: 0 17px;
}

.pt17 {
  font-size: 1.21em;

  line-height: 1.19em;
}

.pt13 {
  font-size: 0.92em;

  line-height: 1.38em;
}

.pt11 {
  font-size: 11px;

  margin-left: 4px;
}

.pt {
  font-size: 0.84em;

  line-height: 1.2em;
}

.margin20 {
  margin-bottom: 20px;
}

.marg1 {
  margin-right: 1px;
}

.margin_top {
  padding-top: 19px;
}

.margin30 {
  margin-bottom: 30px !important;
}

.margin40 {
  margin-bottom: 40px;
}

.or_link span {
  margin: 0 7px;

  color: #ff4000;
}

.more {
  font-size: 1.69em;

  color: #020202;

  padding: 0 0 0 20px;

  background: url(images/arrow_right.gif) no-repeat 0% 11px;

  line-height: 1.2em;

  display: block;

  float: right;

  margin-left: 20px;
}

/*----- txt, links, lines, titles -----*/

a {
  color: #890b0b;

  outline: none;

  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.non_underline {
  text-decoration: none !important;
}

.non_underline:hover {
  text-decoration: underline;
}

.flatpickr-calendar .flatpickr-months .flatpickr-month {
  height: 35px;
}

h1 {
  color: #560707;

  font-size: 21px;

  font-weight: bold;

  position: relative;

  font-family: "Times New Roman", Times, serif;

  padding: 8px 0 7px;

  text-transform: uppercase;

  text-align: center;

  margin-bottom: 14px;

  font-size: 28px;

  font-family: "Segoe UI", sans-serif;
}

h1 span {
  color: #4d8801;

  font-size: 0.9em;

  line-height: 1.2em;

  margin-top: -10px;

  display: block;
}

h2 {
  color: #c95933;

  font-size: 1.14em;

  margin: 0 0 29px 0;

  font-weight: normal;

  font-style: italic;
}

h2 span {
  color: #792913;

  font-size: 0.64em;

  font-style: italic;

  display: block;

  margin-top: -4px;

  line-height: 1.2em;
}

h3 {
  font-size: 1.85em;

  padding-bottom: 9px;

  color: #3e403c;

  margin-bottom: 36px;

  font-weight: bold;

  border-bottom: 2px solid #d4dea5;
}

h4 {
  color: #4b8501;

  margin-bottom: 20px;

  font-size: 1.14em;

  font-weight: normal;

  line-height: 1.375em;
}

h5 {
  color: #fff;

  font-size: 1.64em;

  font-weight: bold;

  background: url(images/title_bg.gif) no-repeat 0% 0%;

  width: 248px;

  height: 39px;

  padding: 13px 0 0 24px;
}

.link1 {
  display: block;

  float: left;

  background: url(images/link1-bgd.gif) left top repeat-x;

  color: #fff;

  text-decoration: none;
}

.link1:hover {
  text-decoration: underline;
}

.link1 em {
  display: block;

  background: url(images/link1-left.gif) no-repeat left top;
}

.link1 b {
  display: block;

  background: url(images/link1-right.gif) no-repeat right top;

  padding: 2px 15px 2px 15px;

  font-weight: normal;
  font-style: normal;
}

.button {
  background: url(images/button_bgs2.gif) repeat-x 0% 0%;

  position: relative;

  height: 20px;

  font-size: 0.85em;

  margin-left: 13px;

  text-decoration: none;

  color: #5d9103;

  padding: 0 5px;

  line-height: 1.2em;

  padding-top: 3px;

  display: inline-block;
}

.button:hover {
  color: #c95933;
}

.button .button_bgs1 {
  display: block;

  background: url(images/button_bgs1.gif) no-repeat 0% 0%;

  height: 20px;

  width: 13px;

  position: absolute;

  left: -13px;

  top: 0;
}

.button .button_bgs2 {
  background: url(images/button_bgs3.gif) no-repeat 100% 0%;

  position: absolute;

  right: -11px;

  width: 11px;

  height: 20px;

  top: 0;
}

.line-hor2 {
  background: #d1d3c7;

  height: 1px;

  overflow: hidden;

  font-size: 0;

  line-height: 0;

  margin: 30px 0 30px 0;
}

.line-hor_top {
  background: #1c1c1c;

  height: 1px;

  overflow: hidden;

  font-size: 0;

  line-height: 0;

  margin: 0px 40px 40px;
}

.border-top {
  border-top: 6px solid #d1d3c7;
}

/*==================boxes====================*/

.box {
  background: #fff;

  width: 100%;
}

.box .border-top {
  background: url(images/border-top.gif) repeat-x top;
}

.box .border-bot {
  background: url(images/border-bot.gif) repeat-x bottom;
}

.box .border-left {
  background: url(images/border-left.gif) repeat-y left;
}

.box .border-right {
  background: url(images/border-right.gif) repeat-y right;
}

.box .left-top-corner {
  background: url(images/left-top-corner.gif) no-repeat left top;
}

.box .right-top-corner {
  background: url(images/right-top-corner.gif) no-repeat right top;
}

.box .left-bot-corner {
  background: url(images/left-bot-corner.gif) no-repeat left bottom;
}

.box .right-bot-corner {
  background: url(images/right-bot-corner.gif) no-repeat right bottom;
}

.box .inner {
  padding: 39px 26px 8px 26px;
}

.block_bg {
  background: url(images/block_bg.gif) repeat-y 0% 0%;
}

.block_bg2 {
  background: url(images/block_bg2.gif) no-repeat 0% 0%;

  width: 272px;

  height: 19px;
}

.address dt {
  padding-bottom: 22px;
}

.address dd {
  clear: both;

  text-align: right;

  width: 196px;
}

.address dd span {
  float: left;
}

.address2 {
  width: 228px;

  display: inline-block;

  margin-bottom: 15px;
}

.address2 dt {
  font-weight: bold;

  color: #890b0b;
}

.address2 dd {
  clear: both;

  text-align: right;
}

.address2 dd span {
  float: left;
}

.address2 dd strong {
  margin-right: 30px;

  font-weight: normal;
}

.blue {
  text-transform: uppercase;

  color: #0996de;

  font-size: 0.76em;
}

/*===== header =====*/

.flash {
  position: absolute;

  width: 100%;

  /*height:171px;*/
  height: auto;

  top: 0;
}
.flash.menu {
  background: rgba(175, 165, 151, 0.2);
  border-bottom: 1px solid #afa597;
  height: 35px;
  position: relative;
  top: 135px;
  text-align: center;
}
.flash.menu ul li {
  list-style: none;
  display: inline;
  /*height:35px;*/
  padding: 8px 40px;
  line-height: 35px;
  margin: 0 -3px;
  border-right: 1px solid #afa597;
  /*border-left:1px solid #afa597;*/
}
.flash.menu ul li.first {
  border-right: none;
}
.flash.menu ul li a {
  color: #4d0000;
  height: 35px;
  text-decoration: none;
}
.flash.menu ul li:hover,
.flash.menu ul li:active {
  background: url(images/menu_act.gif) center center repeat-x;
}
.flash2 {
  position: absolute;

  width: 100%;

  height: auto;
}

/*===== content =====*/

#content {
  color: #736357;

  margin-top: 60px;
}

#content h1 {
  text-align: center;
  width: 100%;
}
#content .preview h1 {
  width: auto;
}

.container {
  background: url(images/cont_bg.gif) no-repeat 0% 0%;
}

.top_block {
  background: #e3e5da url(images/dot.gif) repeat-x 0% 100%;

  padding: 39px 30px 46px 29px;

  margin-bottom: 47px;

  color: #4a4c40;
}

/* .row {

	width:876px;

	margin:0 auto 0;

	padding:28px 0 50px

} */

.row2 {
  margin: 0 auto;

  background: #e0e2e3;

  border-top: 1px solid #d9dbdc;

  padding-top: 8px;
}

.link {
  text-decoration: underline;

  display: inline-block;

  margin-left: 10px;
}

.link:hover {
  text-decoration: none;
}

.grey {
  color: #444;
}

.red {
  color: #890b0b;
}

.green {
  color: #4b8501 !important;

  text-decoration: underline !important;
}

.green:hover {
  color: #4b8501 !important;

  text-decoration: none !important;
}

.green2 {
  color: #4b8501 !important;

  text-decoration: none !important;
}

.green2:hover {
  color: #4b8501 !important;

  text-decoration: underline !important;
}

/*===== footer =====*/

#footer {
  width: 100%;

  margin: 0 auto;

  color: #566c7f;

  height: 116px;

  position: relative;

  background: url(images/foot_bg.gif) no-repeat 0% 100%;
}

#foot {
  width: 866px;

  margin: 0 auto;

  height: 116px;

  position: relative;

  text-align: center;
}

.copy {
  color: #aba193;

  font-size: 9px;

  padding-top: 53px;
}

.copy span {
  margin: 0 7px;
}

.copy a {
  color: #aba193;

  text-decoration: none;
}

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

.bottom_menu {
  position: absolute;

  /*margin:18px 0 0 218px;*/

  font-size: 11px;

  color: #96897d;

  text-transform: uppercase;

  left: 0;

  width: 866px;

  text-align: center;
}

.bottom_menu a {
  text-transform: uppercase;

  color: #96897d;

  text-decoration: none;

  margin-right: 20px;
}

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

/*----- forms -----*/

.form input,
.form textarea {
  display: block;

  color: #736357;

  border: 1px solid #303030 !important;

  margin-bottom: 10px;

  border-bottom: none !important;

  border-right: none !important;

  font-size: 14px;

  line-height: 14px;
}

.form .sel {
  width: 276px;

  margin-bottom: 10px;
}

.form input {
  width: 265px;

  background: #fff;

  border: none;

  height: 16px;

  padding: 2px 5px 0 5px;
}

.form textarea {
  width: 265px;

  height: 214px;

  border: none;

  background: #fff;

  overflow: auto;

  padding: 2px 5px 0 5px;

  margin-bottom: 24px;
}

.form_booking input,
.form_booking textarea {
  color: #736357;

  border: 1px solid #303030 !important;

  border-bottom: none !important;

  border-right: none !important;

  font-size: 14px;
}

.input_stroke {
  height: 28px;
}

.form_booking .sel {
  width: 261px;

  margin-bottom: 10px;

  color: #736357;
}

.row_form {
  height: 32px;
}

.row_form select {
  width: 49px;

  margin-left: 10px;
}

.form_booking input {
  width: 250px;

  background: #fff;

  border: none;

  padding: 2px 5px 2px 5px;
}

.form_booking textarea {
  width: 250px;

  height: 254px;

  border: none;

  background: #fff;

  overflow: auto;

  padding: 2px 5px 0 5px;

  margin-bottom: 24px;
}

/*==========================================*/

.text_indent {
  padding: 17px 0 0 20px;

  position: relative;
}

.text_indent2 {
  padding: 0 0 0 20px;

  position: relative;
}

.width259 {
  width: 259px;
}

.list {
  list-style: none;

  margin-bottom: 18px;
}

.list li {
  background: url(images/mark_bg.gif) no-repeat 0% 5px;

  position: relative;

  padding: 0px 0 1px 19px;
}

.list li a {
  color: #890b0b;

  text-decoration: none;

  line-height: 23px;
}

.list li a:hover {
  text-decoration: underline;
}

.list2 {
  list-style: none;
}

.list2 li {
  position: relative;

  overflow: hidden;

  vertical-align: top;

  padding: 0;

  height: 18px;
}

.list2 li span {
  float: right;
}

.list2 li strong {
  background: url(images/dot.gif) repeat-x 0% 13px;

  display: block;

  overflow: hidden;

  line-height: 18px;
}

.list2 li a {
  color: #890b0b;

  text-decoration: none;

  float: left;

  font-weight: bold;

  line-height: 18px;
}

.list2 li a:hover {
  text-decoration: underline;
}

.form_bg {
  background: url(images/inp_bg.gif) no-repeat 0% 0%;

  width: 249px;

  height: 22px;

  position: relative;

  margin-bottom: 6px;
}

.no_marg {
  margin: 0 !important;
}

.no_pad {
  padding: 0 !important;
}

.no_bg {
  background: none !important;
}

.upercase {
  text-transform: uppercase;
}

.arrow img {
  margin: 3px 0 0 5px;
}

.buttons {
  text-align: right;

  padding-left: 76px;
}

.buttons a {
  margin-left: 17px !important;

  text-align: left;

  display: inline;

  float: left;
}

.no_bord {
  border: none !important;
}

.spacer {
  margin: 0 8px;
}

.bottom_block {
  margin: 79px 0 0 17px;
}

.table {
  border-top: 1px solid #d1d3c7;

  border-left: 1px solid #d1d3c7;
}

.table td {
  border-right: 1px solid #d1d3c7;

  border-bottom: 1px solid #d1d3c7;

  padding: 5px 10px 4px 10px;
}

.stroke {
  height: 26px;

  clear: both;

  text-align: right;
}

.stroke span {
  float: left;
}

.stroke input {
  width: 189px;

  background: #ebede4;

  border: 1px solid #d1d3c7;
}

.form_block {
  margin-bottom: 25px;
}

.news {
  position: relative;

  padding: 0 0 0 64px;

  font-size: 0.92em;

  margin-bottom: 40px;

  line-height: 1.42em;
}

.date {
  background: url(images/date_bg.gif) no-repeat 0% 0px;

  position: absolute;

  left: 0;

  width: 46px;

  height: 52px;

  text-align: center;

  padding: 0px 0 0 0;

  color: #fff;

  line-height: 1.65em;
}

.date strong {
  display: block;

  font-size: 1.38em;
}

.inner {
  padding: 39px 20px 8px 26px;
}

.work_img {
  margin-bottom: 12px;
}

.buttons_block {
  background: url(images/buttons_bg.gif) repeat-x 0% 0%;

  height: 30px;

  text-align: center;
}

.buttons_block a {
  background: url(images/bgs2.gif) repeat-x 0% 0%;

  display: inline-block;

  font-size: 12px;

  color: #fff;

  font-weight: bold;

  text-decoration: none;

  text-transform: uppercase;
}

.buttons_block a:hover {
  color: #890b0b;
}

.buttons_block a span {
  background: url(images/bgs1.gif) no-repeat 0% 0%;

  display: inline-block;
}

.buttons_block a span span {
  background: url(images/bgs3.gif) no-repeat 100% 0%;

  display: inline-block;

  height: 19px;

  padding: 0px 20px;

  cursor: pointer;

  font-size: 14px;
}

.gallery_block {
  background: url(images/buttons_bg.gif) repeat-x 0% 0%;

  height: 22px;

  padding: 0 0 0 78px;
}

.plaintext {
  text-align: right;

  float: right;

  line-height: 26px;

  direction: rtl;
}

.engLink a {
  font-size: 15px;
  color: #fff;
  font-weight: bold;
  padding: 3px;
}

.cleanContact {
  background-color: #b2a998;
  color: #6d0000;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
  *padding: 8px;
}

.card {
  border: none;
  background: none;
}

.card h1 {
  padding: 0;
  margin: 0;
  color: white;
}

.card > .section {
  background: rgba(0, 0, 0, 0.5);
}

/* gili */

.index-spa-image {
  width: 100%;
  margin: 0 auto;
  display: block;
}

.full-width {
  width: 100%;
}

.images.row {
  margin-bottom: 5px;
}

/*Olive*/
.container.zimmer {
  width: 90%;
}

/*Contact*/

.form-labels {
  color: white;
  font-size: 18px;
  line-height: 45px;
}

#contactForm {
  padding: 0 100px;
  background: inherit;
  border: none;
}

.dates-input {
  direction: ltr;
  width: 100%;
}

@media (min-width: 1024px) {
  .description {
    width: 99%;
  }
  .container-margin-bottom {
    margin-bottom: 300px;
  }
}

@media (max-width: 1024px) {
  .description {
    width: 99%;
  }
}

@media (max-width: 769px) {
  #header ul li a {
    font-size: 16px;
  }
  .description {
    width: 99%;
  }
  .margin_bottom_mobile {
    margin-bottom: 5px;
  }
  #contactForm  .col-sm-12.align-left {
    text-align: right;
    direction: rtl;
  }
  #contactForm {
    padding: 5px;
  }
}