@charset "UTF-8";
@import url(fontiran.css);
/*********************** public ******************************/
/*body*/
@font-face {
  font-family: "IRANSansWeb";
  font-style: normal;
  font-weight: normal;
  src: url("../plugins/fonts/IRANSansWeb.eot?#iefix") format("embedded-opentype"), url("../plugins/fonts/IRANSansWeb.woff") format("woff"), url("../plugins/fonts/IRANSansWeb.TTF") format("truetype"); }

@font-face {
  font-family: "IRANSansWebbold";
  font-style: normal;
  font-weight: normal;
  src: url("../plugins/fonts/IRANSansWeb_Bold.eot?#iefix") format("embedded-opentype"), url("../plugins/fonts/IRANSansWeb_Bold.woff") format("woff"), url("../plugins/fonts/IRANSansWeb_Bold.TTF") format("truetype"); }

body, html {
  font-family: "IRANSansWeb" !important;
  font-size: 15px;
  padding: 0px !important; }

h1, h2, h4, h5, h3 {
  font-family: "IRANSansWeb" !important; }

p {
  line-height: 36px;
  font-family: "IRANSansWeb" !important; }

span {
  font-family: "IRANSans" !important; }

a {
  color: #ebbb79; }

a:hover {
  transition: all .2s ease-in-out;
  color: #009b9c; }

.text-mainColor {
  color: #009b9c; }

.border-right-box {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; }

.border-left-box {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px; }

.background-gray {
  background-color: #f2f5f5; }

/****** Start fullPage **********/
#fullpage {
  height: 100%;
  position: relative;
  transform: translate3d(0px, 0px, 0px); }

.full-page-inner {
  padding-top: 3%;
  overflow: hidden; }

#fp-slider {
  padding-top: 0 !important; }

#fp-nav ul li .fp-tooltip {
  background: #101010;
  padding: 0 5px;
  border-radius: 4px;
  font-family: IRANSansWeb;
  font-size: 13px; }

#fp-nav ul li a span, .fp-slidesNav ul li a span {
  border: solid 2px #edbd73;
  font-family: IRANSansWeb; }

@media (max-width: 767px) {
  .full-page-inner {
    padding-top: 0; } }

/********** End fullPage ******/
/********/
.title-section {
  color: #000;
  padding: 8px;
  text-align: center; }

.title-section-padding {
  padding: 40px 0; }

.shape {
  display: inline-block;
  vertical-align: middle !important;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 1px; }

.title-section .shape-after {
  background-image: url(../images/title-section.png);
  content: "";
  height: 69px;
  width: 176px;
  background-size: cover;
  margin-right: 14px;
  display: inline-block;
  vertical-align: middle !important; }

.title-section .shape-before {
  background-image: url(../images/title-section-right.png);
  content: "";
  height: 69px;
  width: 176px;
  background-size: cover;
  margin-left: 14px;
  display: inline-block;
  vertical-align: middle !important; }

@media (max-width: 999px) {
  .title-section .shape-after {
    background-image: url(../images/title-xs.png);
    height: 72px;
    width: 45px;
    margin-right: 10px; }
  .title-section .shape-before {
    background-image: url(../images/title-xs.png);
    height: 72px;
    width: 45px;
    transform: rotate(180deg); } }

@media (max-width: 767px) {
  .shape {
    font-size: 13px;
    letter-spacing: 0; } }

@media (max-width: 450px) {
  .title-section {
    padding: 10px 0; } }

/***********/
.btn-public-dark {
  color: #ebbb79;
  padding: 15px 30px;
  font-weight: bold;
  display: inline-block;
  position: relative;
  background-color: #000; }

.btn-public-dark:before {
  content: "";
  height: 100%;
  width: 32px;
  background-image: url(../images/btn-public-dark.PNG);
  position: absolute;
  right: -31px;
  top: 0px;
  background-size: cover;
  transform: rotate(180deg); }

.btn-public-dark:after {
  content: "";
  height: 100%;
  width: 32px;
  background-image: url(../images/btn-public-dark.PNG);
  position: absolute;
  left: -31px;
  top: 0px;
  background-size: cover; }

.btn-public-dark:hover {
  background-color: #005859;
  color: #ebbb79; }
  .btn-public-dark:hover:before {
    background-image: url(../images/btn-Public-green.png);
    transition: all .2s ease-in-out; }
  .btn-public-dark:hover:after {
    background-image: url(../images/btn-Public-green.png);
    transition: all .2s ease-in-out; }

/********************/
.btn-public-green {
  color: #ebbb79;
  padding: 15px 30px;
  font-weight: bold;
  display: inline-block;
  position: relative;
  background-color: #005859; }

.btn-public-green:before {
  content: "";
  height: 100%;
  width: 34px;
  position: absolute;
  right: -31px;
  top: 0px;
  background-size: cover;
  transform: rotate(180deg);
  background-image: url(../images/btn-Public-green.png); }

.btn-public-green:after {
  content: "";
  height: 100%;
  width: 34px;
  position: absolute;
  left: -31px;
  top: 0px;
  background-size: cover;
  background-image: url(../images/btn-Public-green.png); }

.btn-public-green:hover {
  background-color: #111;
  color: #ebbb79; }
  .btn-public-green:hover:before {
    background-image: url(../images/btn-public-dark.PNG);
    transition: all .2s ease-in-out; }
  .btn-public-green:hover:after {
    background-image: url(../images/btn-public-dark.PNG);
    transition: all .2s ease-in-out; }

/*******************/
.btn-public-small {
  padding: 7px 14px;
  font-size: 11px;
  font-weight: normal; }

.btn-public-small:before {
  width: 18px;
  right: -18px; }

.btn-public-small:after {
  width: 18px;
  left: -18px; }

/*******************/
.bg-color {
  background-color: #e8ecec; }

.all-section {
  padding: 10px 0; }

.fa-icone {
  color: #e2b678;
  vertical-align: sub;
  padding-left: 7px; }

.content_module {
  min-height: 173px; }

/*.content-home-page {
    margin-top: 40px;
}*
/**************************************** end public***********************************/
/****************************************header***********************************/
.header {
    background-color: #005859;
    box-shadow: 0 2px 4px #b7b7b7;
}

.header.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999; }

/*
.header-fixed #menu-button {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1050;
    height: 100%;
    padding-top: 7px;
    cursor: pointer;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
}

.header-fixed #menu-button > div > span {
    display: block;
    width: 23px;
    height: 4px;
    background: white;
    margin: 3px auto;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
}

.header-fixed #menu-button > div, {
    display: inline-block;
    vertical-align: top;
    margin-right: 0;
}
*/
.lan-menu-a, .a-login, .a-reservation {
  font-family: IRANSansWeb;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  margin: 3px; }

.lan-menu-a:hover, .a-login:hover, .a-reservation:hover {
  color: #e2b678;
  transition: all .2s ease-in-out; }

.a-login:before, .a-reservation:before {
  color: #e2b678;
  transition: all .2s ease-in-out; }

.a-login:before:hover, .a-reservation:before:hover {
  color: #fff; }

.lan-menu {
  margin-left: 13px; }

.tel-span {
  color: #e2b678;
  transition: all .2s ease-in-out;
  color: #ffb204;
  margin-top: 2px;
  /*animation: an-color-light 3s infinite alternate;*/ }

.tel-span::before {
  content: "|";
  margin-left: 6px;
  color: #009b9c; }

@-webkit-keyframes an-color-light {
  0% {
    color: #ebbb79; }
  100% {
    color: #e8e0d3; } }

@keyframes an-color-light {
  0% {
    color: #ebbb79; }
  100% {
    color: #e8e0d3; } }

.lan-menu-li::after {
  content: ".";
  font-weight: bold;
  color: #fff;
  margin-left: 6px; }

.lan-menu-li:last-child::after {
  display: none; }

/*.a-reservation::after {
    content: "|";
    margin-left: 7px;
    margin-right: 15px;
    color: $LightMainColor;
}*/
@media (max-width: 767px) {
  .div-lang-menu {
    float: left; }
  .reservation-signup {
    float: left; }
  .reservation-signup span {
    display: none !important; }
  .header .tel-span {
    display: none !important; }
  .ul-lang-md {
    display: none !important; }
  .navbar-collapse {
    display: block;
    font-size: 15px;
    position: fixed;
    z-index: 999;
    top: 39px;
    right: 0; }
  #navigation > .menu-li, #navigation > .current-menu-item {
    margin: 0; }
  #fullpage {
    transform: initial; } }

@media (min-width: 767px) {
  .ul-lang-xs {
    display: none !important; } }

/*************** modal login ******************/
.label-login {
  right: 0 !important;
  position: absolute;
  top: 0; }

.p-login-frm {
  justify-content: flex-start !important; }

.btn-modal-frm-login {
  background-color: #e2b678;
  color: #000;
  font-weight: bold;
  font-size: 16px; }

.md-form {
  position: relative; }

/*
.modal .form-control {
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    outline: none;
}

.modal-header .close {
    outline: none !important;
    color: #fff !important;
    font-size: 16px !important;
}
.modal-title {
    font-size: 20px;
}
.lable-modal {
    color: #d6a25a;
}
*/
.rgba-stylish-strong {
  background: rgba(0, 0, 0, 0.7); }

.login-check-label {
  bottom: 0 !important; }

.div-checkbox {
  position: relative; }

.p-modal {
  margin-right: 10px;
  color: #e9d6bc;
  letter-spacing: 1px;
  display: inline-block; }

#LoginModalFrm .card-image {
  background-image: url(../images/loginfrm.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #e2b678; }

.form-dark .font-small {
  font-size: 0.8rem; }

.form-dark [type="radio"] + label,
.form-dark [type="checkbox"] + label {
  font-size: 0.8rem; }

.form-dark [type="checkbox"] + label:before {
  top: 2px;
  width: 15px;
  height: 15px; }

.form-dark .md-form label {
  color: #fff; }

.form-dark input[type=email]:focus:not([readonly]) {
  border-bottom: 1px solid #009b9c;
  -webkit-box-shadow: 0 1px 0 0 #009b9c;
  box-shadow: 0 1px 0 0 #009b9c; }

.form-dark input[type=email]:focus:not([readonly]) + label {
  color: #fff; }

.form-dark input[type=password]:focus:not([readonly]) {
  border-bottom: 1px solid #009b9c;
  -webkit-box-shadow: 0 1px 0 0 #009b9c;
  box-shadow: 0 1px 0 0 #009b9c; }

.form-dark input[type=password]:focus:not([readonly]) + label {
  color: #fff; }

/*.form-dark input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    top: 1px;
    right: -20px;
    width: 17px;
    height: 17px;
    z-index: 0;
    border: 1.5px solid #fff;
    border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}*/
/*.form-dark input[type="checkbox"]:checked + label:before {
    top: -6px;
    right: -13px;
    width: 12px;
    height: 22px;
    border-style: solid;
    border-width: 2px;
    border-color: transparent $LightMainColor $LightMainColor transparent;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}*/
.form-dark .modal-header {
  border-bottom: none; }

/**************************************Menu******************************* */
.img-menu {
  width: 50px;
  height: auto; }

#navigation > .logo:hover > a {
  border-bottom: none !important; }

.direct-child {
  margin-top: 19px !important; }

.main-menu {
  display: inline-block; }

.fig-menu {
  margin-bottom: 0; }

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

.navbar-collapse {
  display: block;
  font-size: 15px; }

.menu-flesh .fa-angle-down {
  /* vertical-align: middle; */
  color: #aeb1b1;
  position: absolute;
  top: 24px;
  left: 46%; }

.navbar-header {
  float: right;
  margin-left: 20px; }

.menu-li:hover .menu-flesh::after {
  color: #FFF !important; }

.menu-li:hover > .menu-flesh {
  color: #ebbb79 !important;
  border-radius: 4px; }

.menu-li:hover .menu-ul {
  background: #005859 !important;
  color: #FFF !important; }

#navigation > .menu-li:hover > .menu-ul > .menu-li {
  background: #eee !important;
  color: #101010 !important; }

#navigation > .menu-li:hover > .menu-ul > .menu-li {
  background: #f3f3f3 !important;
  color: #FFF !important; }

#navigation .menu-ul .menu-li .menu-flesh::after {
  font-family: FontAwesome;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  color: #CCC;
  font-size: 16px;
  margin-left: 0;
  content: "";
  position: absolute;
  left: 0;
  top: 2px; }

#navigation > .menu-li:hover > a {
  color: #ebbb79;
  border-bottom: 1px solid #e2b678;
  width: 100%; }

#navigation > .menu-li > .menu-ul > .menu-li > a {
  color: #101010; }

#navigation > .menu-li > .menu-ul > .menu-li > a:hover {
  color: #101010 !important; }

#navigation > .menu-li > .menu-ul > .menu-li:hover {
  background: #009b9c !important;
  color: #FFF !important; }

#navigation .menu-li .menu-ul .menu-li:hover, #navigation .menu-li .menu-ul .menu-li a:hover {
  background: #efc78f !important;
  color: #005859 !important; }

#navigation .menu-ul .menu-li:hover > .menu-flesh {
  color: #ebbb79;
  border-bottom: 1px solid #e2b678;
  width: 100%; }

#menu-button {
  display: none; }

#navigation > .menu-li, #navigation > .current-menu-item {
  margin: 4px 9px 0;
  perspective: 500px;
  display: table-cell;
  float: right;
  position: relative;
  padding: 0 0;
  z-index: 9; }

#navigation > .menu-li > a, #navigation > .menu-li > .menu-flesh {
  color: #0c0c0c;
  cursor: pointer;
  display: block;
  font-weight: bold;
  padding: 1px 8px;
  transition: color 0.1s ease 0s, background 0.3s ease 0s;
  font-size: 15px;
  font-weight: bold; }

#navigation .menu-li .menu-ul {
  box-shadow: -1px 1px 7px #a4a4a4;
  /*for menu-flex*/
  /* width: 175px !important;*/
  width: 310px !important;
  flex-wrap: wrap;
  /*display: block;*/
  display: inline-flex !important;
  justify-content: flex-start;
  overflow: hidden;
  text-overflow: ellipsis;
  /*for menu-flex*/
  opacity: 0;
  right: 0;
  transition: -moz-transform 0.5s ease 0s, opacity 0.3s ease 0s;
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  -moz-opacity: 0;
  transform: rotate3d(1, 0, 0, -90deg);
  transition: transform 0.5s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.5s, opacity 0.3s; }

#navigation .menu-ul .menu-ul {
  margin-right: 0;
  margin-top: 0;
  right: 100%;
  top: 0;
  z-index: 7000; }

#navigation .menu-li:hover > .menu-ul > .menu-li {
  display: block; }

#navigation .menu-li:hover > .menu-ul {
  width: 100%;
  display: block;
  -moz-opacity: 1;
  opacity: 1;
  transform: rotate3d(0, 0, 0, 0);
  -webkit-transform: rotate3d(0, 0, 0, 0);
  -moz-transform: rotate3d(0, 0, 0, 0);
  -ms-transform: rotate3d(0, 0, 0, 0);
  -o-transform: rotate3d(0, 0, 0, 0); }

#navigation .menu-li .menu-ul .menu-li {
  position: relative;
  /*for menu-flex*/
  display: inline-flex;
  justify-content: flex-start;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  /*for menu-flex*/ }

#navigation .menu-ul .menu-li > a, #navigation .menu-ul .menu-li > .menu-flesh {
  border-bottom: 1px solid #FFF;
  color: #FFF;
  display: block;
  padding: 8px;
  text-align: right;
  font-weight: bold; }

#navigation .menu-ul .menu-li:last-child, #navigation .menu-ul .menu-li:last-child > a, #navigation .menu-ul .menu-li:last-child > .menu-flesh {
  border-bottom: none; }

.menu-asli-small {
  padding: 0 7px;
  height: 39px;
  display: inline-block;
  float: right;
  margin-top: 1px;
  background: transparent; }

#navigation .menu-ul {
  background: #eee;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  display: none;
  position: absolute;
  text-align: center;
  top: 187%;
  z-index: 6000; }

@media (max-width: 991px) {
  .MainMenu-section {
    height: 0;
    z-index: 999;
    position: relative; }
  .navbar-nav {
    background: transparent !important;
    z-index: 9999 !important;
    position: fixed !important;
    width: 101% !important;
    top: 39px !important;
    right: 0;
    left: 0;
    padding: 0;
    margin: 0; }
  #navigation .menu-ul .menu-li .menu-flesh::after {
    display: none; }
  #navigation > .menu-li > a, #navigation > .menu-li > .menu-flesh {
    text-shadow: none; }
  .current-menu-item a {
    background: #005859;
    border-radius: 0;
    color: #fff !important; }
  .topmenu-ali-top-fix .lan-div {
    display: inline-block;
    padding: 18px 0; }
  .current-menu-item {
    display: none;
    background: #eee; }
  .main-ul .dropdown-button {
    top: 4px !important; }
  #menu-button {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1050;
    height: 100%;
    padding-top: 7px;
    cursor: pointer;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s; }
  #navigation.navigation-opened {
    -moz-opacity: 1;
    height: 100%;
    overflow-y: scroll;
    transition: height 0.7s ease 0s;
    -webkit-transition: height 0.7s ease 0s;
    display: block;
    background: #eee; }
  #navigation .menu-li {
    /* display: block !important;*/
    width: 100% !important;
    text-align: right; }
  #navigation .menu-li > a, #navigation .menu-li > .menu-flesh {
    color: #101010; }
  #navigation .menu-li .dropdown-opened > .dropdown-button {
    background: #ccd9dd url("../images/smallArrowup.png") no-repeat scroll center center; }
  .dropdown-opened > .menu-ul {
    -moz-opacity: 1 !important;
    opacity: 1 !important;
    max-height: 999px !important;
    display: inline !important; }
  #navigation .menu-li .menu-ul .menu-ul {
    width: 100% !important; }
  #navigation .menu-li .menu-ul {
    box-shadow: none;
    background: transparent;
    right: 0; }
  #navigation .menu-li .menu-ul {
    margin: 0 auto;
    width: 95% !important;
    overflow: hidden;
    display: block !important;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 1 !important;
    background: #eee;
    position: relative; }
  #navigation .menu-ul .menu-ul {
    box-shadow: none;
    background: #eee !important;
    display: block !important; }
  .menu-li:hover .menu-flesh, #navigation > .menu-li:hover > .menu-ul > .menu-li {
    background: #eeeeee !important;
    color: #101010 !important; }
  #navigation > .menu-li > .menu-flesh, #navigation > .menu-li > a {
    text-align: right;
    font-size: 14px;
    padding: 13px 10px 10px 10px !important; }
  #navigation > .menu-li > .menu-ul > .menu-li > a {
    cursor: pointer;
    color: #101010; }
  .menu-ul .dropdown-button {
    top: 4px !important; }
  #navigation .menu-li > .dropdown-button {
    background: #eee url(../images/smallArrowdown.png) no-repeat scroll center center;
    border-right: 1px solid #CCC;
    bottom: 0;
    cursor: pointer;
    height: 24px;
    left: 30px;
    position: absolute;
    top: 10px;
    width: 7%; }
  #navigation .menu-li .menu-ul .menu-li > a, #navigation .menu-li .menu-ul .menu-li > .menu-flesh {
    text-align: right;
    border-bottom: 1px solid #ced6d6;
    color: #022d2d;
    display: block;
    font-size: 14px;
    border-radius: 0;
    padding: 7px 15px !important;
    font-weight: normal; }
  #menu-button > div > span {
    display: block;
    width: 23px;
    height: 4px;
    background: white;
    margin: 3px auto;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s; }
  #navigation {
    width: 101% !important;
    text-align: right;
    background: #FFF;
    height: 0;
    display: inline-block !important;
    overflow: hidden;
    transition: height 0.4s ease 0s;
    -webkit-transition: height 0.4s ease 0s; }
  #navigation .menu-li .menu-ul, #navigation .menu-li .menu-ul .menu-li .menu-ul {
    transition: max-height 0.5s ease;
    overflow: hidden;
    max-height: 0; }
  #navigation .menu-li > .menu-flesh:after, #navigation .menu-li > a:after {
    left: 15px;
    position: absolute;
    top: 0; }
  #menu-button:hover .menu-flesh {
    background: #009b9c; }
  #menu-button:hover > .menu-flesh {
    color: #FFF; }
  #menu-button > div {
    display: inline-block;
    vertical-align: top;
    margin-right: 0; }
  #navigation .menu-li .menu-ul .menu-li .menu-ul .menu-flesh {
    color: #101010 !important;
    background: #eee !important; }
  #navigation .menu-li .menu-ul, #navigation .menu-li .menu-ul .menu-li .menu-ul {
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    display: none;
    transition: max-height 0.5s ease;
    overflow: hidden;
    max-height: 0; }
  #navigation .menu-li.dropdown-opened > .dropdown-button {
    background: #eee url(../images/smallArrowup.png) no-repeat scroll center center; } }

@media (max-width: 999px) {
  .main-menu {
    width: 100%; }
  .logo {
    display: none !important; }
  .direct-child {
    margin-top: 2px !important; }
  .menu-flesh .fa-angle-down {
    display: none; } }

.menu-flesh {
  position: relative; }

/*************************************slider*********************************/
#parent_slider {
  height: 100%;
  max-height: 980px;
  position: relative !important;
  transition: all 5s ease;
  background: #000; }

#parent_slider #bg {
  overflow: hidden !important; }

#header_container {
  background: url(../images/logo.png) repeat-x center center;
  background-size: auto 100%;
  height: 100%;
  position: relative !important;
  z-index: 2; }

#parent_slider #headerbg_owl {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  direction: ltr;
  overflow: hidden; }

#parent_slider #headerbg_owl .item {
  width: 100%;
  height: 100%; }

body.is-loading *, body.is-loading *:before, body.is-loading *:after {
  -moz-animation: none !important;
  -webkit-animation: none !important;
  -ms-animation: none !important;
  animation: none !important;
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -ms-transition: none !important;
  transition: none !important; }

/*.container {
    height: auto;
    margin: 0 auto;
    max-width: 1680px;
    width: 95%;
    box-sizing: border-box;
}*/
.parent_header {
  height: 100vh;
  max-height: 980px;
  position: relative !important;
  transition: all 5s ease;
  background: #000; }

.parent_header #headerbg_owl .item {
  width: 100%;
  height: 100%; }

/* BG */
#bg {
  -moz-transition: opacity 2s ease-in-out;
  -webkit-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1; }

#bg div {
  -moz-transition: opacity 3s ease, visibility 3s;
  -webkit-transition: opacity 3s ease, visibility 3s;
  -ms-transition: opacity 3s ease, visibility 3s;
  transition: opacity 3s ease, visibility 3s;
  background-size: cover;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 150%; }

#bg div.visible {
  -moz-animation: bg 45s linear infinite;
  -webkit-animation: bg 45s linear infinite;
  -ms-animation: bg 45s linear infinite;
  animation: bg 45s linear infinite;
  opacity: 1;
  visibility: visible;
  z-index: 1; }

#bg div.visible.top {
  z-index: 2;
  background-size: auto; }

@media screen and (max-width: 1199px) {
  #parent_slider {
    height: 85vh; } }

@media screen and (max-width: 767px) {
  #parent_slider {
    height: 65vh; } }

@media screen and (max-width: 1280px) {
  #bg div.visible {
    -moz-animation: bg 29.25s linear infinite;
    -webkit-animation: bg 29.25s linear infinite;
    -ms-animation: bg 29.25s linear infinite;
    animation: bg 29.25s linear infinite; } }

@media screen and (max-width: 736px) {
  #bg div.visible {
    -moz-animation: bg 18s linear infinite;
    -webkit-animation: bg 18s linear infinite;
    -ms-animation: bg 18s linear infinite;
    animation: bg 18s linear infinite; } }

#bg div:only-child {
  -moz-animation-direction: alternate !important;
  -webkit-animation-direction: alternate !important;
  -ms-animation-direction: alternate !important;
  animation-direction: alternate !important; }

body.is-loading #bg {
  opacity: 0; }

@-moz-keyframes bg {
  0% {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -moz-transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%); } }

@-webkit-keyframes bg {
  0% {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -moz-transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%); } }

@-ms-keyframes bg {
  0% {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -moz-transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%); } }

@keyframes bg {
  0% {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  100% {
    -moz-transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    transform: translateX(-25%); } }

@-moz-keyframes focus {
  0% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -moz-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    -ms-transform: scale(1.025);
    transform: scale(1.025); }
  100% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes focus {
  0% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -moz-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    -ms-transform: scale(1.025);
    transform: scale(1.025); }
  100% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes focus {
  0% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -moz-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    -ms-transform: scale(1.025);
    transform: scale(1.025); }
  100% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@keyframes focus {
  0% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  50% {
    -moz-transform: scale(1.025);
    -webkit-transform: scale(1.025);
    -ms-transform: scale(1.025);
    transform: scale(1.025); }
  100% {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

@media (max-width: 999px) {
  .Main-slider-section {
    margin-top: -22px; } }

.main-slider-site {
  background: #00585a; }

/*********************************** introduction ***************************/
.introduction-img {
  width: 102px; }

.h1-txt {
  margin-top: 15%;
  color: #ebbb79;
  font-size: 20px;
  font-weight: bold; }

h1 small {
  color: #009b9c;
  margin: 0 6px;
  font-size: 18px; }

.des-introduction {
  color: #434444;
  margin: 5px 5px 10px;
  line-height: 29px;
  font-size: 16px; }

.introduction-brief-div {
  position: relative; }

/***************************************** slide-feature ***************************/
.slide-feature {
  position: relative;
  margin-top: 6px; }

.slide-feature .swiper-button-next {
  position: absolute;
  right: -39px;
  color: #005859; }

.slide-feature .swiper-button-prev {
  position: absolute;
  left: -39px;
  color: #005859; }

.btn-feature {
  margin-top: 12px; }

#swiper02 {
  height: 450px; }

#swiper02 .swiper-button-next:after, #swiper02 .swiper-button-prev:after {
  font-size: 22px !important;
  font-weight: bold; }

.slide-feature-img {
  width: 100%;
  filter: grayscale(0%);
  height: auto;
  transition: all 0.7s ease-in-out; }

.div-hover {
  opacity: 0;
  overflow: hidden;
  padding: 12px 18px;
  position: absolute;
  bottom: 13px;
  text-align: center;
  margin: 0 17px;
  background-color: #005859;
  transition: all 0.4s ease-in-out;
  width: 90%;
  height: 151px;
  border-bottom: 3px solid #e2b678; }

.parent-one-slide {
  position: relative;
  text-align: center; }

.parent-one-slide:hover .div-hover {
  opacity: 0.9;
  transition: all 0.4s ease-in-out; }

.parent-one-slide:hover .div-highlight {
  display: none;
  transition: all 0.6s ease-in-out; }

.parent-one-slide:hover .slide-feature-img {
  filter: grayscale(45%);
  transition: all 0.7s ease-in-out; }

.div-highlight {
  background: rgba(0, 0, 0, 0.6);
  padding: 22px 18px;
  position: absolute;
  bottom: 13px;
  text-align: center;
  margin: 0 13px;
  transition: all 0.6s ease-in-out;
  white-space: nowrap; }

.txt-highligh-a {
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 298px;
  display: inline-block; }

.txt-hover {
  font-family: IRANSansWeb;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  margin: 3px;
  margin: 3px 3px 7px;
  text-align: center;
  line-height: 28px;
  height: 60px;
  overflow: hidden; }

@media (max-width: 1199px) {
  .div-highlight {
    display: none; } }

@media (max-width: 999px) {
  #swiper02 {
    height: auto; } }

/************************************** online-reservation ****************************/
.online-reservation {
  background-image: url(../images/reservation.jpg);
  text-align: center;
  /*  background-attachment: fixed;*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 550px;
  background-color: #005859;
  position: relative;
  /*opacity: 1;
    -webkit-animation: zoom 60s;
    animation: zoom 60s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    */ }
  .online-reservation .des-introduction {
    color: #fefefe;
    margin: 18px 5px 10px; }

@keyframes zoom {
  0% {
    width: 100%;
    height: 100%; }
  50% {
    width: 105%;
    height: 105%; }
  100% {
    width: 100%;
    height: 100%; } }

.sp-reservation {
  color: #fff;
  font-weight: normal; }

.onlineReservation-icon {
  margin-top: 10%; }
  .onlineReservation-icon span {
    border: solid 4px #e2b678;
    display: inline-block;
    padding: 15px;
    line-height: 0;
    border-radius: 50%;
    width: 62px; }
  .onlineReservation-icon .fa-book {
    color: #e2b678;
    font-size: 25px; }

/*****  form online reservation ************/
#onlineReservation .form-control:disabled, #onlineReservation .form-control[readonly] {
  background-color: white; }

.online-reservation-frm-div .parent-input {
  position: relative; }

.online-reservation-frm-div .parent-input span {
  position: absolute;
  right: 25px;
  top: 21px;
  color: #005859; }

.online-reservation-frm-div .parent-input span:hover {
  color: #ebbb79; }

.online-reservation-frm-div .parent-input input {
  padding: 29px 49px 29px 25px;
  border: none;
  font-size: 12px;
  height: 58px; }

.online-reservation-input-number {
  padding: 18px 49px 18px 25px !important;
  width: 100%;
  border-left: 1px solid #00585a !important; }

.onlineReservation-startDate {
  border-top-right-radius: 70px;
  border-bottom-right-radius: 70px;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset; }

.onlineReservation-btn {
  border-top-left-radius: 70px;
  border-bottom-left-radius: 70px;
  background-image: url(../images/newsletter.png);
  background-position: center;
  background-size: cover;
  padding: 0 49px 0px 60px;
  border: none;
  outline: none !important;
  cursor: pointer; }
  .onlineReservation-btn .fa-arrow-left {
    vertical-align: sub;
    padding-right: 4px; }

.ToDate-input {
  border-radius: unset;
  border-left: 1px solid #1b9596 !important;
  border-right: 1px solid #1b9596 !important; }

@media (max-width: 1199px) {
  .onlineReservation-btn {
    padding: 0 14px 0px 22px; } }

@media (max-width: 767px) {
  .online-reservation {
    height: auto; }
  .onlineReservation-btn {
    width: 100%;
    padding: 16px;
    margin: 5px 0 20px;
    border-radius: 70px; }
  .online-reservation-frm-div .parent-input {
    margin: 5px 0; }
  .online-reservation-frm-div .parent-input input {
    border-radius: 70px; } }

@media (max-width: 450px) {
  .online-reservation-frm-div {
    padding: 0 !important; }
  .online-reservation des-introduction {
    font-size: 11px; } }

/************************************** rating ****************************/
.rating {
  display: inline-block;
  width: 110px; }
  .rating > * {
    float: right; }

@keyframes pulse {
  50% {
    color: #5e5e5e;
    text-shadow: 0 0 15px #777777; } }
  .rating label {
    height: 25px;
    width: 20%;
    display: block;
    position: relative;
    cursor: pointer;
    margin-bottom: 1px; }
    .rating label:nth-of-type(5):after {
      animation-delay: 0.25s; }
    .rating label:nth-of-type(4):after {
      animation-delay: 0.2s; }
    .rating label:nth-of-type(3):after {
      animation-delay: 0.15s; }
    .rating label:nth-of-type(2):after {
      animation-delay: 0.1s; }
    .rating label:nth-of-type(1):after {
      animation-delay: 0.05s; }
    .rating label:after {
      transition: all 0.4s ease-out;
      -webkit-font-smoothing: antialiased;
      position: absolute;
      content: "☆";
      color: #444;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      text-align: center;
      font-size: 23px;
      animation: 1s pulse ease; }
    .rating label:hover:after {
      color: #5e5e5e;
      text-shadow: 0 0 15px #5e5e5e; }
  .rating input {
    display: none; }
    .rating input:checked + label:after,
    .rating input:checked ~ label:after {
      content: "★";
      color: #e2b678;
      text-shadow: 0 0 20px #e2b678; }

.room-star {
  height: 25px;
  width: 20%;
  display: block;
  position: relative;
  cursor: pointer;
  margin-bottom: 1px; }

.room-star:after {
  content: '★';
  font-size: 23px;
  color: #e2b678;
  text-shadow: 0 0 3px #d0b590; }

/************************************** rooms ****************************/
[data-anchor="rooms"] .title-section {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff; }

.title-room a {
  color: #111; }

.title-room a:hover {
  color: #ebbb79; }

.title-room:hover {
  color: #e2b678; }

.price-room {
  color: #ebbb79;
  font-size: 100%;
  font-weight: bold; }

.title-room-sp {
  margin-bottom: 5px;
  font-size: 13px;
  color: gray; }

.room-box-txt .des-room {
  padding: 25px 60px;
  padding-top: 15%;
  height: 85vh; }

.title-room-sp:after {
  content: "|";
  margin-left: 7px;
  margin-right: 15px;
  color: gray; }

.title-room-sp:last-child:after {
  content: ".";
  color: white; }

code {
  color: #e2b678;
  font-size: 100%;
  font-weight: bold; }

.des-room hr {
  margin: 19px 6px; }

.room-img {
  transform: scale(1.01);
  transition: all 0.8s;
  filter: grayscale(0%);
  height: 402px; }

.room-img:hover {
  transform: scale(1.2);
  cursor: pointer;
  transition: all 0.8s;
  filter: grayscale(65%); }

.room-figure {
  overflow: hidden;
  margin-bottom: 0px !important; }

.room-box-img {
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.room-box-img a {
  height: 100vh !important; }

.row-room:nth-child(2n) .room-box-txt {
  order: 2; }

.row-room:nth-child(2n) .room-box-img {
  order: 1; }

.room-box-txt .title-room-p {
  height: 100px;
  overflow: hidden; }

.room-box-txt .min-price-sp {
  margin-bottom: 5px;
  font-size: 13px;
  color: gray; }

.room-box-txt .min-price-sp:after {
  content: "/";
  margin-left: 7px;
  margin-right: 4px;
  color: gray; }

.rooms-list-page .title-room-p {
  height: 133px; }

#swiper03 .swiper-button-next:after, #swiper03 .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 20px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  background: #e2b678;
  border-radius: 50%;
  width: 38px;
  height: 28px;
  padding-top: 4px;
  font-weight: bold;
  color: #005256; }

#swiper03 .swiper-button-prev:after {
  padding-left: 9px; }

#swiper03 .swiper-button-next:after {
  padding-left: 5px; }

#swiper05 .swiper-button-next:after, #swiper05 .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: 20px;
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
  background: #e2b678;
  border-radius: 50%;
  width: 38px;
  height: 28px;
  padding-top: 4px;
  font-weight: bold;
  color: #005256; }

#swiper05 .swiper-button-prev:after {
  padding-left: 5px; }

#swiper05 .swiper-button-next:after {
  padding-right: 5px; }

@media (max-width: 1199px) {
  .room-box-txt .title-room-p {
    height: 82px; }
  .room-img {
    height: 344px; } }

@media (max-width: 999px) {
  .title-room-aspx {
    font-size: 16px !important; }
  .room-box-txt .des-room {
    padding: 23px; }
  .room-box-txt .title-room-p {
    height: 45px; }
  .room-img {
    height: 288px; } }

@media (max-width: 900px) {
  .parent-vip-slide .des-room:after {
    display: none; } }

@media (max-width: 767px) {
  [data-anchor="rooms"] .title-section {
    position: static;
    background: white;
    color: #111; }
  .room-box-txt .btn-public-dark {
    display: none; }
  .room-box-txt .des-room {
    margin-top: 0;
    height: auto; }
  .room-box-txt .title-room-p {
    height: auto; }
  .title-room-sp {
    display: none; }
  .room-box-img {
    background-image: none; }
  .room-box-img a {
    height: auto; }
  .room-img {
    height: auto; } }

/************************************** vip ****************************/
.vip-section {
  background-image: url(../images/back1.png);
  text-align: left;
  background-color: #005859; }

.vip-sp {
  color: #e2b678;
  display: block;
  text-align: center;
  padding: 36px 0; }

.slide-vip-img {
  width: 80%; }

.parent-vip-slide {
  position: relative; }
  .parent-vip-slide .des-room {
    position: absolute;
    bottom: 7%;
    right: 162px;
    width: 540px;
    /* background: url(../images/fullShape.png); */
    /* background-repeat: no-repeat; */
    /* background-position: center; */
    /* background-size: cover; */
    padding: 49px; }
  .parent-vip-slide .des-room:after {
    content: "";
    height: 100%;
    width: 140px;
    background-image: url(../images/shape.jpg);
    position: absolute;
    left: -126px;
    top: 0px;
    background-size: cover; }

dive-btn-vip {
  position: relative; }

.parent-vip-slide .title-room-p {
  height: 72px;
  overflow: hidden; }

@media (max-width: 767px) {
  .parent-vip-slide .des-room {
    background-color: #ffffff54 !important;
    width: 60%;
    top: 10%;
    right: 20%; }
  .slide-vip-img {
    width: 100%; } }

@media (max-width: 600px) {
  .VIP-btn {
    display: none; } }

/************************************** offline-tour ****************************/
.offline-tour-section {
  background-image: url(../images/temp/offlineTour.png);
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 600px;
  background-color: #005859; }
  .offline-tour-section .title-section {
    background-color: rgba(0, 0, 0, 0.7); }

.div-txt-tour {
  background: rgba(0, 0, 0, 0.4);
  padding: 15px;
  text-align: justify; }

/************************************** Services ****************************/
.Services-section {
  position: relative; }

.des-Services {
  color: #e6ceb0;
  padding: 3% 1% 4%;
  font-size: 24px;
  font-weight: bold; }

.parent-services {
  background-image: url(../images/services.jpg);
  text-align: center;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  /*height: 422px;*/
  background-color: #e2b678; }

.Service-icon-img {
  width: 100px; }

.Service-icon-span {
  color: #fff;
  display: block;
  margin: 20px 0; }

.Service-icon-span:hover {
  color: #009b9c;
  font-weight: bold; }

.list-services-icon {
  padding: 2% 1% 6%; }

#BtnAllServices {
  margin-top: 10%; }

@media (max-width: 999px) {
  .des-Services {
    font-size: 20px;
    padding: 1%; }
  #BtnAllServices {
    margin-top: 0% !important; } }

@media (max-width: 767px) {
  .parent-services {
    background-image: none;
    background-color: #fff;
    padding-bottom: 4%; }
  .des-Services {
    color: #253131; }
  .Service-icon-span {
    font-weight: bold;
    color: #0e3131; } }

/************************************** Accommodation-tours ********************************/
.Accommodation-tours-all {
  position: relative; }

.ShowAll-div {
  position: absolute;
  left: 3%;
  top: 5%; }

.title-tour {
  letter-spacing: 1px;
  color: #005859;
  font-weight: bold; }

.title-tour:hover {
  color: #ebbb79; }

.parent-div-tour a {
  Border-radius: 26px; }

@media (max-width: 767px) {
  .Accommodation-tours-all .btn-feature {
    display: none; } }

/************************************** club ********************************/
[data-anchor="club"] .full-page-inner {
  background: #075e5f; }

.parent-div-club {
  background-image: url(../images/back2.png);
  text-align: center;
  background-position: center;
  height: 388px;
  overflow: hidden;
  background-color: #005859; }

.div-club {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.01), #282929); }

.div-discount-club p {
  font-weight: bold;
  font-size: 19px;
  margin: 15px 0; }
  .div-discount-club p span {
    color: #e2b678;
    margin: 0 5px;
    display: inline-flex; }

.discount-figure {
  position: relative; }

.discount-sp {
  position: absolute;
  bottom: 7px;
  right: 40%;
  font-weight: bold; }

.sp-1 {
  color: #525a5a !important; }

.sp-2 {
  color: #2a8596 !important; }

.sp-3 {
  color: #885203 !important; }

.discount-img {
  transform: scale(1.01);
  transition: all 0.8s; }

.discount-img:hover {
  transform: scale(1.2);
  transition: all 0.8s; }

.hr-club {
  border-top: 1px solid #536b6b; }

.form-club input {
  Border-radius: 26px;
  margin: 15px 0px; }

.form-club a {
  Border-radius: 26px; }

.form-club .fa-arrow-circle-left {
  vertical-align: inherit;
  margin-right: 3px; }

@media (max-width: 999px) {
  .div-frm-club span {
    font-size: 12px; }
  .discount-sp {
    bottom: 0px; } }

@media (max-width: 767px) {
  .parent-div-club {
    height: auto;
    background-color: #005859; } }

@media (max-width: 450px) {
  .div-discount-club p {
    font-size: 11px; } }

/***************************************** address ***************************/
.address-section {
  background-image: url(../images/back1.png);
  text-align: center;
  background-position: center;
  background-color: #005859;
  animation: an-background-image-move 20s infinite; }

@keyframes an-background-image-move {
  50% {
    background-position: bottom right; } }

.address-sp {
  color: #e2b678; }

.address-bottom {
  background-color: #009b9c; }

.tel-footer {
  color: #ebbb79;
  font-size: 22px;
  font-weight: bold;
  margin: 11px 0px; }

.slogan {
  color: #ebbb79;
  letter-spacing: 1px;
  font-size: 24px; }

.address-information:before {
  content: " ";
  background-color: rgba(0, 155, 156, 0.6);
  top: 71px;
  position: absolute;
  height: 150px;
  right: 0;
  width: 3px;
  color: #009b9c; }

.address-main-img {
  height: 272px; }

@media (max-width: 1024px) {
  .address-main-img {
    height: 200px; } }

@media (max-width: 999px) {
  .address-main-img {
    height: auto; }
  .address-parent ul li {
    font-size: 12px; }
  .address-bottom {
    font-size: 11px; } }

/***************************************** footer ***************************/
.bg-darkfooter {
  background: #004b4c;
  color: #fff; }

.bg-darkfooter .border-top, .bg-darkfooter .border-bottom {
  border-color: #316869 !important; }

.menu-footer-li::after {
  content: ".";
  font-weight: bold;
  color: #fff;
  margin: 0 12px; }

.menu-footer-li:last-child::after {
  display: none; }

.menu-footer-ul {
  text-align: center;
  padding: 15px 0 30px; }

.menu-footer-li {
  display: inline-block; }

.menu-footer-li a {
  color: #fff;
  padding-bottom: 14px;
  line-height: 35px; }

.menu-footer-a:hover {
  color: #ebbb79;
  border-bottom: 1px solid #e2b678;
  width: 100%; }

.footer-title {
  font-weight: bold;
  color: #34c6c7; }

.footer-link-ul {
  margin: 17px 0 0; }

.footer-a:hover {
  color: #009b9c; }

.footer-a {
  color: #fff;
  border-bottom: 1px solid #046365;
  width: 100%;
  display: inline-block;
  font-size: 15px;
  margin-bottom: 7px;
  padding-bottom: 6px; }

.button-newsletter {
  bottom: 0px;
  width: 98px;
  height: 40px;
  display: inline-block;
  padding: 9px;
  font-size: 15px;
  background-image: url(../images/newsletter.png);
  color: #080808;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  border: 0 none !important;
  position: absolute;
  left: 0;
  outline: 0 !important; }

.input-newsletter {
  background: #ffffff none repeat scroll 0 0;
  border: medium none;
  color: #111;
  font-size: 13px;
  height: 40px;
  padding-right: 11px;
  width: 100%;
  border-radius: 20px;
  outline: 0; }

.newsletter-form {
  position: relative; }

#newsletter {
  margin-top: 20px; }

.social-ul li {
  display: inline-block;
  color: #a2a2a2;
  margin: 8px;
  font-size: 19px; }

.social-ul li a {
  color: #a2a2a2; }

.social-ul li a:hover {
  color: #009b9c; }

.copyright {
  color: #d6d6d6;
  font-size: 12px; }

.copyright-sp {
  color: #26a8a9;
  font-weight: bold; }

.copyright-sp:hover {
  color: #e2b678; }

.intech {
  color: #edbd73;
  font-weight: bold; }

.intech:hover {
  color: #ebbb79; }

/*****************************************start footer inner page ********************************************/
.footer-inner-page-section {
  background-image: url(../images/back1.png);
  text-align: center;
  background-position: center;
  height: 200px;
  background-color: #005859; }

.Separator:before {
  content: " ";
  background-color: rgba(0, 155, 156, 0.6);
  top: 47px;
  position: absolute;
  height: 115px;
  right: 0;
  width: 3px;
  color: #009b9c; }

@media (max-width: 999px) {
  .footer-inner-page-section {
    height: auto; }
  .slogan {
    font-size: 17px; }
  .container-xs {
    max-width: 100%; }
  .Separator:before {
    content: none; } }

@media (max-width: 768px) {
  .Separator:before {
    content: none; } }

@media (max-width: 400px) {
  .footer-inner-img {
    display: none; } }

/*****************************************end footer inner page ********************************************/
/*****************************************start InnerPageTopBox *******************************************/
.inner-TopBox {
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 215px;
  background-color: #005859; }

@media (max-width: 991px) {
  .inner-TopBox {
    height: 110px; } }

/*****************************************end InnerPageTopBox ********************************************/
/***********************start tours.aspx css *****************************/
.way-sp {
  color: #8d9494;
  margin-top: 11px;
  display: block; }

.way-div {
  padding: 2% 5%;
  background-color: #fff;
  border: 1px solid #1d9fa0;
  border-radius: 50%;
  box-shadow: 0 3px 2px #50898a;
  text-align: center; }

.date-toor-div::before {
  background: #009b9c;
  width: 13px;
  height: 13px;
  content: ".";
  float: right;
  margin-top: 4px;
  color: transparent;
  margin-left: 10px; }

.div-capacity::after {
  content: " ";
  background-color: #c7c7c7;
  position: absolute;
  height: 63px;
  bottom: 0;
  width: 1px;
  left: 100px; }

.price-people input {
  width: 102px;
  outline: none;
  border: 1px solid #c7c7c7;
  margin: 7px 12px;
  padding: 5px 15px 5px 2px; }

.price-people-div {
  padding: 7px 11px 7px 18px;
  margin-bottom: 9px; }

@media (max-width: 999px) {
  .div-capacity::after {
    display: none; } }

/************************/
.content-collapse {
  line-height: 35px;
  border-bottom: 1px solid #e8ecec;
  padding: 6px 0; }
  .content-collapse .btn {
    color: gray; }
  .content-collapse .btn:focus {
    box-shadow: none;
    color: #009b9c; }

.content-collapse:last-child {
  border-bottom: none !important; }

/***************************/
.catalog-box {
  background-image: url(../images/Back_tour.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  height: 179px;
  background-color: #e2b678;
  position: relative;
  width: 100%; }

.catalog-text {
  position: absolute;
  top: 47%;
  right: 14%;
  color: #fff;
  font-size: 24px; }

.catalog-text:hover {
  color: #ebbb79; }

.tour-aspx-des {
  height: 100px; }

/*************************/
.tour-reservation-btn {
  padding: 15px 40px !important; }

/***********************end tours.aspx css *****************************/
/***********************start contactus.aspx css *****************************/
.sp-icon {
  font-size: 20px;
  margin-left: 12px;
  color: #ebbb79; }

.sp-icon:hover {
  color: #009b9c; }

.captcha-contact {
  height: 50px; }

/***********************end contactus.aspx css *****************************/
/***********************start rooms.aspx css *****************************/
.RoomServices-div-room-aspx {
  display: inline-block; }

.room-services-div {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.list-rooms-aspx {
  padding-top: 13% !important;
  height: auto !important; }

.RoomServices-div-room-aspx span {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  display: inline-block; }

.count-sp {
  margin-bottom: 5px;
  font-size: 13px;
  color: #a4a7a7; }

.other-rooms-img {
  width: auto;
  height: 235px; }

.virtual-link-div .virtual-link-img {
  width: 100%;
  height: auto;
  filter: grayscale(35%);
  transform: scale(1.01);
  transition: all .2s ease-in-out; }

.virtual-link-div .btn-virtual-link-room {
  position: absolute;
  bottom: 50px;
  right: 63px; }

.virtual-link-div figure {
  position: relative;
  overflow: hidden;
  border-radius: 1.5%; }

.virtual-link-div .btn-virtual-link-room {
  position: absolute;
  bottom: 12%;
  right: 26%; }

.virtual-link-div .virtual-link-icon {
  position: absolute;
  bottom: 35%;
  right: 32%;
  transition: all .3s ease-in-out; }

.virtual-link-div:hover .virtual-link-icon {
  transform: rotate(12deg);
  transition: all .3s ease-in-out; }

.virtual-link-div:hover .virtual-link-img {
  filter: grayscale(0%);
  transform: scale(1.2);
  transition: all .2s ease-in-out; }

/***********/
.single-room-reservation {
  border-radius: 1.5%; }
  .single-room-reservation .min-price-sp {
    margin-bottom: 5px;
    font-size: 13px;
    color: gray; }
  .single-room-reservation .min-price-sp:after {
    content: "/";
    margin-left: 7px;
    margin-right: 15px;
    color: gray; }
  .single-room-reservation .text-reservation {
    letter-spacing: 1px;
    font-size: 19px; }

/***********/
.room-single-gallary {
  position: relative;
  height: 100%;
  /*
.gallery-top {
    height: 80%;
    width: 100%;
}*/ }
  .room-single-gallary .swiper-container {
    width: 100%;
    height: 530px;
    margin-left: auto;
    margin-right: auto; }
  .room-single-gallary .swiper-slide {
    background-size: cover;
    background-position: center; }
  .room-single-gallary .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0; }
  .room-single-gallary .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    /*opacity: 0.4;*/
    filter: grayscale(45%); }
  .room-single-gallary .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    filter: grayscale(0%); }

/**********/
.nav-tab-room-single .nav-link.active {
  border-top: 2px solid #cad0d0;
  font-weight: bold;
  color: #005859 !important; }

.nav-tab-room-single .nav-tabs .nav-item {
  color: #8d9292;
  width: 170px;
  text-align: center;
  padding: 12px 1px; }

.nav-tab-room-single .tab-content .tab-pane {
  min-height: 200px;
  line-height: 37px; }

/*********/
.other-rooms .slide-other-rooms {
  margin: 20px 0 10px; }

.other-rooms .title-room {
  font-size: 14px; }

.menu-rooms-div {
  text-align: center;
  padding-bottom: 20px 0px; }
  .menu-rooms-div .menu-rooms-ul {
    text-align: center;
    border-bottom: 3px solid #d9dcdc;
    padding-bottom: 11px;
    display: inline; }
  .menu-rooms-div .menu-rooms-li {
    display: inline-block;
    text-align: center;
    padding-top: 12px; }
  .menu-rooms-div .menu-rooms-a {
    padding: 2px 20px 10px;
    color: #757777; }
  .menu-rooms-div .menu-rooms-a:hover {
    color: #009b9c; }
  .menu-rooms-div .menu-rooms-ul .active {
    color: #009b9c;
    border-bottom: 3px solid #009b9c;
    padding-bottom: 11px; }

@media (max-width: 1199px) {
  .nav-tab-room-single {
    margin-top: 45px; } }

@media (max-width: 990px) {
  .other-rooms-img {
    width: 100%;
    height: auto; } }

/*********************** end rooms.aspx css *****************************/
/*********************** start contents.aspx css *****************************/
.list-manege-contents .title-room-p {
  color: #747777;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 337px;
  height: 26px; }

.list-manege-contents .div-des {
  margin-right: 25px; }

.list-manege-contents .room-img {
  width: 100%; }

@media (max-width: 999px) {
  .list-manege-contents .title-room-p {
    width: 275px; } }

@media (max-width: 450px) {
  .list-manege-contents .title-room-p {
    width: 244px; }
  .a-contents {
    font-size: 15px; } }

/*********************** end contents.aspx css *****************************/
/*********************** start introduction - About Us css ****************************/
.AboutUs-des-div {
  border-bottom: 4px solid #c6caca; }

.AboutUs-brief-parent {
  position: relative; }
  .AboutUs-brief-parent .AboutUs-brief-img {
    width: 100%;
    /*height: 415px;*/
    height: auto; }
  .AboutUs-brief-parent .des-room {
    position: absolute;
    bottom: 20%;
    right: 145px;
    width: 540px;
    padding: 49px; }
  .AboutUs-brief-parent .des-room:after {
    content: "";
    height: 103%;
    width: 129px;
    background-image: url(../images/shape.jpg);
    position: absolute;
    left: -116px;
    top: -11px;
    background-size: cover; }

@media (max-width: 999px) {
  .AboutUs-brief-parent .des-room {
    display: none; }
  .AboutUs-brief-parent .des-room:after {
    display: none; } }

/*********************** end introduction - About Us css *****************************/
/*********************** start RoomRates.aspx  css ****************************/
.room-rate-slogan {
  line-height: 26px;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  color: #007d7e; }

.credit-date-div {
  text-align: center;
  margin: 15px 0 25px;
  font-size: 14px;
  color: #111;
  font-weight: bold; }

.Room-Rates-all .nav-link.active {
  border-top: 2px solid #cad0d0;
  font-weight: bold;
  color: #005859 !important; }

.Room-Rates-all .nav-tabs .nav-item {
  color: #8d9292;
  width: 50%;
  text-align: center;
  padding: 12px 1px; }

.Room-Rates-all .tab-content .tab-pane {
  line-height: 37px; }

.Room-Rates-all .credit-text {
  color: #daa235; }

.Room-Rates-all .date-credit {
  color: #007d7e; }

.Room-Rates-all h2 {
  font-size: 19px;
  margin: 20px 0;
  text-align: center;
  color: #005859;
  font-weight: bold; }
  .Room-Rates-all h2 small {
    font-size: 12px;
    font-weight: bold;
    color: #ec9721;
    text-shadow: 0px 1px 0px #9eb3b3; }

.responsive-table li {
  border-radius: 3px;
  padding: 3px 10px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1px; }

.responsive-table .table-header {
  background: linear-gradient(45deg, #009b9c, #ebbb79, #005859, #e2b678);
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  padding: 0 !important; }

.responsive-table .table-header .col {
  font-size: 15px;
  font-weight: bold;
  padding: 5px 10px;
  text-align: right; }

.responsive-table .table-row {
  background-color: #fdf8ef;
  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
  transition: all .2s ease-in-out;
  font-family: "IRANSans" !important; }

.responsive-table .table-row:hover {
  background-color: #ece3d2;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  transition: all .2s ease-in-out; }

@media all and (max-width: 767px) {
  .responsive-table .table-header {
    display: none; }
  .responsive-table .table-row {
    line-height: 1.8; }
  .responsive-table li {
    display: block; }
  .responsive-table .col {
    flex-basis: 100%; }
  .responsive-table .col {
    display: flex;
    padding: 0 8px 0 0; }
    .responsive-table .col:before {
      color: #6C7A89;
      padding-left: 10px;
      content: attr(data-label);
      flex-basis: auto;
      text-align: right; } }

@media (max-width: 450px) {
  .Room-Rates-all h2 {
    font-size: 13px;
    line-height: 25px; }
  .Room-Rates-all h2 small {
    display: block; }
  .Room-Rates-all .responsive-table .col {
    display: block; }
    .Room-Rates-all .responsive-table .col:before {
      display: block;
      width: 100%; }
  .Room-Rates-all .responsive-table li {
    padding: 20px 10px; } }

/*********************** end RoomRates.aspx  css *****************************/
/*********************** start ReservationRooms.aspx  css *****************************/
.ReservationRooms-aspx {
  display: flex;
  justify-content: space-around; }
  .ReservationRooms-aspx .room-info-parent {
    border-bottom: 2px solid #cecece; }
  .ReservationRooms-aspx .sidebar {
    width: 29%;
    height: 125vh;
    min-height: 80vh;
    overflow: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 7%;
    border: 2px solid #e6bf8f;
    background-color: #f7debf;
    border-radius: 10px;
    padding: 15px; }
  .ReservationRooms-aspx .all-rooms-info-parent {
    width: 60%;
    /*height: 200vh;*/
    min-height: 1000px;
    display: flex;
    flex-direction: column; }
  .ReservationRooms-aspx .rooms-header {
    position: sticky;
    top: 7%;
    border: 2px solid #e6bf8f;
    background-color: #f7debf;
    border-radius: 10px;
    padding: 15px;
    font-weight: bold;
    font-size: 15px;
    z-index: 9; }
  .ReservationRooms-aspx .sidebar-header {
    font-weight: bold;
    font-size: 15px; }
  .ReservationRooms-aspx .sidebar-time {
    font-family: "IRANSans" !important;
    float: left; }
  .ReservationRooms-aspx .sidebar-time:before {
    content: "|";
    margin-left: 10px;
    color: #e6bf8f; }
  .ReservationRooms-aspx .sidebar-ul {
    padding: 10px;
    border-bottom: 2px solid #e6c2a2;
    line-height: 31px;
    font-size: 14px; }
    .ReservationRooms-aspx .sidebar-ul li {
      display: flow-root; }
  .ReservationRooms-aspx .value {
    font-family: "IRANSans" !important;
    float: left;
    clear: left; }
  .ReservationRooms-aspx .caption {
    clear: right;
    float: right;
    font-weight: 600;
    color: #495349; }
  .ReservationRooms-aspx .note {
    display: block;
    font-size: 13px;
    color: #005859; }
  .ReservationRooms-aspx .price-div {
    padding: 10px 0;
    background: linear-gradient(45deg, #009b9c, #ebbb79, #005859, #e2b678);
    margin: 10px 0;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
    border: 2px solid #e6bf8f;
    border-radius: 4px;
    color: #000; }
  .ReservationRooms-aspx .price-text {
    color: #ffd7a6; }
  .ReservationRooms-aspx title-room {
    color: #d1a465; }
  .ReservationRooms-aspx .title-room-sp i {
    padding-left: 6px; }
  .ReservationRooms-aspx .table-header-w {
    flex: 0 0 10%; }
  .ReservationRooms-aspx .table-header-w:first-child {
    font-size: 12px;
    color: #005859;
    font-weight: bold; }
  .ReservationRooms-aspx .responsive-table li {
    padding: 10px 0px; }
  .ReservationRooms-aspx .count-sp {
    text-decoration: line-through; }
  .ReservationRooms-aspx kbd {
    background-color: #005859; }
  .ReservationRooms-aspx .room-count-option {
    font-size: 11px; }
  .ReservationRooms-aspx .room-count-select {
    font-size: 11px;
    height: 19px; }
  .ReservationRooms-aspx .text-msg {
    font-size: 13px;
    font-weight: bold;
    color: #ec9721; }
  .ReservationRooms-aspx .Room-capacity {
    line-height: 22px;
    font-size: 12px;
    padding: 14px 0 4px; }
  .ReservationRooms-aspx .room-inactive {
    opacity: .5; }

/***/
.ReservationRooms-aspx-gallary {
  position: relative;
  height: 100%; }
  .ReservationRooms-aspx-gallary .swiper-container {
    width: 100%;
    height: 200px;
    margin-left: auto;
    margin-right: auto; }
  .ReservationRooms-aspx-gallary .swiper-slide {
    background-size: cover;
    background-position: center; }
  .ReservationRooms-aspx-gallary .ReservationRooms-gallery-thumbs {
    height: 30%;
    box-sizing: border-box;
    padding: 10px 0; }
  .ReservationRooms-aspx-gallary .ReservationRooms-gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    filter: grayscale(45%); }
  .ReservationRooms-aspx-gallary .ReservationRooms-gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    filter: grayscale(0%); }

@media (max-width: 1200px) {
  .ReservationRooms-aspx .table-header-w {
    font-size: 11px;
    padding: 0; }
  .ReservationRooms-aspx .responsive-table .table-header .col {
    font-size: 11px;
    padding: 5px 0; } }

@media (max-width: 768px) {
  .ReservationRooms-aspx {
    display: block; }
    .ReservationRooms-aspx .sidebar {
      width: 100%; }
    .ReservationRooms-aspx .table-header-w {
      padding: 1px 17px; }
  .all-rooms-info-parent {
    width: 100% !important; } }

/*********************** end ReservationRooms.aspx  css *****************************/
/*********************** start ReservationTravel.aspx  css *****************************/
.title-field {
  padding-top: 10px; }

.Travel-frm-parent {
  width: 60%;
  min-height: 700px;
  display: flex;
  flex-direction: column; }

@media (max-width: 768px) {
  .Travel-frm-parent {
    width: 100% !important; } }

@media (min-width: 450px) {
  .Travel-frm-parent .title-field {
    width: 40%;
    font-size: 13px;
    font-weight: bold; }
  .Travel-frm-parent .body-field {
    width: 60%; } }

/*********************** end ReservationTravel.aspx css *****************************/
.min-h-400p {
  min-height: 400px; }

.GhasrSpecialEvents {
  min-height: 400px; }