.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: stretch;
  padding: 30px 0; }
  .flex-container .flexbox {
    width: 50%; }
  .flex-container.our-resorts-contacts {
    flex-wrap: wrap; }
    .flex-container.our-resorts-contacts .flexbox {
      width: 25%;
      margin-bottom: 3.8em;
      padding: 0 2%; }
      .flex-container.our-resorts-contacts .flexbox:lang(ar) {
        direction: rtl; }
      .flex-container.our-resorts-contacts .flexbox .tel:lang(ar) {
        direction: rtl; }
      .flex-container.our-resorts-contacts .flexbox .tel a:lang(ar) {
        direction: ltr;
        unicode-bidi: embed; }
      .flex-container.our-resorts-contacts .flexbox .fax:lang(ar) {
        direction: rtl; }
      .flex-container.our-resorts-contacts .flexbox .fax span:lang(ar) {
        direction: ltr;
        unicode-bidi: embed; }

.our-resorts-contacts .tel:lang(ar) {
  direction: rtl; }

.our-resorts-contacts .tel a:lang(ar) {
  direction: ltr;
  unicode-bidi: embed; }

ul.accordion .inner bdo {
  font-family: "Times New Roman", serif; }

@media screen and (max-width: 1100px) {
  .regional-title {
    margin-top: 40px !important; }
  ul.accordion {
    padding: 0 2% !important; }
  .flex-container .flexbox {
    width: 100%; }
  .flex-container.our-resorts-contacts .flexbox {
    width: 50%; } }

@media screen and (max-width: 1440px) {
  .flex-container.our-resorts-contacts .flexbox {
    width: 33%; } }

@media screen and (max-width: 928px) {
  .flex-container.our-resorts-contacts .flexbox {
    width: 50%; } }

@media screen and (max-width: 580px) {
  .flex-container.our-resorts-contacts .flexbox {
    width: 100%; } }

.regional-title {
  text-transform: uppercase;
  font-family: "Tw Cen MT W01 Bold Cond",Arial,Helvetica,sans-serif !important;
  font-size: 28px !important; }
  .regional-title:lang(ar) {
    font-size: 32px !important;
    font-weight: 600; }

ul.accordion {
  list-style: none;
  padding: 0 10%; }
  ul.accordion .inner {
    overflow: hidden;
    display: none;
    background: #fff;
    padding: 3em; }
    ul.accordion .inner:lang(ar) {
      padding: 3em 0 3em 3em; }
    ul.accordion .inner .name {
      font-size: 18px;
      font-weight: bold; }
  ul.accordion li {
    margin: 0; }
    ul.accordion li a.toggle {
      width: 100%;
      display: block;
      background: transparent;
      padding: 1em 0 1em 0.5em;
      border-bottom: 1px solid white;
      transition: all 0.3s ease;
      font-size: 18px;
      font-family: "Tw Cen MT W01 Bold Cond", Arial, Helvetica, sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.02em; }
      ul.accordion li a.toggle:lang(ar) {
        font-size: 19px; }
      ul.accordion li a.toggle svg {
        margin-right: 0.5em;
        position: relative;
        top: 2px;
        transition: all 0.5s ease-in-out; }
      ul.accordion li a.toggle:hover {
        color: #303030; }
      ul.accordion li a.toggle:focus {
        color: #303030; }

ul.accordion li a.toggle.active {
  color: #303030 !important; }

ul.accordion li a.toggle.active:focus {
  color: #303030 !important; }

ul.accordion li a.toggle.active svg {
  transform: rotate(90deg); }

ul.accordion li a.toggle.active svg * {
  fill: #303030; }

.contact-container {
  padding-top: 20px; }
  .contact-container .umbraco-forms-navigation {
    padding: 1em 2%; }
  .contact-container .confirmation-message {
    display: none; }
    .contact-container .confirmation-message.active {
      display: block; }
  .contact-container .umbraco-forms-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .contact-container .umbraco-forms-container .umbraco-forms-field {
      width: 50%;
      padding: 0 2%;
      margin: 0 0 10px 0; }
      .contact-container .umbraco-forms-container .umbraco-forms-field.title {
        width: 50%; }
      .contact-container .umbraco-forms-container .umbraco-forms-field.email {
        width: 100%; }
      .contact-container .umbraco-forms-container .umbraco-forms-field.address {
        width: 100%; }
      .contact-container .umbraco-forms-container .umbraco-forms-field.yourrequest {
        width: 100%; }
      .contact-container .umbraco-forms-container .umbraco-forms-field.chooseahotel {
        width: 100%; }
        .contact-container .umbraco-forms-container .umbraco-forms-field.chooseahotel .checkboxlist {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap; }
          .contact-container .umbraco-forms-container .umbraco-forms-field.chooseahotel .checkboxlist .checkbox-container {
            width: 50%;
            cursor: pointer; }

@media screen and (max-width: 765px) {
  .contact-container .umbraco-forms-container .umbraco-forms-field {
    width: 100%; }
    .contact-container .umbraco-forms-container .umbraco-forms-field.title {
      width: 100%; }
    .contact-container .umbraco-forms-container .umbraco-forms-field.chooseahotel .checkboxlist .checkbox-container {
      width: 100%; } }

.contact-container .umbraco-forms-container .umbraco-forms-field.chooseahotel .checkboxlist input {
  width: auto;
  margin: 10px; }

.contact-container .umbraco-forms-container .umbraco-forms-field.shareemailaddress {
  display: flex;
  flex-direction: row; }

.contact-container .umbraco-forms-container .umbraco-forms-field.shareemailaddress label {
  padding-left: 0;
  order: 2;
  position: relative;
  cursor: pointer;
  padding: 0; }

.contact-container .umbraco-forms-container .umbraco-forms-field.shareemailaddress label:before {
  top: 0 !important; }

.contact-container .umbraco-forms-container .umbraco-forms-field.shareemailaddress label:after {
  top: 9px !important; }

.contact-container .umbraco-forms-container .umbraco-forms-field.shareemailaddress input {
  position: relative;
  margin: 0;
  width: auto;
  order: 1; }

.contact-container .umbraco-forms-container .umbraco-forms-field input,
.contact-container .umbraco-forms-container .umbraco-forms-field select,
.contact-container .umbraco-forms-container .umbraco-forms-field textarea {
  width: 100%;
  padding: 10px;
  font-family: "KingsCaslon-Regular", Arial, Helvetica, sans-serif;
  color: #303030;
  outline: none;
  font-size: 15px;
  background-color: #fff;
  height: 100%; }
  .contact-container .umbraco-forms-container .umbraco-forms-field input:lang(ar),
  .contact-container .umbraco-forms-container .umbraco-forms-field select:lang(ar),
  .contact-container .umbraco-forms-container .umbraco-forms-field textarea:lang(ar) {
    font-size: 17px; }

.contact-container .umbraco-forms-navigation .btn:lang(ar) {
  font-size: 18px; }

.contact-container .umbraco-forms-container .umbraco-forms-field .select-box {
  width: 100%;
  height: 42px;
  position: relative;
  overflow: hidden; }

.contact-container .umbraco-forms-container .umbraco-forms-field .checkboxlist input,
.contact-container .umbraco-forms-container .umbraco-forms-field.checkbox input {
  position: absolute;
  left: -99999999px; }

.contact-container .umbraco-forms-container .umbraco-forms-field .checkboxlist label,
.contact-container .umbraco-forms-container .umbraco-forms-field.checkbox label {
  margin: 6px 0; }

.contact-container .umbraco-forms-container .umbraco-forms-field .checkboxlist label:before,
.contact-container .umbraco-forms-container .umbraco-forms-field.checkbox label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: white;
  border: 1px solid rgba(84, 82, 82, 0.5);
  position: relative;
  top: -2px; }

body.ar .contact-container .umbraco-forms-container .umbraco-forms-field .checkboxlist label:before,
body.ar .contact-container .umbraco-forms-container .umbraco-forms-field.checkbox label:before {
  margin-left: 10px;
  margin-right: 0; }

body.ar .contact-container .umbraco-forms-container .umbraco-forms-field .checkboxlist input,
body.ar .contact-container .umbraco-forms-container .umbraco-forms-field.checkbox input {
  left: 99999999px; }

body.ar .contact-container .umbraco-forms-container .umbraco-forms-field .checkboxlist label.checked:after,
body.ar .contact-container .umbraco-forms-container .umbraco-forms-field.checkbox label.checked:after {
  left: inherit;
  right: 13px; }

.contact-container .umbraco-forms-container .umbraco-forms-field .checkboxlist label:hover:before,
.contact-container .umbraco-forms-container .umbraco-forms-field.checkbox label:hover:before {
  background: #EDE6E1; }

.contact-container .umbraco-forms-container .umbraco-forms-field .checkboxlist label.checked:before,
.contact-container .umbraco-forms-container .umbraco-forms-field.checkbox label.checked:before {
  background: #EDE6E1; }

.contact-container .umbraco-forms-container .umbraco-forms-field .checkboxlist label.checked:focus + label:before,
.contact-container .umbraco-forms-container .umbraco-forms-field.checkbox label.checked:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }

.contact-container .umbraco-forms-container .umbraco-forms-field .checkboxlist label.checked:checked + label:before,
.contact-container .umbraco-forms-container .umbraco-forms-field.checkbox label.checked:checked + label:before {
  background: #EDE6E1; }

.contact-container .umbraco-forms-container .umbraco-forms-field .checkboxlist label.checked:disabled + label,
.contact-container .umbraco-forms-container .umbraco-forms-field.checkbox label.checked:disabled + label {
  color: #EDE6E1;
  cursor: auto; }

.contact-container .umbraco-forms-container .umbraco-forms-field .checkboxlist label.checked:disabled + label:before,
.contact-container .umbraco-forms-container .umbraco-forms-field.checkbox label.checked:disabled + label:before {
  box-shadow: none;
  background: #EDE6E1; }

.contact-container .umbraco-forms-container .umbraco-forms-field .checkboxlist label.checked:after,
.contact-container .umbraco-forms-container .umbraco-forms-field.checkbox label.checked:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 8px;
  background: black;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 black, 4px 0 0 black, 4px -2px 0 black, 4px -4px 0 black, 4px -6px 0 black, 4px -8px 0 black;
  transform: rotate(45deg); }

.contact-container .umbraco-forms-submitmessage p {
  font-size: 16px;
  line-height: 1.4em; }
  .contact-container .umbraco-forms-submitmessage p:lang(ar) {
    font-size: 18px;
    line-height: 1.5em; }

#our-resorts-contacts {
  padding: 0 1.5%; }
  #our-resorts-contacts .our-resorts-contacts .title {
    font-size: 20px;
    font-family: "Tw Cen MT W01 Bold Cond", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding-bottom: 15px;
    letter-spacing: 0.03em; }
    #our-resorts-contacts .our-resorts-contacts .title:lang(ar) {
      font-size: 21px; }
  #our-resorts-contacts .our-resorts-contacts .social-links {
    margin: 0;
    padding: 18px 0 0 0; }
    #our-resorts-contacts .our-resorts-contacts .social-links li {
      display: inline-block;
      padding-right: 15px; }
  #our-resorts-contacts .optional-title {
    text-transform: uppercase; }