.postop {
  top:80px
}
.blogtt {
  height:54px
}
.filter,
.modal-filter,
.owner {
  position:fixed
}
a,
button {
  outline:0!important
}
.fa-heart-custom {
  color:#f44336
}
.hide {
  display:none!important
}
.villaCodeRespSearch {
  height:35px
}
.specilizePayRow {
  margin-top:15px
}
.showVillaVisitsChartImg {
  cursor:pointer
}
.price-old {
  color:rgba(0,0,0,.4);
  text-decoration:line-through;
  margin-left:15px
}
.price-cont {
  width:100%;
  display:inline-block
}
.side-price-cont {
  margin-left:15px;
  margin-right:auto
}
h1,
h2,
h3,
h4,
h5,
h6,
ul {
  padding:0;
  margin:0
}
.villaImgListWrapper {
  height:100%;
  overflow:hidden
}
.contentImgListWrapper {
  height:270px;
  overflow:hidden;
  border-radius:15px
}

.filter,
.owner,
.owner img {
  border-radius:50%
}
.sticky-form,
.transition {
  -webkit-transition:all 0.5s ease-in-out;
  -moz-transition:all 0.5s ease-in-out;
  -ms-transition:all 0.5s ease-in-out;
  -o-transition:all 0.5s ease-in-out;
  transition:all 0.5s ease-in-out
}
.box-new .box-see,
.box-new .box-see2,
.box-price .ul li a,
.btn-form,
.main-panel,
.main-panel .btn-store,
.sidebar,
.transition-300,
article.blog,
article.blog .data .more,
article.tourism .link,
article.tourism:before,
article.vila,
article.vila figure .estate,
article.vila figure .heart,
article.vila figure:before,
section.follow-up .box-follow-up,
section.follow-up .box-follow-up .link,
section.follow-up .box-follow-up .title,
section.follow-up .box-follow-up figure,
section.follow-up .box-follow-up figure .img,
section.search .footer .btn-search,
ul.footer-social li a,
ul.footer-social li a img,
ul.list-footer li a,
ul.list-subset li a:before,
ul.login li a,
ul.login li a:before,
ul.nav-blog li a,
ul.ul-nav li a,
ul.ul-nav li a:before,
ul.ul-sidebar li.subset>a:before,
ul.ul-sidebar li>a,
ul.ul-social li a,
ul.ul-social li a img {
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out
}
ul li {
  list-style:none
}
a,
a:focus,
a:hover {
  text-decoration:none
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size:1.3rem;
  font-weight:200;
  line-height:28px
}
.img-center {
  margin:0 auto
}
button {
  cursor:pointer
}
.no-p {
  padding:0!important
}
@media (max-width:767px) {
  .hide-md-down {
    display:none
  }
  .no-p {
    padding:0 15px!important
  }
}

.owner {
  right:15px;
  bottom:15px;
  width:90px;
  height:90px;
  text-align:center;
  z-index:999
}
.owner span {
  display:block;
  font-size:14px;
  color:#000;
  font-weight:500
}
.owner img {
  width:70px;
  height:auto;
  margin-top:10px
}
.modal-filter {
  display:none;
  width:100%;
  background-color:#fff;
  z-index:9999990;
  overflow-y:scroll;
  top:0;
  height:100%;
  webkit-overflow-scrolling:touch;
  padding:15px
}
.modal-filter .header-upper-title {
  text-align:center;
  display:block;
  color:#f44336
}
.modal-filter.active {
  display:block
}
.modal-filter .close {
  opacity:1;
  float:left
}
.filter {
  width:55px;
  height:55px;
  background-color:#f44336;
  bottom:10px;
  left:10px;
  display:none;
  z-index:9999999
}
@media (max-width:767px) {
  .filter {
    display:block
  }
}
.filter img {
  max-width:45%;
  margin:0 auto;
  display:block;
  position:absolute;
  top:17px;
  left:0;
  right:0
}
.nav-vila {
  padding:0 15px
}
.nav-vila .logo {
  max-width:100%;
  height:auto
}
@media (max-width:991px) {
  .nav-vila .logo {
    margin-top:10px
  }
}
.nav-vila .navbar-toggler span {
  width:20px;
  height:2px;
  background-color:#000;
  display:block;
  margin-bottom:7px
}
.btn-form {
  background-color:#f44336;
  color:#fff;
  font-size:14px;
  font-weight:500;
  display:inline-block;
  padding:6px 18px;
  border-radius:15px;
  -webkit-box-shadow:0 5px 15px 0 rgba(226,63,51,.25);
  box-shadow:0 5px 15px 0 rgba(226,63,51,.25)
}
.btn-form:hover {
  color:#fff;
  background-color:#c03732
}
.main-panel {
  display:inline;
  float:left;
  width:calc(100% - 300px);
  min-height:100%;
  background-color:#f2f3f4
}
@media (max-width:767px) {
  .main-panel {
    width:100%
  }
}
.main-panel.collapse {
  width:calc(100% - 70px)
}
.main-panel .header-form {
  background-color:#fff;
  padding:15px
}
.main-panel .header-form .link {
  margin:10px 0 0
}
.main-panel .header-form .link span {
  width:20px;
  height:2px;
  background-color:#000;
  margin-bottom:7px;
  display:block
}
.main-panel .btn-store {
  background-color:#f44336;
  color:#fff;
  font-size:14px;
  font-weight:500;
  display:block;
  padding:10px 10px 10px 50px;
  float:left;
  border-radius:20px;
  -webkit-box-shadow:0 5px 15px 0 rgba(226,63,51,.25);
  box-shadow:0 5px 15px 0 rgba(226,63,51,.25);
  position:relative;
  margin:15px 0
}
.main-panel .box-panel,
.slider-small {
  margin:15px 0;
  -webkit-box-shadow:0 5px 10px 0 rgba(135,135,135,.15)
}
.main-panel .btn-store:hover {
  color:#fff;
  background-color:#c03732
}
.main-panel .btn-store:before {
  content:"";
  width:24px;
  height:25px;
  background:url(../img/icon/icon099.png) no-repeat;
  position:absolute;
  left:5px;
  top:5px
}
.main-panel .box-panel {
  background-color:#fff;
  border-radius:15px;
  border:1px solid rgba(135,135,135,.07);
  box-shadow:0 5px 10px 0 rgba(135,135,135,.15)
}
.main-panel .box-panel .box-p .color,
.main-panel .box-panel .box-p .color .checkbox:after,
.main-panel .box-panel table .table-light td,
.main-panel .box-panel table tr.table-light .checkbox:after {
  background-color:#eeefef
}
.main-panel .box-panel .box-p {
  padding:0 15px
}
.main-panel .box-panel .box-p .list__item {
  position:relative;
  top:10px
}
.main-panel .box-panel .box-p .padding {
  padding:5px
}
.main-panel .box-panel table td {
  vertical-align:inherit
}
.main-panel .box-panel table .checkbox {
  top:3px
}
.main-panel .box-panel #map {
  height:300px;
  width:100%
}
.main-panel .box-panel #map #map-container {
  width:100%;
  height:100%
}
.main-panel .box-panel .btn-group2 {
  background-color:#7fbb00;
  border-radius:50%;
  color:#fff;
  width:30px;
  height:30px
}
.main-panel .box-panel.padding {
  padding:15px
}
.main-panel .box-panel .header {
  padding:15px;
  border-bottom:1px solid #ddddde;
  margin-bottom:15px
}
.main-panel .box-panel .header .btn-form {
  float:left
}
.main-panel .box-panel .header .title-box {
  color:#2e2e2e;
  font-weight:500;
  font-size:18px;
  display:inline-block
}
.main-panel .box-panel .data {
  padding:0 30px 30px
}
.main-panel .box-panel label {
  color:#454545;
  font-weight:500;
  font-size:14px
}
.main-panel .box-panel label.red {
  color:#f44336;
  display:block
}
.main-panel .box-panel label.green {
  color:#7fbb00;
  display:block
}
.main-panel .box-panel .form-group {
  margin:0
}
.main-panel .box-panel .form-control {
  color:#878787;
  font-size:14px;
  font-weight:400;
  border:1px solid rgba(135,135,135,.35);
  margin:10px 0
}
.main-panel .box-panel .box-form {
  border:2px dashed #878787;
  text-align:center;
  border-radius:15px;
  padding:70px 15px
}
.main-panel .box-panel .box-form p {
  font-weight:500;
  font-size:14px;
  color:#878787
}
.main-panel .box-panel .box-small {
  border:2px dashed #878787;
  border-radius:15px;
  padding:15px 10px;
  margin-top:15px
}
.main-panel .box-panel .box-small p {
  font-weight:500;
  font-size:12px;
  color:#878787;
  display:inline-block;
  margin-bottom:0
}
.main-panel .box-panel select.form-control {
  padding:4px 10px
}
.main-panel .box-panel .list__item {
  margin:0 0 .5rem;
  padding:0
}
.main-panel .box-panel .label--checkbox {
  position:relative;
  margin:.5rem;
  line-height:135%;
  cursor:pointer;
  font-weight:500;
  font-size:14px
}
.main-panel .box-panel .checkbox {
  position:relative;
  margin:0 0 0 5px;
  cursor:pointer
}
.main-panel .box-panel .checkbox:before {
  transition:all 0.3s ease-in-out;
  content:"";
  position:absolute;
  left:0;
  z-index:1;
  width:1.5rem;
  height:1.5rem;
  border:2px solid #878787;
  top:-4px
}
.main-panel .box-panel .checkbox:checked:before {
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  height:.75rem;
  border-color:#7fbb00;
  border-top-style:none;
  border-right-style:none
}
.main-panel .box-panel .checkbox:after {
  content:"";
  position:absolute;
  left:0;
  width:1.1rem;
  height:1.1rem;
  background:#fff;
  cursor:pointer
}
.sticky-form {
  position:fixed;
  top:-10%;
  background-color:#fff;
  z-index:999;
  width:100%;
  right:0;
  padding-top:5px
}
.sticky-form.active {
  opacity:1;
  top:0
}
.sticky-form .btn-form {
  margin-top:13px
}
.sticky-form .link-filter {
  color:#fff;
  padding:5px 6px 5px 40px;
  position:relative;
  background-color:#7fbb00;
  border-radius:15px;
  font-size:14px;
  font-weight:500;
  top:5px;
  right:7px
}
.sticky-form .link-filter:before {
  content:"";
  background:url(../img/icon/icon0107.png) no-repeat;
  width:23px;
  height:19px;
  position:absolute;
  left:10px;
  top:7px
}
.sticky-form form.search {
  padding:0
}
.link-rent,
.ul-rent {
  right:0;
  background-color:#7fbb00;
  padding:10px 10px 10px 15px;
  border-radius:22px 0 0 22px;
  position:fixed
}
.sticky-form form.search .button {
  top:8px;
  bottom:inherit
}
.ul-rent {
  top:60%;
  display:none;
  z-index:950
}
.ul-rent.show {
  display:block
}
.ul-rent li {
  line-height:32px
}
.ul-rent li img {
  margin-left:5px
}
.ul-rent li a {
  color:#fff;
  font-weight:500;
  font-size:16px
}
.link-rent {
  top:50%;
  z-index:929;
  display:block
}
@media (max-width:991px) {
  .link-rent {
    display:none
  }
}
/* .slider-villas .item {
  margin:15px
} */
/* .slider-villas .slick-next:before,
.slider-villas .slick-prev:before {
  color:#000;
  width:20px;
  height:20px;
  border:1px solid;
  content:"";
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  display:block
}
.slider-villas .slick-next:before {
  border-top:0;
  border-right:0
}
@media (max-width:575px) {
  .slider-villas .item {
    margin:15px auto;
    padding:0 15px
  }
  .slider-villas .slick-next {
    left:-5px;
    z-index:999
  }
  .slider-villas .slick-prev {
    right:-5px;
    z-index:999
  }
}
.slider-villas .slick-prev:before {
  border-left:0;
  border-bottom:0
} */
.slider-single .item img,
.slider-small .item img {
  width:100%;
  max-width:100%;
  height:auto;
  border-radius:15px
}
.slider-small {
  background-color:#fff;
  border-radius:15px;
  padding:15px 30px;
  box-shadow:0 5px 10px 0 rgba(135,135,135,.15)
}
.slider-small .slick-next:before,
.slider-small .slick-prev:before {
  color:#000;
  width:20px;
  height:20px;
  border:1px solid;
  content:"";
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  display:block
}
.slider-small .slick-next {
  left:15px
}
.slider-small .slick-next:before {
  border-top:0;
  border-right:0
}
.slider-small .slick-prev {
  right:15px
}
.slider-small .slick-prev:before {
  border-left:0;
  border-bottom:0
}
.slider-small .item {
  margin:0 10px;
  cursor:pointer
}
.sidebar {
  width:300px;
  height:100%;
  position:fixed;
  right:0;
  z-index:999;
  background-color:#2e2e2e;
  overflow-y:auto;
  display:inline-block
}
.sidebar.collapse .box-user .points,
.sidebar.collapse .box-user p,
.sidebar.collapse .logo,
.sidebar.collapse ul.ul-sidebar li span {
  display:none
}
.sidebar .link-mobile {
  float:left;
  margin-top:6px
}
@media (max-width:767px) {
  .sidebar {
    right:-300px;
    opacity:0
  }
  .sidebar.show {
    right:0;
    opacity:1
  }
}
.sidebar.collapse {
  width:70px
}
.sidebar.collapse ul.ul-sidebar li.subset.open {
  position:relative
}
.sidebar.collapse ul.ul-sidebar li.subset.open .list-subset {
  position:absolute;
  z-index:999
}
.sidebar.collapse .box-user img {
  width:40px;
  height:auto;
  border-radius:50%
}
.sidebar .headera {
  padding:15px;
  background-color:#232323
}
.sidebar .headera .link {
  margin-left:15px;
  display:inline-block;
  position:relative;
  top:13px
}
.sidebar .headera .link span {
  width:30px;
  height:1px;
  background-color:#fff;
  margin-bottom:7px;
  display:block
}
.sidebar .box-user {
  text-align:center
}
.sidebar .box-user img {
  max-width:100%;
  height:auto;
  display:block;
  margin:10px auto;
  border-radius:30px
}
.sidebar .box-user p {
  color:#f2f3f4;
  font-weight:400;
  font-size:15px;
  margin-bottom:0
}
.sidebar .box-user .points {
  color:#ffc500;
  font-weight:500;
  font-size:14px;
  border:1px solid;
  border-radius:15px;
  padding:4px 16px;
  display:inline-block;
  margin:5px 0
}
.box-price {
  background-color:#fff;
  border-radius:15px;
  margin-bottom:15px;
  border:1px solid rgba(135,135,135,.07);
  -webkit-box-shadow:0 5px 10px 0 rgba(135,135,135,.15);
  box-shadow:0 5px 10px 0 rgba(135,135,135,.15)
}
.box-price .btn-form {
  display:block;
  width:100%;
  padding:10px 18px;
  border-radius:30px;
  margin:30px 0 0
}
.box-price .box-property {
  margin-bottom:15px
}
.box-price .box-property p span {
  color:#f44336
}
.box-price .ul {
  width:200px;
  margin:0 auto
}
.box-price .ul li:first-child a {
  background-color:#03a9f4;
  -webkit-box-shadow:0 5px 10px 0 rgba(33,150,243,.25);
  box-shadow:0 5px 10px 0 rgba(33,150,243,.25)
}
.box-price .ul li a {
  display:block;
  color:#fff;
  background-color:#7fbb00;
  border-radius:27px;
  margin:15px 0;
  text-align:right;
  padding:15px;
  font-size:14px;
  font-weight:500;
  -webkit-box-shadow:0 5px 10px 0 rgba(107,157,1,.25);
  box-shadow:0 5px 10px 0 rgba(107,157,1,.25)
}
.box-price .ul li a:hover {
  background-color:#03a9f4;
  -webkit-box-shadow:0 5px 10px 0 rgba(33,150,243,.25);
  box-shadow:0 5px 10px 0 rgba(33,150,243,.25)
}
.box-aside,
.box-new {
  -webkit-box-shadow:0 5px 10px 0 rgba(135,135,135,.15)
}
.box-price .ul li a img {
  float:left;
  position:relative;
  top:-2px
}
.box-price .header {
  background-color:#f44336;
  padding:15px;
  border-radius:15px 15px 0 0
}
.box-price .header .title {
  color:#fff;
  font-weight:500;
  font-size:16px;
  display:block;
  margin-bottom:0
}
@media (min-width:768px) and (max-width:991px) {
  .box-price .header .title {
    font-size:14px
  }
}
.box-price .header .title span {
  font-weight:400!important;
  font-size:14px!important;
  float:inherit;
  top:0!important
}
@media (min-width:768px) and (max-width:991px) {
  .box-price .header .title span {
    font-size:12px!important
  }
}
.box-price .header span {
  color:#fff;
  font-weight:500;
  font-size:16px;
  float:left;
  position:relative;
  top:5px
}
@media (min-width:768px) and (max-width:991px) {
  .box-price .header span {
    font-size:14px
  }
}
.box-price .data {
  padding:15px
}
.box-price .data .title-author {
  font-size:16px;
  font-weight:500;
  color:#2e2e2e
}
.box-price .data p {
  font-weight:5000;
  font-size:14px;
  color:#454545;
  margin-bottom:0
}
.box-price .data p img {
  margin-left:7px
}
.box-price .img-author {
  float:right;
  width:95px;
  border-radius:35px;
  margin-left:15px
}
.box-aside {
  background-color:#fff;
  border-radius:15px;
  margin-bottom:15px;
  border:1px solid rgba(135,135,135,.07);
  box-shadow:0 5px 10px 0 rgba(135,135,135,.15)
}
.box-aside .title-aside {
  font-size:18px;
  font-weight:500;
  color:#2e2e2e;
  padding:10px 20px;
  position:relative
}
.box-aside .link-violation,
.box-aside .title-center {
  font-weight:500;
  font-size:15px;
  color:#878787;
  display:block
}
.box-aside .title-aside:before {
  content:"";
  width:15px;
  height:10px;
  border-radius:5px 0 0 5px;
  position:absolute;
  top:19px;
  right:0;
  background-color:#03a9f4
}
.box-aside .title-center {
  margin-top:15px
}
.box-aside .link-violation {
  padding:15px
}
.box-aside .link-violation img {
  max-width:100%;
  height:auto;
  margin-left:10px
}
section.login {
  width:100%;
  height:100%;
  background:#fff;
  background:-moz-linear-gradient(top,#fff 0,#eee 100%);
  background:-webkit-linear-gradient(top,#fff 0,#eee 100%);
  background:linear-gradient(to bottom,#fff 0,#eee 100%)
}
section.login .box-login {
  background-color:#fff;
  padding:20px;
  border-radius:5px;
  position:relative;
  -webkit-box-shadow:0 0 5px 5px rgba(201,201,201,.45);
  box-shadow:0 0 5px 5px rgba(201,201,201,.46)
}
section.login .box-login .link-password {
  font-size:14px;
  font-weight:300;
  color:#000;
  margin-bottom:20px;
  display:inline-block
}
section.login .box-login .login-icon {
  font-size:70px;
  border:1px solid #c3c2c2;
  color:#c3c2c2;
  width:80px;
  height:80px;
  text-align:center;
  display:inline-block;
  line-height:80px;
  border-radius:50%;
  margin-bottom:15px
}
section.login .box-login img {
  border-radius:50%
}
section.login .box-login .title {
  display:block;
  padding-bottom:20px;
  font-weight:500;
  font-size:25px;
  margin:15px 0;
  color:#c3c2c2
}
section.login .box-login .form-control {
  text-align:left
}
section.login .box-login .form-control.right {
  text-align:right
}
section.login .container,
section.login .row {
  height:100%
}
section.search {
  background:url(../img/ba-vila.jpg) center center no-repeat;
  background-size:cover;
  height:300px;
  width:100%;
  position:relative
}
@media (max-width:767px) {
  section.search {
    height:inherit;
    background:0 0
  }
}
section.search:before {
  content:"";
  width:100%;
  height:100%;
  background-color:rgba(244,67,54,.8);
  position:absolute;
  left:0;
  top:0
}
section.search .title {
  position:relative;
  color:#fff;
  font-weight:300;
  font-size:18px;
  display:block;
  padding:8px;
  text-align:center
}
section.search .container {
  position:relative;
  height:100%
}
section.search .box-search {
  position:absolute;
  bottom:-45px;
  width:100%;
  background-color:#fff;
  border-radius:10px;
  right:0
}
@media (max-width:767px) {
  section.search .title {
    padding:6px 0 0;
    text-align:center;
    font-size:13px
  }
  section.search .box-search {
    position:inherit;
    bottom:-10px
  }
}
section.search .footer {
  background-color:#ededed;
  padding:15px;
  border-radius:0 0 10px 10px
}
section.search .footer .form-group {
  position:relative;
  display:inline-block
}
section.search .footer .form-group:after {
  content:"";
  width:20px;
  height:20px;
  background-color:#ededed;
  position:absolute;
  right:3px;
  top:3px;
  border-radius:15px
}
section.search .footer .form-group:before {
  content:"\f107";
  font:normal normal normal 24px/1 FontAwesome;
  width:25px;
  height:32px;
  background-color:#ededed;
  position:absolute;
  bottom:1px;
  left:3px;
  text-align:center;
  line-height:32px;
  border-radius:25px
}
section.search .footer .form-group select.custom-select {
  background-color:#ededed;
  border:1px solid #878787;
  font-weight:500;
  font-size:14px;
  color:#878787;
  border-radius:25px;
  padding:4px 25px
}
.btn-search2,
section.search .footer .btn-search {
  color:#fff;
  border-radius:15px;
  background-color:#f44336;
  font-weight:500;
  font-size:14px;
  padding:6px 16px 8px 50px;
  display:inline-block;
  float:left;
  position:relative
}
.btn-search2:hover,
section.search .footer .btn-search:hover {
  background-color:#9c2c24
}
@media (max-width:575px) {
  section.search .footer {
    text-align:center
  }
  section.search .footer .btn-search {
    float:inherit;
    margin:10px 0
  }
}
.btn-search2:before,
section.search .footer .btn-search:before {
  content:"";
  background:url(../img/icon/icon023.png) no-repeat;
  width:22px;
  height:22px;
  position:absolute;
  top:6px;
  left:8px
}
.btn-search2:focus,
section.search .footer .btn-search:focus {
  box-shadow:unset!important
}
section.search .footer .link-filter {
  font-weight:500;
  font-size:14px;
  color:#878787;
  border:1px solid #878787;
  display:inline-block;
  padding:6px 16px 6px 40px;
  border-radius:30px;
  margin-left:10px;
  position:relative
}
@media (max-width:575px) {
  section.search .footer .link-filter {
    margin:10px 5px
  }
}
section.search .footer .link-filter:before {
  content:"";
  background:url(../img/icon/icon025.png) no-repeat;
  width:23px;
  height:19px;
  position:absolute;
  top:7px;
  left:9px
}
section.ads,
section.vila {
  background-color:#f2f3f4
}
section.ads {
  padding:80px 0 20px
}
@media (max-width:767px) {
  section.ads .ads {
    margin:15px 0;
    display:block
  }
}
section.ads img {
  max-width:100%;
  height:auto
}
section.vila {
  padding-top:60px
}
section.vila .more {
  color:#fff;
  font-weight:500;
  font-size:14px;
  padding:6px 30px;
  background-color:#7fbb00;
  border-radius:15px;
  display:inline-block;
  margin:25px 0 40px
}
section.tourism {
  padding:30px 0 60px
}
section.tourism.color,
section.tourism.color .box-title .title {
  background-color:#f2f3f4
}
section.tourism .box-title {
  position:relative
}
section.tourism .box-title:before {
  content:"";
  width:100%;
  height:1px;
  background-color:rgba(0,0,0,.24);
  position:absolute;
  right:0;
  top:50%
}
section.follow-up .box-follow-up .link a:before,
ul.ul-sidebar li.subset>a:before {
  height:10px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg)
}
section.tourism .box-title .title {
  display:inline-block;
  background-color:#fff;
  padding:0 10px;
  font-size:18px;
  font-weight:500;
  color:#2e2e2e;
  position:relative
}
section.tourism .box-title .more {
  float:left;
  background-color:#f44336;
  padding:4px 16px;
  border-radius:15px;
  color:#fff;
  font-weight:500;
  font-size:13px;
  position:relative;
  margin-right:10px;
  display:inline-block;
  -webkit-box-shadow:0 5px 15px 0 rgba(236,67,55,.25);
  box-shadow:0 5px 15px 0 rgba(236,67,55,.25)
}
section.follow-up {
  background-color:#f2f3f4;
  padding:40px 0
}
section.follow-up .m-t-50 {
  margin-top:50px
}
section.follow-up .box-follow-up {
  border-radius:100px;
  background-color:#fff;
  text-align:center;
  margin:15px 0;
  padding:65px 30px;
  border:2px solid rgba(135,135,135,.11);
  position:relative
}
section.follow-up .box-follow-up .link {
  position:absolute;
  width:100%;
  bottom:0;
  text-align:center;
  right:0;
  opacity:0
}
section.follow-up .box-follow-up .link a {
  background-color:#000;
  color:#fff;
  display:inline-block;
  border-radius:15px;
  font-size:13px;
  font-weight:400;
  padding:4px 10px 4px 20px;
  position:relative
}
section.follow-up .box-follow-up .link a:before {
  content:"";
  width:10px;
  border:1px solid #fff;
  border-right:0;
  border-top:0;
  position:absolute;
  left:10px;
  top:7px;
  transform:rotate(45deg)
}
section.follow-up .box-follow-up:hover {
  background-color:#f44336
}
section.follow-up .box-follow-up:hover figure {
  background-color:#fff
}
section.follow-up .box-follow-up:hover figure img {
  opacity:0
}
section.follow-up .box-follow-up:hover figure .img {
  opacity:1
}
section.follow-up .box-follow-up:hover .title {
  color:#fff
}
section.follow-up .box-follow-up:hover .link {
  opacity:1;
  bottom:-12px
}
section.follow-up .box-follow-up figure {
  background-color:#7fbb00;
  display:inline-block;
  margin:0 auto;
  position:relative;
  padding:15px;
  border-radius:40px;
  -webkit-box-shadow:0 5px 15px 0 rgba(115,170,0,.31);
  box-shadow:0 5px 15px 0 rgba(115,170,0,.31)
}
section.follow-up .box-follow-up figure img {
  max-width:100%;
  height:auto;
  display:block;
  margin:0 auto
}
section.follow-up .box-follow-up figure .img {
  position:absolute;
  right:0;
  opacity:0;
  left:0;
  top:15px
}
section.follow-up .box-follow-up .title {
  font-size:22px;
  font-weight:400;
  color:#454545;
  margin:5px 0;
  display:block
}
section.follow-up .title-follow {
  font-size:30px;
  font-weight:400;
  color:#2e2e2e
}
section.follow-up .description {
  font-size:16px;
  color:#878787;
  font-weight:400
}
section.follow-up .btn-comment {
  font-size:14px;
  font-weight:500;
  color:#fff;
  display:inline-block;
  border-radius:20px;
  background-color:#03a9f4;
  position:relative;
  padding:9px 22px 9px 58px;
  margin-top:15px;
  -webkit-box-shadow:0 5px 10px 0 rgba(33,150,243,.25);
  box-shadow:0 5px 10px 0 rgba(33,150,243,.25)
}
section.follow-up .btn-comment:before {
  content:"";
  width:22px;
  height:24px;
  background:url(../img/icon/icon017.png) no-repeat;
  position:absolute;
  left:20px;
  top:7px
}
section.details,
section.villas {
  background-color:#f2f3f4;
  padding-top:60px
}
.paddtop {
  padding-top:30px!important
}
section.details #map {
  width:100%;
  height:400px;
  margin:15px 0
}
section.details #map #map-container {
  height:100%;
  width:100%
}
section.villas.color,
section.villas.color .box-title .title {
  background-color:#fff
}
section.villas .box-title {
  position:relative
}
section.villas .box-title img {
  margin-left:10px
}
section.villas .box-title:before {
  content:"";
  width:100%;
  height:1px;
  background-color:rgba(0,0,0,.24);
  position:absolute;
  right:0;
  top:50%
}
section.villas .box-title .title {
  display:inline-block;
  background-color:#f2f3f4;
  padding:0 10px;
  font-size:18px;
  font-weight:500;
  color:#2e2e2e;
  position:relative
}
section.villas .box-title .more {
  float:left;
  background-color:#f44336;
  padding:4px 16px;
  border-radius:15px;
  color:#fff;
  font-weight:500;
  font-size:13px;
  position:relative;
  margin-right:10px;
  display:inline-block;
  -webkit-box-shadow:0 5px 15px 0 rgba(236,67,55,.25);
  box-shadow:0 5px 15px 0 rgba(236,67,55,.25)
}
section.blog {
  padding:20px 0;
  background:url(../img/blog001.jpg) center center no-repeat;
  background-size:cover
}
article.blog figure {
  height:135px
}
article.blog figure img {
  width:100%
}
.box-new {
  background-color:#fff;
  border-radius:15px;
  border:1px solid rgba(135,135,135,.07);
  box-shadow:0 5px 10px 0 rgba(135,135,135,.15);
  margin:15px 0;
  padding:15px
}
.box-comment,
.table-vila {
  -webkit-box-shadow:0 5px 10px 0 rgba(135,135,135,.15)
}
.box-new .text-description {
  margin:10px 0;
  color:#000
}
.box-new .box-see,
.box-new .box-see2 {
  overflow:hidden;
  font-size:15px;
  font-weight:300
}
.box-new .box-see.show,
.box-new .box-see2.show {
  height:auto
}
.box-new .header button,
.box-new .ul-img li button {
  height:30px;
  background-color:#7fbb00;
  border-radius:50%
}
.box-new .header {
  margin-bottom:15px
}
.box-new .header button {
  color:#fff;
  width:30px;
  float:left
}
.box-new .header .title {
  display:inline-block
}
.box-new .header span {
  color:#7fbb00;
  font-weight:500;
  font-size:14px;
  float:left;
  position:relative;
  top:3px;
  margin:0 5px
}
.box-new .data,
.box-new .data-rules {
  margin:15px -15px 0;
  border-top:1px solid rgba(0,0,0,.2);
  padding:15px 15px 0
}
.box-new .data-rules p {
  font-weight:500!important;
  color:#878787;
  font-size:14px
}
.box-new .data-rules p.bold {
  color:#454545
}
.box-new .data p {
  font-size:14px!important;
  color:#454545!important;
  font-weight:500
}
.box-new .ul-img li {
  width:49%;
  display:inline-block;
  line-height:32px
}
.box-new .ul-img li button {
  color:#fff;
  width:30px
}
.box-new .ul-img li img {
  margin-left:5px
}
.box-new .ul-img li span {
  color:#454545;
  font-weight:400;
  font-size:14px
}
@media (max-width:575px) {
  .box-new .ul-img li button {
    width:20px;
    height:20px;
    line-height:23px;
    padding:0
  }
  .box-new .ul-img li span {
    font-size:11px
  }
}
.box-new .title {
  font-weight:500;
  font-size:18px;
  color:#2e2e2e;
  margin-bottom:15px
}
.box-new p {
  font-size:13px;
  font-weight:400;
  color:#878787;
  margin-bottom:0
}
.box-new .text {
  color:#878787;
  font-weight:300;
  font-size:15px
}
.box-new .text.red {
  color:#f44336
}
.box-new .text span {
  font-size:12px
}
.box-new .text span.number {
  font-size:14px!important;
  float:left
}
.box-new .new-ul li {
  display:inline-block;
  text-align:center;
  margin:0 15px
}
.box-new .new-ul li img {
  margin:0 0 10px
}
.box-new .new-ul li span {
  font-size:14px;
  font-weight:500;
  color:#878787;
  display:block
}
.box-new .new-ul li span.bold {
  color:#454545
}
.box-new .ul-new {
  border-left:1px solid rgba(0,0,0,.08)
}
@media (max-width:767px) {
  .box-new .ul-new.ul {
    border-bottom:1px solid rgba(0,0,0,.3);
    margin-bottom:15px
  }
}
.box-new .ul-new button {
  background-color:#7fbb00;
  border-radius:50%;
  color:#fff;
  width:30px;
  height:30px
}
.box-new .ul-new .my-rating-8 {
  display:inline-block;
  float:left;
  margin-left:10%
}
.box-new .ul-new.width {
  border-left:0
}
.box-new .ul-new.width li {
  width:49%;
  display:inline-block
}
@media (max-width:991px) {
  .box-new .ul-new {
    border-left:0
  }
  .box-new .ul-new.width li {
    width:100%
  }
}
.box-new .ul-new li {
  line-height:32px
}
.box-new .ul-new li span {
  color:#878787;
  font-size:15px;
  font-weight:300
}
.box-new .ul-new li span.bold {
  color:#000
}
.title-table {
  display:block;
  margin:30px 0;
  color:#2e2e2e;
  font-size:18px;
  font-weight:500
}
.table-vila {
  background-color:#fff;
  border-radius:15px;
  margin:15px 0;
  border:1px solid rgba(135,135,135,.07);
  box-shadow:0 5px 10px 0 rgba(135,135,135,.15)
}
.table-vila .discount {
  color:#454545;
  font-weight:500;
  font-size:12px;
  border-radius:15px;
  background-color:#e7e7e7;
  padding:4px 12px
}
.table-vila .discount span {
  margin:0 5px;
  display:inline-block
}
.table-vila .discount .positive {
  color:#7fbb00
}
.table-vila .discount .minus {
  color:#f44336
}
.table-vila .discount a {
  display:inline-block;
  font-size:14px
}
@media (max-width:767px) {
  .table-vila {
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar
  }
}
.table-vila .situation {
  font-weight:500;
  font-size:13px;
  color:#878787;
  border:1px solid #878787;
  border-radius:15px
}
.table-vila .situation.active {
  color:#fff;
  background-color:#7fbb00;
  border:0
}
.table-vila .rate {
  border:1px solid;
  padding:4px 16px;
  border-radius:15px;
  width:90px
}
.table-vila .number,
.table-vila .rate {
  color:#878787;
  font-weight:500;
  font-size:14px;
  text-align:center
}
.table-vila .text-update {
  color:#878787;
  font-weight:500;
  font-size:13px
}
.table-vila .text-update.active {
  color:#2196f3
}
.table-vila .request {
  color:#878787;
  font-weight:500;
  font-size:13px
}
.table-vila .update {
  font-weight:500;
  font-size:13px;
  color:#2196f3;
  border:1px solid;
  padding:5px;
  border-radius:17px
}
.table-vila p {
  margin-bottom:0
}
.table-vila .width {
  width:210px
}
.table-vila .text {
  color:#878787;
  font-size:14px;
  font-weight:500
}
.table-vila .special-text {
  font-weight:500;
  font-size:13px;
  color:#f44336;
  margin-top:8px
}
.table-vila .special {
  font-weight:500;
  font-size:13px;
  color:#f44336;
  border:1px solid;
  padding:5px;
  border-radius:17px
}
.table-vila .special.active {
  background-color:#f44336;
  color:#fff;
  border:1px solid transparent
}
.table-vila tbody td {
  text-align:center;
  min-width:86px
}
.table-vila thead tr {
  text-align:center
}
.table-vila thead tr th {
  font-size:14px;
  font-weight:500;
  color:#454545;
  text-align:center
}
.box-comment {
  background-color:#fff;
  border-radius:15px;
  border:1px solid rgba(135,135,135,.07);
  box-shadow:0 5px 10px 0 rgba(135,135,135,.15);
  margin:15px 0
}
article.article-detail,
article.vila {
  -webkit-box-shadow:0 5px 10px 0 rgba(135,135,135,.15)
}
.box-comment #map {
  width:100%;
  height:200px;
  margin:15px 0
}
.box-comment #map #map-container {
  height:100%;
  width:100%
}
.box-comment .title {
  font-weight:500;
  font-size:18px;
  color:#2e2e2e
}
.box-comment .title span {
  font-size:14px
}
.box-comment .comment-author {
  padding:15px;
  margin:15px 0
}
.box-comment .comment-author .box-author {
  border:1px solid rgba(135,135,135,.26);
  padding:15px;
  border-radius:15px
}
.box-comment .comment-author .box-author img,
.box-comment .header {
  border-radius:15px
}
.box-comment .comment-author .box-author .data-author {
  display:inline-block;
  font-size:14px;
  font-weight:400;
  color:#878787;
  padding:0 15px
}
.box-comment .data,
.box-comment .header {
  padding:15px;
  border-bottom:1px solid rgba(135,135,135,.27)
}
.box-comment .comment-author .box-author .data-author p {
  margin-bottom:0
}
.box-comment .comment-author .box-author .data-author .title {
  font-weight:500;
  font-size:14px;
  color:#454545;
  display:inline-block
}
@media (max-width:575px) {
  .box-comment .comment-author .box-author .data-author p {
    text-align:justify
  }
  .box-comment .comment-author .box-author .data-author .title {
    margin:10px 0
  }
}
.box-comment .comment-author .box-author .data-author .time {
  color:#454545;
  font-size:14px;
  font-weight:400;
  float:left
}
.box-comment .data p {
  font-size:14px;
  font-weight:400;
  color:#878787
}
.box-comment .data .form-control {
  border-radius:15px;
  border:1px solid rgba(135,135,135,.35);
  font-weight:400;
  font-size:14px
}
.box-comment .data .btn-form {
  float:left;
  margin:15px 0
}
@media (max-width:767px) {
  .table-vila tbody td {
    min-width:200px
  }
  .slider-tourism {
    margin:50px auto
  }
}
.villa-detail-content-slider-track.slider-tourism {
  margin:0 auto!important
}
.slider-tourism .slick-list {
  padding-left:100px!important
}
@media (max-width:991px) {
  .slider-tourism .slick-list {
    padding-left:0!important
  }
}
.slider-tourism .slick-next,
.slider-tourism .slick-prev {
  display:inline-block
}
.slider-tourism .slick-next:before,
.slider-tourism .slick-prev:before {
  width:50px;
  height:50px;
  border:1px solid #a0a0a0;
  display:block;
  -moz-transform:rotate(45deg) translateY(0);
  -webkit-transform:rotate(45deg) translateY(0);
  -o-transform:rotate(45deg) translateY(0);
  -ms-transform:rotate(45deg) translateY(0);
  transform:rotate(45deg) translateY(0);
  opacity:1
}
.slider-tourism .slick-prev:before {
  border-left:0;
  border-bottom:0
}
.slider-tourism .slick-next:before {
  border-right:0;
  border-top:0
}
.slider-tourism .item {
  margin:15px 10px;
  outline:0!important
}
.slider-comment .slick-next,
.slider-comment .slick-prev {
  display:inline-block
}
.slider-comment .slick-next:before,
.slider-comment .slick-prev:before {
  width:30px;
  height:30px;
  border:1px solid #a0a0a0;
  display:block;
  -moz-transform:rotate(45deg) translateY(0);
  -webkit-transform:rotate(45deg) translateY(0);
  -o-transform:rotate(45deg) translateY(0);
  -ms-transform:rotate(45deg) translateY(0);
  transform:rotate(45deg) translateY(0);
  opacity:1
}
@media (max-width:575px) {
  .slider-tourism .slick-next:before,
  .slider-tourism .slick-prev:before {
    width:30px;
    height:30px
  }
  .slider-tourism .slick-prev {
    right:5px
  }
  .slider-tourism .slick-next {
    left:15px
  }
  .slider-comment .slick-next:before,
  .slider-comment .slick-prev:before {
    display:none
  }
}
.slider-comment .slick-prev:before {
  border-left:0;
  border-bottom:0
}
.slider-comment .slick-next:before {
  border-right:0;
  border-top:0
}
.slider-comment .item {
  margin:15px;
  text-align:center;
  background-color:#fff;
  border-radius:15px;
  padding:15px;
  position:relative;
  outline:hidden!important
}
.slider-comment .item.slick-center:before {
  display:none
}
.slider-comment .item .text-name {
  font-weight:500;
  font-size:14px;
  color:#878787;
  position:relative;
  display:inline-block
}
.slider-comment .item .text-name:after,
.slider-comment .item .text-name:before {
  content:"";
  width:30px;
  height:1px;
  background-color:#03a9f4;
  position:absolute;
  top:15px
}
.slider-comment .item .text-name:before {
  right:-35px
}
.slider-comment .item .text-name:after {
  left:-35px
}
.slider-comment .item:before {
  content:"";
  width:100%;
  height:100%;
  background-color:rgba(135,135,135,.26);
  position:absolute;
  right:0;
  top:0;
  border-radius:15px
}
.slider-comment .item img {
  max-width:100%;
  height:auto;
  display:block;
  margin:0 auto;
  border-radius:15px
}
.slider-comment .item p {
  color:#878787;
  font-weight:400;
  font-size:14px
}
.slider-footer {
  background-color:#fff;
  width:100%;
  border-radius:15px;
  margin:10px 0
}
.slider-footer .item img {
  max-width:100%;
  height:auto;
  margin:0 auto;
  display:block
}
.nav-blog {
  background-color:#fff;
  padding:0
}
.nav-blog li.dropdown .dropdown-toggle {
  padding:19px 19px 19px 30px;
  position:relative
}
.nav-blog li.dropdown .dropdown-toggle:after {
  content:"\f107"!important;
  font:normal normal normal 24px/1 FontAwesome;
  border:0;
  left:17px;
  top:16px;
  position:absolute
}
article.tourism:before,
article.vila figure:before,
ul.login li a:before,
ul.ul-nav li a:before {
  content:""
}
.nav-blog li.dropdown .dropdown-menu {
  margin:0;
  padding:0;
  border:0
}
.nav-blog li.dropdown .dropdown-menu a {
  padding:6px 12px;
  text-align:right
}
.nav-blog .navbar-toggler {
  padding:19px
}
.nav-blog .navbar-toggler span {
  width:20px;
  height:2px;
  background-color:#000;
  margin-bottom:5px;
  display:block
}
article.vila a.overallAnchor {
  height:100%;
  width:100%;
  position:absolute
}
article.vila {
  margin:15px 0;
  background-color:#fff;
  border-radius:15px;
  border:1px solid rgba(135,135,135,.15);
  box-shadow:0 5px 10px 0 rgba(135,135,135,.15)
}
article.vila:hover {
  -moz-transform:translateY(-5px);
  -webkit-transform:translateY(-5px);
  -o-transform:translateY(-5px);
  -ms-transform:translateY(-5px);
  transform:translateY(-5px)
}
article.vila:hover figure:before {
  opacity:1
}
article.vila:hover figure .estate {
  opacity:1;
  -moz-transform:translateY(0);
  -webkit-transform:translateY(0);
  -o-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0)
}
article.vila figure {
  margin-bottom:0;
  border-radius:15px 15px 0 0;
  position:relative;
  text-align:center;
  cursor:pointer
}
article.vila figure .heart {
  position:absolute;
  top:15px;
  left:15px;
  z-index:666;
  color:#fff
}
article.vila figure .heart:hover {
  color:red
}
article.vila figure .discount,
article.vila figure .special {
  color:#fff;
  font-size:16px;
  position:absolute;
  font-weight:500
}
article.vila figure:before {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  right:0;
  border-radius:15px 15px 0 0;
  z-index:33;
  opacity:0
}
article.vila figure .discount {
  width:100%;
  text-align:center;
  bottom:0;
  right:0;
  padding:8px;
  background-color:rgba(0,173,239,.7)
}
article.vila figure .special {
  background-color:#f44336;
  padding:7px;
  right:7px;
  top:7px;
  z-index:55;
  border-radius:10px
}
article.vila figure img {
  max-width:100%;
  height:auto;
  border-radius:15px 15px 0 0;
  width:100%
}
article.vila figure .estate {
  background-color:#fff;
  position:absolute;
  top:41%;
  display:inline-block;
  right:32%;
  padding:4px 16px;
  border-radius:15px;
  color:#2196f3;
  font-size:14px;
  font-weight:500;
  z-index:55;
  opacity:0;
  -moz-transform:translateY(-15px);
  -webkit-transform:translateY(-15px);
  -o-transform:translateY(-15px);
  -ms-transform:translateY(-15px);
  transform:translateY(-15px)
}
article.vila .data {
  padding:10px
}
article.vila .data .title {
  font-size:15.5px;
  display:block;
  font-weight:500;
  height:50px
}
article.vila .data .title a {
  color:#454545
}
article.vila .data .price {
  font-size:16px;
  display:inline-block;
  color:#454545;
  font-weight:500;
  float:left
}
article.vila .data .number {
  float:left;
  background:url(../img/icon/icon008.png) no-repeat;
  width:28px;
  height:25px;
  position:relative
}
article.vila .data .number span {
  position:absolute;
  top:-5px;
  right:-10px;
  background-color:#03a9f4;
  color:#fff;
  border-radius:5px;
  font-weight:500;
  font-size:9px;
  display:inline-block;
  padding:2px 4px
}
article.vila .data .place {
  float:right;
  font-weight:300;
  font-size:12px;
  color:#454545;
  margin-bottom:0
}
article.vila .data .my-rating-8 {
  display:inline-block;
  position:relative;
  top:5px;
  padding:0 5px
}
article.vila ul {
  border-top:1px solid rgba(0,0,0,.23)
}
article.vila ul li {
  display:inline-block;
  width:calc(100% / 4.3);
  text-align:center;
  border-left:1px solid rgba(0,0,0,.23);
  padding:10px 0;
  vertical-align:top;
  height:70px
}
article.vila ul li:last-child {
  border-left:0
}
article.vila ul li img {
  max-width:40%;
  height:auto;
  display:block;
  margin:0 auto
}
article.vila ul li span {
  font-weight:500;
  font-size:9px;
  color:#878787
}
article.tourism {
  position:relative;
  border-radius:15px
}
article.tourism:before {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  right:0;
  background-color:rgba(46,46,46,.5);
  border-radius:15px;
  opacity:0
}
article.tourism:hover:before {
  opacity:1
}
article.tourism:hover .link {
  bottom:45%
}
article.tourism img {
  width:auto;
  height:100%;
  border-radius:15px
}
@media (max-width:575px) {
  .city_slider_img {
    width:auto!important;
    height:253px!important
  }
  article.tourism {
    max-width:237px;
    margin:0 auto
  }
  article.tourism img {
    width:100%
  }
}
article.tourism .my-rating-8 {
  position:absolute;
  left:10px;
  top:10px;
  display:inline-block
}
@media (min-width:768px) and (max-width:991px) {
  article.tourism .my-rating-8 {
    display:none
  }
}
article.tourism .link a,
article.tourism .place {
  padding:4px 16px;
  display:inline-block;
  border-radius:15px
}
article.tourism .place {
  background-color:#03a9f4;
  color:#fff;
  font-size:12px;
  position:absolute;
  top:10px;
  right:10px
}
article.tourism .link {
  width:100%;
  position:absolute;
  right:0;
  text-align:center;
  bottom:5%
}
article.tourism .link a {
  font-size:14px;
  font-weight:500;
  color:#454545;
  background-color:#fff
}
article.article-aside {
  padding:15px
}
article.article-aside figure {
  margin-bottom:0
}
article.article-aside figure img {
  max-width:100%;
  height:auto;
  border-radius:15px
}
article.article-aside .data .title {
  font-size:14px;
  font-weight:500;
  color:#878787;
  display:block;
  margin-bottom:5px
}
article.article-aside .data p {
  margin-bottom:0;
  font-weight:400;
  font-size:12px;
  color:#878787
}
article.article-aside .data p img {
  width:20px;
  height:auto;
  margin-left:5px;
  border-radius:50%
}
article.article-detail {
  background-color:#fff;
  border-radius:15px;
  border:1px solid rgba(135,135,135,.07);
  box-shadow:0 5px 10px 0 rgba(135,135,135,.15)
}
article.article-detail .ul-article {
  display:table;
  margin:15px auto
}
article.article-detail .ul-article li {
  display:inline-block;
  margin:0 10px;
  text-align:center
}
@media (max-width:575px) {
  article.article-detail .ul-article li {
    width:calc(100% / 4.3);
    margin:0;
    vertical-align:top
  }
}
article.article-detail .ul-article li span {
  font-size:14px;
  font-weight:500;
  color:#878787;
  display:block;
  margin:5px 0
}
article.article-detail .code {
  font-weight:500!important;
  font-size:14px!important;
  color:#03a9f4!important;
  border:1px solid;
  padding:4px 16px;
  border-radius:15px
}
.datack img {
  width:100%!important
}
article.article-detail .code span {
  color:#03a9f4!important
}
article.article-detail .data {
  padding:15px;
  color:#878787;
  font-weight:500;
  font-size:14px
}
article.article-detail .header {
  padding:15px;
  border-bottom:1px solid rgba(135,135,135,.27)
}
article.article-detail .header span {
  float:left;
  font-size:13px;
  color:#000;
  font-weight:400
}
@media (max-width:575px) {
  article.article-detail .header .span {
    float:inherit;
    margin-top:5px;
    display:block
  }
}
article.article-detail .header .my-rating-8 {
  display:inline-block;
  margin:0 10px
}
article.article-detail .header .place {
  font-weight:400;
  font-size:14px;
  color:#454545;
  margin-bottom:0;
  display:inline-block
}
article.article-detail .header .title {
  font-size:24px;
  font-weight:500;
  color:#2e2e2e;
  display:inline-block;
  margin-bottom:7px
}
article.article-detail .header .author {
  margin-bottom:0;
  font-weight:400;
  font-size:12px;
  color:#000;
  float:left
}
article.article-detail .header .author img {
  width:20px;
  height:auto;
  margin-left:5px;
  border-radius:50%
}
article.blog {
  margin:0 0 30px;
  -webkit-box-shadow:0 5px 10px 0 rgba(135,135,135,.15);
  box-shadow:0 5px 10px 0 rgba(135,135,135,.15);
  border:1px solid rgba(135,135,135,.07);
  border-radius:15px
}
article.blog:hover {
  -moz-transform:translateY(-15px);
  -webkit-transform:translateY(-15px);
  -o-transform:translateY(-15px);
  -ms-transform:translateY(-15px);
  transform:translateY(-15px)
}
article.blog:hover .data .more {
  opacity:1;
  -moz-transform:translateY(0);
  -webkit-transform:translateY(0);
  -o-transform:translateY(0);
  -ms-transform:translateY(0);
  transform:translateY(0)
}
article.blog figure {
  margin-bottom:0
}
article.blog figure img {
  max-width:100%;
  height:auto;
  border-radius:15px 15px 0 0
}
@media (max-width:575px) {
  article.article-detail .header .author {
    float:right
  }
  article.blog figure img {
    width:100%
  }
}
article.blog .data {
  font-weight:400;
  font-size:14px;
  color:#878787;
  background-color:#fff;
  padding:10px;
  border-radius:0 0 15px 15px;
  position:relative;
  overflow:hidden
}
article.blog .data .data2 {
  height:110px;
  overflow:hidden
}
article.blog .data .more {
  background-color:#7fbb00;
  width:100%;
  text-align:center;
  border-radius:0 0 15px 15px;
  font-size:14px;
  font-weight:500;
  position:absolute;
  bottom:0;
  right:0;
  padding:8px 16px;
  display:block;
  color:#fff;
  opacity:0;
  -moz-transform:translateY(15px);
  -webkit-transform:translateY(15px);
  -o-transform:translateY(15px);
  -ms-transform:translateY(15px);
  transform:translateY(15px)
}
article.blog .data p {
  margin-bottom:0;
  text-align:justify
}
article.blog .data .title {
  color:#454545;
  font-size:14px;
  font-weight:500;
  text-align:center;
  display:block
}
article.blog .data .day {
  bottom:0;
  left:0;
  padding:8px 0 0;
  float:left;
  font-size:12px
}
article.blog .data .author {
  bottom:0;
  right:0;
  float:right;
  padding:8px 0 0;
  font-size:12px;
  display:inline-block
}
#result div,
ul.login,
ul.ul-header {
  float:left
}
article.blog .data .author img {
  width:25px;
  border-radius:50%;
  margin-left:5px
}
article.article-blog {
  position:relative;
  height:211px;
  -webkit-box-shadow:inset 0 18px 24px 0 rgba(0,0,0,.48);
  box-shadow:inset 0 18px 24px 0 rgba(0,0,0,.48);
  margin:15px 0;
  border-radius:15px;
  transition:1s all
}
article.article-blog:hover {
  opacity:.5
}
article.article-blog figure {
  margin-bottom:0;
  height:100%
}
article.article-blog figure img {
  border-radius:15px;
  width:100%;
  height:100%
}
article.article-blog .title {
  font-weight:500;
  color:#fff;
  font-size:18px;
  position:absolute;
  right:15px;
  bottom:15px;
  text-shadow:1px 1px 14px #4c4343
}
.link-see,
.link-see2 {
  font-weight:500;
  font-size:15px;
  color:#03a9f4;
  margin:10px 0;
  display:block
}
footer .footer {
  background-color:#232323;
  padding:40px 0
}
footer .footer .title {
  font-weight:500;
  font-size:14px;
  color:#fff
}
footer .footer .logo-footer {
  max-width:100%;
  height:auto;
  margin:50px auto;
  display:block
}
@media (max-width:575px) {
  footer .footer .logo-footer {
    margin:10px auto
  }
}
ul.floating {
  position:fixed;
  left:10px;
  display:none;
  top:60%;
  z-index:999
}
@media (max-width:767px) {
  ul.floating {
    display:block
  }
}
ul.floating li {
  margin-bottom:15px
}
@media (max-width:575px) {
  ul.ul-nav {
    margin:0 -20px;
    position:absolute;
    width:107%!important;
    top:60px
  }
  ul.ul-nav li a {
    font-size:10px!important;
    margin:0!important;
    padding:15px 0!important
  }
}
@media (max-width:991px) {
  ul.ul-nav {
    display:block;
    width:100%
  }
  ul.ul-nav li {
    display:inline-block
  }
}
ul.ul-nav li a {
  color:#878787;
  font-size:16px;
  font-weight:500;
  margin:0 10px;
  display:block;
  padding:15px 5px;
  border-bottom:2px solid transparent;
  position:relative
}
@media (min-width:768px) and (max-width:991px) {
  ul.ul-nav li a {
    font-size:14px
  }
}
ul.ul-nav li a:hover {
  color:#f44336;
  border-bottom:2px solid #f44336
}
ul.ul-nav li a:hover:before {
  opacity:1
}
ul.ul-nav li a:before {
  width:0;
  height:0;
  border-style:solid;
  border-width:0 7.5px 7px;
  border-color:transparent transparent #f44336;
  position:absolute;
  left:0;
  right:0;
  margin:0 auto;
  bottom:0;
  opacity:0
}
ul.login {
  width:420px;
  position:absolute;
  left:0;
  text-align:left
}
@media (max-width:575px) {
  ul.login {
    top:7px!important;
    text-align:left!important;
    width:200px
  }
}
@media (max-width:991px) {
  ul.login {
    text-align:center;
    margin:10px 0;
    top:10px
  }
}
ul.login li {
  display:inline-block
}
ul.login li:last-child {
  margin-right:5px
}
ul.login li a {
  font-size:12px;
  font-weight:500;
  border-radius:30px;
  padding:6px 15px 6px 35px;
  position:relative
}
ul.login li a:before {
  position:absolute;
  left:11px;
  width:15px;
  top:7px
}
ul.login li a.login {
  color:#7fbb00;
  border:1px solid
}
@media (max-width:575px) {
  ul.login li:last-child {
    margin-right:0
  }
  ul.login li a {
    font-size:11px;
    padding:6px
  }
  ul.login li a:before {
    top:4px;
    display:none
  }
  ul.login li a.login {
    border:0!important
  }
}
ul.login li a.login:before {
  background:url(../img/icon/icon001.png);
  height:16px
}
ul.login li a.login:hover {
  background-color:#7fbb00;
  color:#fff;
  border:1px solid transparent
}
ul.login li a.login:hover:before {
  background:url(../img/icon/icon001-2.png)
}
ul.login li a.record {
  background-color:#2196f3;
  color:#fff;
  border:1px solid transparent
}
@media (max-width:575px) {
  ul.login li a.record {
    border:0!important;
    color:#2196f3;
    background-color:transparent!important
  }
}
ul.login li a.record:before {
  background:url(../img/icon/icon002.png);
  height:15px
}
ul.login li a.record:hover {
  background-color:#fff;
  color:#2196f3;
  border:1px solid #2196f3
}
ul.login li a.record:hover:before {
  background:url(../img/icon/icon002-2.png)
}
ul.list-footer li a {
  font-size:13px;
  font-weight:400;
  color:#878787
}
ul.list-footer li a:hover,
ul.ul-sidebar li:hover>a,
ul.ul-sidebar li:hover>a:before {
  color:#fff
}
@media (min-width:576px) and (max-width:767px) {
  ul.footer-social {
    margin:10px 2px
  }
}
ul.footer-social li {
  display:inline-block
}
ul.footer-social li a {
  margin:0 1px;
  display:block;
  position:relative;
  width:42px;
  height:42px;
  overflow:hidden
}
@media (max-width:575px) {
  ul.footer-social li a {
    margin:10px
  }
}
ul.footer-social li a:hover img {
  opacity:0;
  top:-40px
}
ul.footer-social li a:hover .img {
  opacity:1;
  bottom:0
}
ul.footer-social li a img {
  max-width:100%;
  height:auto;
  position:absolute;
  opacity:1;
  top:0
}
ul.footer-social li a .img {
  opacity:0;
  position:absolute;
  bottom:-40px;
  top:inherit!important
}
ul.ul-social {
  text-align:center;
  border-bottom:1px solid #d7d8d9;
  padding:20px 0
}
ul.ul-social li {
  display:inline-block;
  margin:0 10px
}
ul.ul-social li a {
  overflow:hidden;
  width:42px;
  height:42px;
  display:block;
  position:relative
}
ul.ul-social li a img {
  opacity:1;
  position:absolute;
  top:0;
  left:0
}
ul.ul-social li a .img {
  opacity:0;
  bottom:-40px
}
ul.ul-social li a:hover img {
  opacity:0;
  position:absolute;
  top:-40px
}
ul.ul-social li a:hover .img {
  bottom:0!important;
  opacity:1;
  top:inherit
}
ul.ul-aside li {
  text-align:center;
  padding:15px;
  border-radius:15px;
  width:calc(100% / 2.1);
  display:inline-block;
  height:116px
}
ul.ul-aside li:first-child {
  background-color:#03a9f4;
  position:relative;
  top:-5px;
  margin-left:2.2%
}
ul.ul-aside li:last-child {
  background-color:#f44336
}
ul.ul-aside li img {
  max-width:100%;
  height:auto;
  display:block;
  margin:0 auto 10px
}
ul.ul-aside li span {
  color:#fff;
  font-size:16px;
  font-weight:500;
  display:block
}
@media (max-width:991px) {
  ul.ul-aside li span {
    font-size:13px
  }
}
ul.ul-sidebar {
  padding:20px 0
}
ul.list-subset li,
ul.list-subset li a {
  padding:0 20px
}
ul.ul-sidebar li {
  line-height:40px
}
ul.ul-sidebar li:hover>a img {
  display:none
}
ul.ul-sidebar li:hover>a .img {
  display:inline-block
}
ul.ul-sidebar li>a {
  color:#878787;
  font-size:15px;
  font-weight:400;
  position:relative;
  display:block;
  padding:0 20px
}
ul.list-subset li a:before,
ul.ul-sidebar li.subset>a:before {
  content:"";
  width:10px;
  position:absolute;
  top:14px
}
ul.ul-sidebar li>a img {
  margin-left:10px
}
ul.ul-sidebar li>a .img {
  display:none
}
ul.breadcrumb li,
ul.ul-header li {
  display:inline-block
}
ul.ul-sidebar li.subset>a:before {
  border:1px solid #878787;
  border-left:0;
  border-top:0;
  left:15px;
  transform:rotate(45deg)
}
ul.list-subset li a:before,
ul.ul-header li a.login:before {
  height:10px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg)
}
ul.list-subset li:hover>a {
  color:#2196f3
}
ul.list-subset li:hover>a:before {
  border-color:#2196f3
}
ul.list-subset li a:before {
  border:1px solid #878787;
  border-right:0;
  border-top:0;
  right:0;
  transform:rotate(45deg)
}
ul.ul-header li a {
  font-size:14px;
  font-weight:500;
  border-radius:30px;
  padding:6px 15px 6px 35px;
  position:relative
}
ul.ul-header li a.login:before,
ul.ul-header li a:before {
  position:absolute;
  content:""
}
ul.ul-header li a:before {
  left:11px;
  width:15px;
  top:7px
}
ul.ul-header li a.login {
  color:#fff;
  background-color:#7fbb00
}
ul.ul-header li a.login:before {
  width:10px;
  border:1px solid #fff;
  border-left:0;
  border-top:0;
  left:15px;
  transform:rotate(45deg);
  top:9px
}
ul.ul-header li a.record {
  background-color:#2196f3;
  color:#fff
}
ul.ul-header li a.record:before {
  background:url(../img/icon/icon002.png);
  height:15px
}
ul.breadcrumb {
  padding:15px;
  background-color:#fff;
  margin-top:10px
}
ul.breadcrumb li a {
  font-size:13px;
  font-weight:500;
  color:#878787;
  margin:0 10px;
  position:relative
}
ul.breadcrumb li a:before {
  content:"";
  width:10px;
  height:10px;
  border:1px solid #f44336;
  border-right:0;
  border-top:0;
  position:absolute;
  left:-15px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  top:5px
}
ul.nav-blog li:last-child a {
  border-left:0
}
ul.nav-blog li a {
  font-size:15px;
  font-weight:500;
  color:#878787;
  display:block;
  padding:19px;
  border-left:1px solid rgba(0,0,0,.3)
}
@media (max-width:991px) {
  ul.nav-blog li a {
    border-left:0
  }
}
ul.nav-blog li a:hover {
  background-color:#f44336;
  color:#fff
}
form.form .form-group {
  position:relative
}
form.form .form-group select.form-control {
  height:34px
}
form.form .form-group.arrow:after {
  content:"\f107";
  font:normal normal normal 24px/1 FontAwesome;
  width:25px;
  height:32px;
  background-color:#fff;
  position:absolute;
  bottom:1px;
  left:1px;
  text-align:center;
  line-height:32px;
  border-radius:5px
}
form.search {
  padding:30px
}
@media (max-width:767px) {
  form.search {
    padding:10px
  }
}
form.search .button {
  padding:0;
  border-radius:50%;
  color:#878787;
  border:1px solid;
  position:absolute;
  bottom:8px;
  left:7px;
  width:20px;
  height:20px;
  line-height:22px;
  text-align:center;
  font-size:15px;
  background-color:transparent
}
form.search .button.left {
  left:30px
}
form.search label {
  font-size:15px;
  font-weight:500;
  color:#878787;
  margin:0
}
form.search span {
  font-weight:400;
  font-size:12px;
  color:#878787
}
form.search .form-control {
  margin:10px 0;
  font-size:14px;
  font-weight:400;
  color:#878787;
  border:1px solid rgba(135,135,135,.35);
  border-radius:10px;
  padding:8px 39px 8px 10px
}
@media (max-width:575px) {
  form.search .form-control {
    font-weight:300;
    font-size:12px;
    padding:4px 20px 4px 10px
  }
}
form.search .ul-date li {
  width:49%;
  font-size:15px;
  font-weight:500;
  color:#878787;
  display:inline-block
}
@media (min-width:768px) and (max-width:991px) {
  form.search .ul-date li {
    width:48%
  }
}
form.search .ul-date li p {
  margin-bottom:0
}
form.search .form-group {
  position:relative
}
form.search .form-group.arrow:after {
  content:"\f107";
  font:normal normal normal 24px/1 FontAwesome;
  width:25px;
  height:32px;
  background-color:#fff;
  position:absolute;
  bottom:1px;
  left:1px;
  text-align:center;
  line-height:32px;
  border-radius:10px
}
.loading:before,
.loading:not(:required):after,
form.search .form-group:before {
  content:""
}
form.search .form-group.width:before {
  display:none
}
form.search .form-group.width .width {
  border:1px solid rgba(135,135,135,.35);
  margin:10px 0;
  border-radius:30px;
  padding:0 12px
}
form.search .form-group.width .form-control {
  width:49%;
  display:inline-block;
  border:0;
  border-radius:0;
  padding:8px;
  margin:0
}
@media (max-width:991px) {
  form.search .form-group.width .form-control {
    width:45%
  }
}
form.search .form-group.width .form-control:first-child {
  border-left:1px solid rgba(135,135,135,.35)!important
}
form.search .form-group:before {
  background:url(../img/icon/icon003.png) center no-repeat #fff;
  width:30px;
  height:20px;
  position:absolute;
  right:5px;
  bottom:7px;
  border-left:1px solid rgba(0,0,0,.3)
}
@media (max-width:575px) {
  form.search .form-group:before {
    display:none
  }
}
form.search .form-group.area:before {
  background:url(../img/icon/icon018.png) center no-repeat #fff;
  height:24px;
  right:7px
}
form.search .form-group.code:before {
  background:url(../img/icon/icon019.png) center no-repeat #fff
}
form.search .form-group.type:before {
  background:url(../img/icon/icon020.png) center no-repeat #fff;
  height:24px;
  right:7px
}
form.search .form-group.capacity:before {
  background:url(../img/icon/icon021.png) center no-repeat #fff;
  height:24px;
  right:7px
}
form.search .form-group.number:before {
  background:url(../img/icon/icon022.png) center no-repeat #fff;
  height:24px;
  right:7px
}
form.search .form-group.rent:before {
  background:url(../img/icon/icon024.png) center no-repeat #fff;
  height:24px;
  right:7px
}
form.search .form-group.rent .form-control {
  padding-left:50px
}
form.search .form-group.name:before {
  background:url(../img/icon/icon095.png) center no-repeat #fff;
  height:24px;
  right:7px
}
form.search .form-group.guest:before {
  background:url(../img/icon/icon094.png) center no-repeat #fff;
  height:24px;
  right:7px
}
form.search .form-group.contact:before {
  background:url(../img/icon/icon096.png) center no-repeat #fff;
  height:24px;
  right:7px
}
form.search .custom-select {
  height:34px;
  width:100%;
  display:block;
  margin:10px 0;
  font-size:14px;
  font-weight:400;
  color:#878787;
  border:1px solid rgba(135,135,135,.35);
  border-radius:10px;
  padding:4px 39px 4px 10px
}
@media (max-width:575px) {
  form.search .custom-select {
    font-weight:300;
    font-size:12px;
    padding:4px 20px 4px 10px
  }
  form.newsletters {
    text-align:center
  }
}
form.search .custom-select option {
  font-weight:400;
  padding:6px
}
form.newsletters {
  margin:10px 0
}
form.newsletters .form-control {
  background-color:#f2f3f4;
  border:0;
  border-radius:0 5px 5px 0;
  font-weight:400;
  font-size:13px;
  color:#878787;
  padding:8px 15px
}
@media (max-width:575px) {
  form.newsletters .form-control {
    border-radius:5px
  }
}
form.newsletters button {
  background-color:#f44336;
  color:#fff;
  border-radius:5px 0 0 5px;
  margin-right:-15px;
  font-weight:500;
  font-size:14px
}
@media (max-width:575px) {
  form.newsletters button {
    border-radius:5px;
    margin:10px 0
  }
}
.tooltip {
  font-family:vazir!important
}
.btn-bloglink {
  color:#fff;
  background-color:#cc3434;
  border-radius:29px;
  font-size:10px
}
@media (max-width:991px) {
  section.vila {
    background-color:#f2f3f4;
    padding-top:15px
  }
  ul.ul-nav li a {
    color:#878787;
    font-size:14px;
    font-weight:500;
    margin:0 10px;
    display:block;
    padding:15px 5px;
    border-bottom:2px solid transparent;
    position:relative
  }
}
.popover .arrow,
.popover.bs-popover-auto[x-placement^="right"] .arrow,
.popover.bs-popover-right .arrow {
  display:none
}
@media (max-width:575px) {
  ul.ul-nav li a {
    font-size:12.5px!important;
    margin:0!important;
    padding:15px 5px 0 3px!important
  }
  ul.login li a.login {
    border:1px!important
  }
  ul.login li a.record {
    border:1px!important;
    color:#fff;
    background-color:#2196f3!important
  }
}
.center-gmail-my,
.show-in-blog {
  font-size:12px;
  font-weight:300
}
.box-aside,
.ul-aside {
  width:100%
}
.center-gmail-my {
  background:#dd4b39;
  color:#fff;
  padding:7px;
  border-radius:5px;
  margin:3px auto 20px
}
.center-gmail-my a {
  text-align:center;
  color:#fff
}
.show-in-blog {
  background:0 0;
  border:1px solid #b7a809;
  border-radius:20px;
  width:60%;
  margin:2px auto;
  color:#b7a809
}
.popover.bs-popover-auto[x-placement^="right"],
.popover.bs-popover-right {
  margin-left:3px
}
.popover-body {
  padding:9px 14px;
  color:#fff;
  font-family:vazir,arial,sans-serif;
  font-weight:300;
  background:rgba(127,187,0,.84);
  border:0!important;
  font-size:11.5px;
  line-height:23px;
  border-radius:3px
}
.popover {
  border-color:rgba(238,238,238,.83)!important
}
.input-group-addon {
  height:33.47px;
  border:none;
  border-radius:0!important;
  margin:10px 0;
  direction:ltr
}
.thumbnail {
  height:100px;
  margin:10px
}
.customheight {
  height:52px
}
@media (max-width:768px) {
  .reserveform {
    display:block!important
  }
}
.menu_in_m {
  font-size:13px!important;
  font-weight:300!important
}
@media (max-width:767px) {
  article.blog figure {
    height:250px
  }
  article.article-detail .header .author,
  article.article-detail .header .title {
    display:block;
    margin-bottom:9px
  }
  .view_in_dektop {
    display:none!important
  }
  .nav_m {
    margin-right:-1.5rem!important
  }
  .avatar_comment {
    float:left
  }
  .data-author {
    float:right;
    margin-top:-50px
  }
}
@media (min-width:768px) {
  .in_desk {
    color:#f6695e;
    font-size:14px!important;
    font-weight:300!important;
    margin-top:-9px!important;
    display:block!important
  }
  .view_in_mobile {
    display:none!important
  }
}
.save_m {
  width:100%;
  font-weight:300;
  font-size:18px
}
div[data-score] span.d-lg-none {
  padding-left:7px;
  color:#8a8181
}
.pagination {
  margin:35px 0
}
*,
:focus {
  outline:0!important
}
.page-link {
  position:relative;
  display:block;
  padding:.8rem 1.2rem;
  margin-left:-1px;
  line-height:1.25;
  color:#6fbb0a;
  background-color:#fff;
  border:1px solid #ddd;
  border-radius:50%!important;
  font-size:1.3rem;
  font-weight:300
}
.loading,
.loading:before {
  position:fixed;
  top:0;
  left:0
}
.page-item.active .page-link {
  z-index:2;
  color:#fff;
  background-color:#8dc73f;
  border-color:#8dc73f
}
li.page-item {
  margin:0 3px
}
@media (min-width:768px) and (max-width:991.98px) {
  article.tourism img {
    margin:0 auto!important
  }
  article.tourism .place {
    right:18%!important
  }
  ul.login {
    text-align:left!important
  }
  ul.ul-nav {
    text-align:center!important
  }
}
.loading {
  z-index:999;
  height:2em;
  width:2em;
  overflow:show;
  margin:auto;
  bottom:0;
  right:0
}
.loading:before {
  display:block;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,.3)
}
#overlayLoading span {
  position:relative;
  top:50px;
  color:#fff;
  text-align:center;
  margin:auto;
  right:auto;
  left:auto
}
.loading:not(:required) {
  text-shadow:none;
  background-color:transparent;
  border:0
}
.loading:not(:required):after {
  display:block;
  font-size:10px;
  width:1em;
  height:1em;
  margin-top:-.5em;
  -webkit-animation:spinner 1.5s infinite linear;
  -moz-animation:spinner 1.5s infinite linear;
  -ms-animation:spinner 1.5s infinite linear;
  -o-animation:spinner 1.5s infinite linear;
  animation:spinner 1.5s infinite linear;
  border-radius:.5em;
  -webkit-box-shadow:rgba(0,0,0,.75) 1.5em 0 0 0,rgba(0,0,0,.75) 1.1em 1.1em 0 0,rgba(0,0,0,.75) 0 1.5em 0 0,rgba(0,0,0,.75) -1.1em 1.1em 0 0,rgba(0,0,0,.5) -1.5em 0 0 0,rgba(0,0,0,.5) -1.1em -1.1em 0 0,rgba(0,0,0,.75) 0 -1.5em 0 0,rgba(0,0,0,.75) 1.1em -1.1em 0 0;
  box-shadow:rgba(0,0,0,.75) 1.5em 0 0 0,rgba(0,0,0,.75) 1.1em 1.1em 0 0,rgba(0,0,0,.75) 0 1.5em 0 0,rgba(0,0,0,.75) -1.1em 1.1em 0 0,rgba(0,0,0,.75) -1.5em 0 0 0,rgba(0,0,0,.75) -1.1em -1.1em 0 0,rgba(0,0,0,.75) 0 -1.5em 0 0,rgba(0,0,0,.75) 1.1em -1.1em 0 0
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@keyframes spinner {
  0% {
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
.cityslider button {
  height:20px!important
}
.cityslider .slick-prev {
  right:-50px!important
}
.cityslider {
  margin:0 auto!important
}
.city_slider {
  display:none;
  padding:15px!important
}
.city_item {
  width:auto!important
}
.city_item img {
  height:150px!important;
  width:200px!important
}
.cityname {
  background-color:rgba(0,0,0,.4)!important;
  font-size:19px!important;
  border-radius:0!important;
  width:100%!important;
  right:0!important;
  top:93px!important;
  text-align:center!important
}
@media (min-width:767px) {
  .city_slider {
    margin-top:40px!important
  }
}
@media (max-width:767px) {
  .cityslider button {
    display:none!important
  }
}
main {
  overflow:initial
}
.swiper-container {
  width:100%;
  height:100%
}
.swiper-slide {
  text-align:center;
  font-size:18px;
  margin-left:10px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -webkit-justify-content:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
  align-items:center
}
.cityname {
  background-color:transparent!important;
  font-size:19px!important;
  border-radius:0!important;
  width:100%!important;
  right:0!important;
  text-align:center!important;
  top:200px!important
}
.city_slider {
  display:block!important
}
article.tourism .place {
  padding:0;
  display:inline-block;
  border-radius:15px
}
.city_item img {
  height:260px!important;
  width:180px!important;
  border-radius:15px!important
}
@media (max-width:820px) {
  .carousel-cell {
    width:auto!important
  }
}
@media (max-width:575px) {
  .carousel-cell {
    width:50%!important
  }
}

/* Keep public note typography independent from inline styles stored in CMS content. */
.note-article-page,
.note-article-page *,
.note-article-responsive-images,
.note-article-responsive-images * {
  font-family:'IRANSansX',Tahoma,Arial,sans-serif!important
}
.note-article-responsive-images {
  font-size:16px!important;
  line-height:1.95!important;
  color:rgb(135,135,135)!important
}
.note-article-responsive-images * {
  font-size:inherit!important;
  line-height:inherit!important;
  color:rgb(135,135,135)!important
}
.places-article-responsive-images,
.places-article-responsive-images * {
  color:rgb(135,135,135)!important
}
.note-article-responsive-images h1 {
  font-size:20px!important
}
.note-article-responsive-images h2 {
  font-size:18px!important
}
.note-article-responsive-images h3 {
  font-size:17px!important
}
.note-article-responsive-images h4,
.note-article-responsive-images h5,
.note-article-responsive-images h6 {
  font-size:16px!important
}
@media (min-width:768px) {
  .note-article-responsive-images {
    line-height:2!important
  }
}
@media (min-width:1024px) {
  .note-article-sidebar-column {
    position:sticky;
    top:16px;
    align-self:start
  }
}