@charset "UTF-8";
/*
    Name: PlacesDojo Template
    Description: Stylesheets for PlacesDojo - Template
    Version: 1.0
    Author: Themes Dojo

    TABLE OF CONTENTS
    ---------------------------

    1.  Basic
    2.  Typography
    3.  Pages
      3.0 Front Page
      3.1 Browse Places without Map - Page
      3.2 Browse Places with Map - Page
      3.3 Blog & Blog Post - Page
      3.4 Browse Places without Map - Page
      3.5 Special Offers - Page
      3.6 How It Works - Page
      3.7 Contact Us - Page
      3. 404 - Page
    4. Preloader / Overlay
	5. Hover efects and Animations
    6. Owl Carousel - Animate Plugin -  http://www.owlcarousel.owlgraphic.com/
    7. Magnific poup styles -  http://dimsemenov.com/plugins/magnific-popup/
*/

/*--------------------------------------------
			1. BASIC
--------------------------------------------*/
@font-face {
  font-family: "Louis George Cafe";
  src: url("Louis George Cafe.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
body {
  position: relative;
  margin: 0;
  padding: 0;
  background: #f9f9f6;
  overflow-x: hidden;
}
#page-content {
  width: 100%;
  overflow-x: hidden;
}

/*--------------------------------------------
			2. TYPOGRAPHY
--------------------------------------------*/
body {
  font-family: "Louis George Cafe";
}
#cross {
  display: none;
}
.text-center {
  text-align: center;
}
/* aditional class for elements with 'Lato' font-family */
.gm-style {
  font-family: "Louis George Cafe" !important;
  font-size: 14px;
  line-height: 1.5;
}
.map-navbar {
  position: absolute;
  width: 100%;
  z-index: 1;
}
.ordinary-heros {
  padding-top: 150px;
  padding-bottom: 60px;
}
.lesson {
  padding-top: 60px;
  padding-bottom: 60px;
}
.cs-select {
  font-size: 16px;
  line-height: 1.2;
}
h1,
h2 {
  font-family: "Lato", sans-serif;
}
.para-top {
  margin-top: 9px;
}

.challange-top-space {
  padding-top: 60px;
  padding-bottom: 60px;
}
.source-top-space {
  padding-top: 60px;
  padding-bottom: 20px;
}
.lesson-top-space {
  padding-top: 60px;
}
.impact-top-space {
  padding-top: 60px;
  padding-bottom: 60px;
}
.quote-top-space {
  padding-bottom: 60px;
}
.bottom-space {
  padding-bottom: 60px;
}
.reservation-form {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 40px;
  margin-bottom: 40px;
}

.one-row {
  display: flex;
  flex-direction: row;
}

.boxwrapleft {
  padding-left: 61px;
  padding-top: 60px;
  padding-bottom: 60px;
  flex-basis: 0;
  flex-grow: 1;
}
.boxwrapright {
  padding-right: 52px;
  padding-top: 60px;
  padding-bottom: 60px;
  border-right: 2px solid #000;
  flex-basis: 0;
  flex-grow: 1;
}
.titlewrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 84px;
}
.titlewrap2 {
  display: flex;
  flex-direction: column;
  padding-bottom: 202px;
}
.titlewrap3 {
  display: flex;
  flex-direction: column;
  padding-bottom: 60px;
}
.titlewrap4 {
  padding-bottom: 147px;
}
.arrowimage {
  max-width: 93px;
  max-height: 174px;
  padding-top: 20px;
}
.swirlyimage {
  max-width: 210px;
  max-height: 87px;
  padding-top: 20px;
}
.lineimage {
  max-width: 213px;
  max-height: 8px;
}

.impact {
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.section-intro-margin {
  margin-bottom: 60px;
}

.lesson {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 64px;
  align-items: center;
}
.form-name {
  margin-bottom: 60px;
}

section {
  padding-left: 30px;
  padding-right: 30px;
  border-bottom: 2px solid #000;
}
.box {
  width: 100%;
  max-width: 374px;
}
.box-learn {
  width: 100%;
  max-width: 607px;
}

h1 {
  font-weight: 900;
  line-height: 1.2;
  font-size: 40px;
}
h2 {
  font-weight: 800;
  line-height: 47px;
  font-size: 40px;
}
h3 {
  font-family: "Louis George Cafe";
  font-weight: 400;
  line-height: 1.2;
  font-size: 26px;
}
.element-space {
  margin-top: 100px;
}
.item-details-header {
  height: 100vh;
  background: url("../images/Rectangle-17.png");
  background-size: cover;
  background-position: center;
}

.four-col h3 {
  margin: 25px 0;
}

.separator {
  height: 66px;
  position: relative;
  padding: 0 !important;
}
.button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 200px;
}
.button-wrapper a {
  font-size: 20px;
  line-height: 32px;
}
.menu-download a {
  background: #6667ab;
  color: #000;
  width: 200px;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  border-radius: 8px;
  padding: 16px 32px;
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.menu-download a:hover {
  background: #000;
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .item-details-header {
    height: 65vh;
  }
  .top-space {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .bottom-space {
    padding-bottom: 100px;
  }
  .form-name {
    margin-bottom: 80px;
  }
  .section-intro-margin {
    margin-bottom: 60px;
  }
  h1 {
    font-weight: 900;
    line-height: 1.2;
    font-size: 34px;
  }
  h2 {
    font-weight: 400;
    line-height: 1.2;
    font-size: 36px;
  }
  h3 {
    font-family: "Louis George Cafe";
    font-weight: 400;
    line-height: 1.2;
    font-size: 26px;
  }
  .impact {
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
  .reservation-form {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 34px;
    margin-bottom: 54px;
  }
}
@media only screen and (max-width: 991px){
  .reverse-col{
    display:flex;
    flex-direction:column-reverse;
  }

  #browse-map {
    margin-bottom:0px !important;

    position: relative !important;
    width: 100%;
    height: 800px;
    left: 0;
    margin: 0 auto 30px auto;
    border: 2px solid #333;
  }
}
@media only screen and (max-width: 767px) {

  .browse-places{
    padding-top:50px !important;
    margin-top:0px !important;
  }

  .browse-places, .map-toolkit{
    width: 100%;
  }
  .one-row {
    flex-direction: column;
  }
  .boxwrapright {
    padding-right: 0px;
    border-right: none;
  }
  .boxwrapleft {
    padding-left: 0px;
  }
  .reservation-form {
    flex-direction: column;
  }
  .box {
    width: 100%;
    max-width: 100%;
  }
  .top-space {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .bottom-space {
    padding-bottom: 60px;
  }
  h1 {
    font-weight: 900;
    line-height: 1.2;
    font-size: 36px;
  }
  h2 {
    font-weight: 400;
    line-height: 1.2;
    font-size: 26px;
  }
  h3 {
    font-family: "Louis George Cafe";
    font-weight: 400;
    line-height: 1.2;
    font-size: 22px;
  }
}

@media screen and (max-width: 478px) {
  .one-row {
    flex-direction: column;
  }
  .boxwrapright {
    padding-right: 0px;
    border-right: none;
  }
  .boxwrapleft {
    padding-left: 0px;
  }
  .reservation-form {
    flex-direction: column;
  }
  .box {
    width: 100%;
    max-width: 100%;
  }
  .menu-download a {
    font-size: 16px;
  }
  .four-col h3 {
    margin: 20px 0;
  }
  .element-space {
    margin-top: 40px;
  }
  .item-details-header {
    height: 45vh;
  }
  .top-space {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .bottom-space {
    padding-bottom: 60px;
  }
  h1 {
    font-weight: 900;
    line-height: 1.2;
    font-size: 26px;
  }
  h2 {
    font-weight: 400;
    line-height: 1.2;
    font-size: 26px;
  }
  h3 {
    font-family: "Louis George Cafe";
    font-weight: 400;
    line-height: 1.2;
    font-size: 22px;
  }
  .form-name {
    margin-bottom: 40px;
  }
  .section-intro-margin {
    margin-bottom: 60px;
  }
  .impact {
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .reservation-form {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 34px;
    margin-bottom: 54px;
  }
  .separator {
    display: none !important;
  }
}

/** font sizes **/
.menu-top-categories h6,
.navbar-nav a,
.header-top-category,
.header-top-tag-line,
.about-details li:first-child,
.about-details i.fa,
.social-sharing a,
.block-title small,
.about-details li:nth-child(2),
.top-button-reservation small,
.section-intro small,
.start-time,
.tickets,
.event-description-content a,
.form-name span,
.place-address,
.prices-check span,
.listings-btn,
.published-date,
.blog-post-header ul,
.page-404-content .lost-content,
.front-page-intro span,
.front-page-intro ul,
.location-nbr-items,
.location-by-tag i,
.listings-span {
  font-size: 0.714em;
} /* 10px */

.stars-rating,
.about-details li:last-child,
.about-details li.stars-rating,
.top-button-reservation a,
.menu-download a,
.events-panel a[role="button"],
.event-description button,
.reservation-form label,
i.tagline,
.place-with-gallery,
.cs-select span,
.checkbox label,
.load-next-places_btn,
.post-author,
.pagination a,
.tags-menu a,
.search-post button,
.reply-header,
.comment-time,
.comment-form label,
.reservation-form button,
.posts-controls a,
.offer-bott,
.tagline-offers,
.about-description p:first-of-type,
.blog-section,
.place-rating,
.about-description button {
  font-size: 14px;
} /* 12px */

.navbar-fixed .navbar-brand,
blockquote {
  font-size: 1em !important;
} /* 14px */
blockquote p {
  text-align: center;
  font-family: "Lato", sans-sarif;
}
.navbar-form input,
.place-facilities li,
.top-address,
.panel-heading i,
.work-time p,
.work-times p,
.work-time2 p,
.categories-menu a,
.front-page-select-list span,
.front-page-select-list .cs-options,
.about-description p:last-of-type {
  font-size: 24px;
  line-height: 32px;
} /* 16px */

.navbar-default .navbar-brand,
.four-col p,
.four-col span,
.reservation-form input,
.copyright,
.blog-subtitle p,
.blog-text,
.about-author p,
.comment p,
.submit-steps p,
.work-address {
  font-size: 24px;
  line-height: 32px;
} /* 16px */
.four-col h2 {
  text-align: center;
}
.events-panel .panel-title,
.reservation-intro a {
  font-size: 2.143em;
} /* 30px */

/*--------------------------------------------
			3. PAGES
--------------------------------------------*/

/************ 3.0 Front Page **************/
/** header **/
.front-page-header {
  position: relative;
  height: 100vh;
  background: url("http://placehold.it/1920x1080") no-repeat center;
  background-size: cover;
}
.front-page-intro {
  position: relative;
  top: 35%;
  color: #fff;
  z-index: 2;
}
.front-page-intro .col-md-4 {
  padding: 0;
}
.front-page-intro .icon {
  font-size: 50px;
  display: block;
  text-align: center;
  margin-bottom: 15px;
}
.front-page-intro .small-text {
  display: block;
  text-align: center;
  letter-spacing: 3px;
}
.front-page-intro h2 {
  position: relative;
  display: inline-block;
  letter-spacing: 6px;
  margin: -8px 0 0 0;
  padding: 18px 0 13px 0;
  border-bottom: 2px solid #fff;
}
.front-page-intro h2:after,
.front-page-intro h2:before {
  content: "";
  position: absolute;
  width: 157px;
  height: 2px;
  background: #fff;
  top: 0;
}
.front-page-intro h2:after {
  right: 0;
}
.front-page-intro h2:before {
  left: 0;
}

.top-tag-line {
  margin: 17px 0;
}
.top-tag-line b {
  letter-spacing: 4px;
}
.top-tag-line li {
  position: relative;
}
.top-tag-line li:nth-child(2):after,
.top-tag-line li:nth-child(2):before {
  content: "";
  position: absolute;
  top: 45%;
  width: 2px;
  height: 2px;
  border-radius: 30px;
  background: #fff;
}
.top-tag-line li:nth-child(2):after {
  right: -4px;
}
.top-tag-line li:nth-child(2):before {
  left: -8px;
}
.top-tag-line li:first-child i.fa {
  margin-right: 6px;
}
.top-tag-line li:last-child i.fa {
  margin-left: 6px;
}

.front-page-intro form {
  position: relative;
}
.front-page-select-list {
  border: 2px solid #fff;
  width: 100%;
  height: 60px;
  line-height: 58px;
  color: #fff !important;
}
.front-page-select-list.cs-active .cs-options ul {
  margin-top: -2px;
}
.front-page-select-list .cs-placeholder {
  font-style: italic;
}
.front-page-select-list.cs-skin-elastic > span:before,
.front-page-select-list.cs-select:after {
  display: none;
}
.front-page-select-list.cs-select > .cs-placeholder:after {
  right: 70px;
  background: url("../images/white_select.png") no-repeat center;
}
.front-page-select-list.cs-select .cs-options span {
  color: #000;
}
.front-page-select-list.cs-select .cs-options {
  width: 101%;
  left: -2px;
}

.front-page-intro button.btn {
  position: absolute;
  right: 0;
  height: 59px;
  width: 58px;
  background: #6667ab;
  color: #000;
  border-left: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-radius: 0;
  z-index: 9;
}

.front-page-intro .small-text:last-of-type {
  margin: 17px 0;
  background-image: url("../images/front-pg-intro-left.png"),
    url("../images/front-pg-intro-right.png");
  background-repeat: no-repeat;
  background-position: left, right;
}

.front-page-intro .front-top-categories {
  display: inline-block;
  margin: 0;
  border: 2px solid #fff;
}
.front-page-intro .front-top-categories li {
  padding: 0;
  float: left;
  border-right: 2px solid #fff;
}
.front-page-intro .front-top-categories li:last-child {
  border: none;
}
.front-top-categories a {
  position: relative;
  color: #fff;
  display: block;
  padding: 11px 19px;
  -webkit-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.front-top-categories a:before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 0;
  width: 100%;
  left: 0;
  background: #6667ab;
  z-index: -1;
  -webkit-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}
.front-top-categories a span {
  display: block;
}
.front-top-categories a span:before {
  margin: 0;
  font-size: 24px; /* icon size */
}

/**** front page wrapp ****/

/* section-intro */
.front-page-wrapp .section-title-separator hr:before,
.front-page-wrapp .section-title-separator hr:after {
  background-image: linear-gradient(
    to right,
    #000 15%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: top;
  background-size: 10px 2px;
  background-repeat: repeat-x;
}

/** front-page locations **/
.location {
  position: relative;
  display: block;
  border: 2px solid #000;
  margin-bottom: 30px;
  z-index: 1;
}
.location:before {
  content: "";
  position: absolute;
  bottom: 20px;
  right: 20px;
  left: 20px;
  height: 3px;
  background-image: linear-gradient(
    to right,
    #000 15%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: top;
  background-size: 15px 2px;
  background-repeat: repeat-x;
}
.location:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 48px;
  background: #6667ab;
  z-index: -1;
  visibility: hidden;
}
.location-bg {
  position: relative;
  width: 100%;
  height: 198px;
  border-bottom: 2px solid #000;
  background-size: cover !important;
  -webkit-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.location1 .location-bg:first-of-type {
  background: url("http://placehold.it/300x160") no-repeat;
}
.location2 .location-bg:first-of-type {
  background: url("http://placehold.it/300x160") no-repeat;
}
.location3 .location-bg:first-of-type {
  background: url("http://placehold.it/300x160") no-repeat;
}
.location-bg:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 95%;
  width: 98%;
  height: 2px;
  background-image: linear-gradient(to right, #fff 15%, rgba(0, 0, 0, 0) 0%);
  background-position: top;
  background-size: 15px 2px;
  background-repeat: repeat-x;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.location-name {
  position: relative;
  display: inline-block;
  color: #000;
  margin: 0;
  padding: 18px 5px 15px 20px;
  letter-spacing: 2px;
  background: #f9f9f6;
}
.location-nbr-items {
  position: relative;
  color: #000;
  margin: 19px 19px 19px 0;
  letter-spacing: 1px;
  background: #f9f9f6;
  padding-left: 10px;
}

.location-by-tag {
  position: relative;
  display: block;
  border: 2px solid #000;
  color: #000;
  margin-bottom: 30px;
  height: 92px;
}
.location-by-tag:after,
.location-by-tag:before {
  content: "";
  position: absolute;
  right: 5px;
  height: 3px;
  width: 56%;
  background-image: linear-gradient(to right, #000 15%, rgba(0, 0, 0, 0) 0%);
  background-position: top;
  background-size: 15px 2px;
  background-repeat: repeat-x;
}
.location-by-tag:after {
  bottom: 8px;
}
.location-by-tag:before {
  top: 8px;
}
.location-by-tag span {
  position: relative;
  background: #f9f9f6;
  padding: 8px 20px 9px;
  border-right: 2px solid #000;
  display: table-cell;
  vertical-align: middle;
  margin-right: 16px;
  z-index: 1;
}
.location-by-tag span:before {
  margin: 0;
  font-size: 50px; /*icon size*/
}
.location-by-tag h5 {
  position: relative;
  top: 28px;
  left: 20px;
  margin: 0;
  display: table-cell;
  vertical-align: top;
  letter-spacing: 2px;
}
.location-by-tag h5:after {
  content: "";
  position: absolute;
  top: 1px;
  right: -10px;
  width: 10px;
  height: 10px;
  background: url("../images/select_arrow.png") no-repeat;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  opacity: 0;
  -webkit-transition: right 0.2s ease-in-out;
  -o-transition: right 0.2s ease-in-out;
  transition: right 0.2s ease-in-out;
}
.location-by-tag i {
  display: inline-block;
  position: relative;
  float: right;
  bottom: 40px;
  margin-right: 42%;
}
.location-by-tag,
.location-by-tag span {
  transition: background 0.3s ease-in-out;
}

/** front-page map **/
.first-page-map {
  height: 600px !important;
  left: auto !important;
  position: relative;
  border: 2px solid #000;
  margin-bottom: 30px;
}

.labels {
  top: -45px;
  left: -10px;
  color: #000;
  background-color: transparent;
  font-size: 22px;
  text-align: center;
  width: auto;
  white-space: nowrap;
}
.labels i:before {
  margin: 0;
}

/** highlights **/
.highlights .section-title-separator {
  margin-top: 85px;
}
.highlights .section-intro {
  padding: 20px 65px 0 60px;
  top: 0;
}
.highlights .section-intro span {
  background: #6667ab;
}
.highlights .section-intro h2 {
  background: #6667ab;
}

/** about site - description **/
.about-description {
  position: relative;
  border: 2px solid #000;
  margin: 30px 0 50px 0;
}
.about-description:before {
  content: "";
  position: absolute;
  top: 61px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #000;
}
.about-description:after {
  content: "";
  position: absolute;
  top: 30px;
  right: 15px;
  width: 80%;
  height: 3px;
  background-image: linear-gradient(to right, #000 15%, rgba(0, 0, 0, 0) 0%);
  background-position: top;
  background-size: 15px 2px;
  background-repeat: repeat-x;
  z-index: -1;
}
.about-description span {
  display: inline-block;
  border-right: 2px solid #000;
  background: #6667ab;
  padding: 13px 22px 18px 22px;
  float: left;
}
.about-description span:before {
  margin: 0;
  font-size: 30px;
}
.about-description h2 {
  display: inline-block;
  background: #f9f9f6;
  padding: 0 15px 0 20px;
  margin: 5px 0;
  line-height: 50px;
}
.about-description h3 {
  height: 74px;
}
.about-description p {
  height: 140px;
}
.about-description h3,
.about-description p {
  position: relative;
  margin: 0;
  padding: 21px 50px 23px 30px;
  color: #000;
  clear: both;
  line-height: 30px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.about-description h3:after,
.about-description p:after {
  content: "";
  position: absolute;
  left: 5px;
  bottom: 0;
  width: 98.5%;
  height: 3px;
  background-image: linear-gradient(to right, #000 15%, rgba(0, 0, 0, 0) 0%);
  background-position: top;
  background-size: 15px 2px;
  background-repeat: repeat-x;
}
.about-description p:first-of-type {
  color: #000;
  line-height: 24px;
}
.about-description p {
  letter-spacing: 2px;
}
.about-description button {
  margin-top: 10px;
  width: 100%;
  background: #000;
  border-radius: 0;
  border: none;
  color: #fff;
  letter-spacing: 4px;
  padding: 20px 0;
  border-top: 2px solid #000;
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

.posibilities {
  position: relative;
  border: 2px solid #000;
  margin-top: 30px;
}
.posibilities:after {
  content: "";
  position: absolute;
  top: 61px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #000;
}
.posibilities:before {
  content: "";
  position: absolute;
  top: 35px;
  right: 5px;
  width: 70%;
  height: 3px;
  background-image: linear-gradient(to right, #000 15%, rgba(0, 0, 0, 0) 0%);
  background-position: top;
  background-size: 15px 2px;
  background-repeat: repeat-x;
  z-index: -1;
}
.posibilities span,
.posibilities h2 {
  display: inline-block;
  margin: 0;
  background: #f9f9f6;
  float: left;
}
.posibilities span {
  background: #6667ab;
  padding: 16px;
  border-right: 2px solid #000;
  height: 61px;
}
.posibilities span:before {
  font-size: 30px; /* icon size */
}
.posibilities h2 {
  padding: 18px 5px 11px 15px;
}
.posibilities h2:first-of-type {
  border-right: 2px solid #000;
  width: 70px;
}
.posibilities p {
  padding: 18px 20px 17px 18px;
  margin: 0;
  clear: both;
  line-height: 21px;
}

.blog-intro-block {
  position: relative;
  border: 2px solid #000;
  margin-bottom: 30px;
  display: block;
  color: #000;
}
.blog-intro-block:after {
  content: "";
  position: absolute;
  right: 15px;
  width: 60%;
  height: 3px;
  background: url("../images/black_dot.png") repeat-x;
  bottom: 22px;
}
.blog-intro-bg {
  width: 100%;
  height: 156px;
  border-bottom: 2px solid #000;
  background-size: cover !important;
  -webkit-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transition: grayscale 0.2s ease-in-out;
  -o-transition: grayscale 0.2s ease-in-out;
  transition: grayscale 0.2s ease-in-out;
}
.blog-1 .blog-intro-bg {
  background: url("http://placehold.it/300x160") no-repeat;
}
.blog-2 .blog-intro-bg {
  background: url("http://placehold.it/300x160") no-repeat;
}
.blog-3 .blog-intro-bg {
  background: url("http://placehold.it/300x160") no-repeat;
}
.blog-4 .blog-intro-bg {
  background: url("http://placehold.it/300x160") no-repeat;
}

.blog-intro-block h5 {
  position: relative;
  padding: 17px 5px 17px 18px;
  margin: 0;
  letter-spacing: 2px;
  line-height: 21px;
  display: block;
  color: #000;
}
.blog-intro-block h5:after {
  content: "";
  position: absolute;
  right: 15px;
  bottom: 25px;
  width: 60%;
  height: 3px;
  background: url("../images/black_dot.png") repeat-x;
}
.blog-intro-block h5 b {
  position: relative;
  background: #f9f9f6;
  z-index: 1;
}
.blog-intro-block:hover,
.blog-intro-block:hover h5 b,
.blog-intro-block:hover .blog-section span {
  background: #6667ab !important;
  color: #000;
}
.blog-intro-block:hover .blog-intro-bg {
  -webkit-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
}

.blog-section {
  position: relative;
  border-top: 2px solid #000;
  padding: 13px 18px;
}
.blog-section:after {
  content: "";
  position: absolute;
  top: 0;
  left: 74px;
  height: 100%;
  width: 2px;
  background: #000;
}
.blog-section span {
  position: relative;
  background: #f9f9f6;
  padding-left: 5px;
  z-index: 2;
}

/************ 3.1 Browse Places without Map - Page **************/

/*** Navbar ***/
.navbar {
  background: transparent;
  border: none;
  top: 30px;
  -webkit-transition: top 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out;
  -ms-transition: top 0.3s ease-in-out;
  -o-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out;
}

/* dropdown navbars */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background: transparent;
}
.caret {
  position: relative;
  border: none;
  width: 10px;
  height: 10px;
  margin: 0;
}
.caret:before {
  content: "\f107";
  position: absolute;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 16px;
  line-height: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.navbar-nav > li > .dropdown-menu {
  border-radius: 0;
  background: #6667ab;
  margin-top: 2px;
  left: 16px;
  box-shadow: none;
  border: none;
}
.navbar-nav > li > .dropdown-menu li {
  margin: 10px 0;
}
.navbar-nav > li > .dropdown-menu a {
  position: relative;
  color: #000 !important;
  text-transform: capitalize;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  background-color: transparent;
}
.dropdown.open a.dropdown-toggle:after {
  transform: scaleX(1);
}
.dropdown.open .dropdown-menu a:after {
  background-color: #000;
}

/** logo **/
.logo {
  position: relative;
  display: block;
  width: 130px;
  height: 107px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.navbar-header {
  margin-left: 15px !important;
}

/** fixed to top navbar**/
.navbar-collapse {
  display: block;
  height: 60px;
}
.navbar-fixed {
  position: fixed;
  background: #fff;
  top: 0;
  height: 62px;
  margin: 0;
  width: 100%;
  z-index: 999;
}
.navbar-fixed:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: #000;
  z-index: 1;
}
.navbar-fixed .navbar-nav {
  margin-top: 10px;
}
.navbar-fixed .navbar-nav a {
  color: #000 !important;
}
.navbar-fixed .navbar-nav > .active > a,
.navbar-fixed .navbar-nav > .active > a:focus,
.navbar-fixed .navbar-nav > .active > a:hover {
  border-bottom: 2px solid #000 !important;
}

.navbar-fixed .navbar-brand {
  width: 110px;
  height: 40px;
  margin-left: -5px !important;
  margin-right: 30px;
  margin-top: 10px;
  background-image: url("../images/small-logo.png") !important;
  background-repeat: no-repeat;
  background-size: 100% !important;
}

/* showing ellements on navbar */
.navbar-fixed .navbar-form,
.navbar-fixed .menu-top-categories {
  display: block !important;
}

/** navbar search form **/
.navbar-form {
  margin-top: 0;
  padding: 10px;
  border-left: 1px solid #ececec !important;
  border-right: 1px solid #ececec !important;
  font-style: italic;
  padding: 10px 10px 15px 10px;
}
.navbar-form input,
.navbar-form button {
  border: none;
  border-radius: 0;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-top: 8px;
}
.navbar-form input:focus,
.navbar-form input:active {
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.navbar-form button:active,
.navbar-form button:focus,
.navbar-form button:hover {
  background: transparent !important;
  border-color: transparent !important;
  outline: none !important;
  outline-offset: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/** top categories **/
.menu-top-categories h6 {
  float: left;
  width: 29%;
  padding: 15px 23px;
  color: #999999;
  letter-spacing: 3px;
  line-height: 15px;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.menu-top-categories ul {
  display: inline-block;
  margin: 0;
}
.menu-category {
  padding: 0 !important;
  float: left;
}
.menu-category.hovered:before {
  background: #fff;
}
.menu-category.hovered:after {
  background: #6667ab;
}
.menu-category5 a {
  border-right: 1px solid #ececec;
}
.menu-category a {
  border-left: 1px solid #ececec;
  font-size: 24px;
  color: #4b4b4b;
  padding: 14px 20px;
  display: inline-block;
  -webkit-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.menu-category a:before {
  margin-left: 0;
}

/** main menu **/
.navbar-nav {
  margin-top: 30px;
}
.navbar-nav a {
  padding: 5px 0 0 !important;
  margin: 0 20px;
  color: #f9f9f6 !important;
  letter-spacing: 2px;
  line-height: 30px !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background: transparent;
  border-bottom: 2px solid #6667ab;
}
.navbar-nav a:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  display: block;
  height: 2px;
  width: 100%;
  z-index: -1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right;
  transform-origin: right;
  transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1),
    -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.navbar-default .navbar-nav a:after {
  background-color: #6667ab;
}

.navbar-default .addPlace a {
  height: 40px;
  color: #000 !important;
  padding: 5px 20px !important;
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.navbar-default .addPlace .hovered:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #6667ab;
  z-index: -1;
  -webkit-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}
.navbar-default .addPlace .hovered:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #fff;
  z-index: -1;
  -webkit-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
/** general hover class **/
.hovered {
  position: relative;
}
.hovered:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #6667ab;
  z-index: -1;
  -webkit-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}
.hovered:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #fff;
  z-index: -1;
  -webkit-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
/** /.general hover class **/

/*** header ***/
header {
  position: relative;
  color: #fff;
  background-attachment: fixed !important;
}
header:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.item-details-header .container {
  position: relative;
  height: 100vh;
}
.item-details-header .bottom-content {
  position: absolute;
  bottom: 95px;
  width: 100%;
  z-index: 1;
}
.item-details-header .bottom-content:after {
  content: "";
  position: absolute;
  bottom: 4px;
  left: 15px;
  width: 80.5%;
  height: 2px;
  background: #fff;
}

/*** header bottom content ***/

/** About Place **/
.about-place {
  position: relative;
  border-width: 0px 2px 2px 2px;
  border-style: solid;
  border-color: #fff;
  max-width: 570px;
}
.place-logo {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #000;
  background: #fff;
  width: 27.5%;
  height: 137px;
  max-width: 137px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.top-socials {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 20px 16px;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  margin-bottom: 0;
}
.top-socials a {
  display: block;
  font-size: 21px; /* icon size */
  color: #fff;
  margin-bottom: 20px;
  -webkit-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}

.place-title {
  position: relative;
  top: -6px;
  width: 72%;
  max-width: 360px;
  padding: 0 20px;
  display: table-cell;
}
.place-title .header-top-category {
  position: relative;
  width: 100%;
  letter-spacing: 2px;
}
.place-title .top-border-separator {
  position: absolute !important;
  top: 6px;
  right: -22px;
  height: 2px;
  background: #fff;
  width: calc((100% - 20px) / 2);
}
.place-title .header-top-category li {
  position: relative;
  float: left;
}
.place-title .header-top-category li:nth-child(2):before,
.place-title .header-top-category li:nth-child(2):after {
  content: "";
  position: absolute;
  top: 6px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #fff;
}
.place-title .header-top-category li:nth-child(2):before {
  right: -2px;
}
.place-title .header-top-category li:nth-child(2):after {
  left: -4px;
}

.place-title h2 {
  position: relative;
  margin: 9px 0 0 0;
  padding-bottom: 17px;
  letter-spacing: 4px;
  display: inline-block;
  width: 97%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 35px;
}
.place-title h2:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
}
.place-title h2:after {
  content: "";
  position: absolute;
  top: 30%;
  right: 0;
  width: 0;
  height: 3px;
  background-image: linear-gradient(to right, #fff 15%, rgba(0, 0, 0, 0) 0%);
  background-position: top;
  background-size: 15px 2px;
  background-repeat: repeat-x;
}

.place-title .header-top-tag-line {
  letter-spacing: 4px;
  word-spacing: 2px;
  width: 320px;
  height: 50px;
  padding-top: 8px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.about-details {
  position: relative;
  border-top: 2px solid #fff;
  margin: 0;
  width: 90%;
}
.about-details:before {
  content: "";
  position: absolute;
  right: 32.5%;
  width: 2px;
  height: 30px;
  background: #fff;
}
.about-details:first-of-type:before {
  bottom: 0;
}
.about-details:last-of-type:before {
  top: 0;
}
.about-details li {
  position: relative;
  padding: 14px 0 15px;
  height: 43px;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.about-details li:first-child {
  letter-spacing: 4px;
  max-width: 131px;
  width: 26.5%;
  padding: 15px 0;
}
.about-details li:first-child i.fa {
  position: relative;
  top: 1px;
  font-size: 12px;
}
.about-details li:last-child {
  width: 32%;
  clear: both;
  letter-spacing: 4px;
}
.about-details li:nth-child(2) {
  letter-spacing: 4px;
  line-height: 20px;
  border-left: 2px solid #fff;
  width: 40%;
}
.about-details .stars-rating i:last-child {
  margin-left: 15px;
}

.social-sharing {
  position: relative;
  background: #fff;
  margin: 0;
  padding: 10px 0px;
  z-index: 2;
}
.social-sharing li {
  padding: 0;
}
.social-sharing a {
  position: relative;
  display: inline-block;
  color: #000;
  letter-spacing: 4px;
  padding: 9px 0 10px;
  margin: 0 17px;
}

.social-sharing a:before {
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  bottom: 0;
  height: 2px;
  background: #6667ab;
  z-index: -1;
  -webkit-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}
.top-address {
  padding: 12px 0 13px;
}
.top-address i.fa {
  margin-right: 5px;
}
.address-text-wrap {
  display: inline-block;
  line-height: 24px;
  overflow: hidden;
  height: 19px;
  width: 278px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/** Place Facilities **/
.place-facilities {
  position: relative;
  float: left;
  height: 286px;
  width: 100%;
}
.place-facilities:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 64%;
  max-width: 364px;
  height: 2px;
  background: #fff;
}
.place-facilities:after {
  content: "";
  position: absolute;
  top: 0;
  right: 1px;
  width: 3px;
  height: 100%;
  background-image: linear-gradient(to bottom, #fff 20%, rgba(0, 0, 0, 0) 0%);
  background-position: right;
  background-size: 2px 15px;
  background-repeat: repeat-y;
}

.place-facilities .block-title {
  position: relative;
  top: -10px;
}
.block-title:before,
.block-title:after {
  content: "";
  position: absolute;
  top: 10px;
  width: 41.228%;
  height: 2px;
  background: #fff;
}
.block-title:before {
  left: 0;
}
.block-title:after {
  right: 0;
}
.place-facilities .block-title small {
  letter-spacing: 2px;
}
.block-title h3 {
  position: relative;
  margin: 13px 0 0px 0;
  padding-bottom: 18px;
  letter-spacing: 5px;
  border-bottom: 2px solid #fff;
  width: 100%;
  text-align: left;
  line-height: 29px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.block-title h3 span {
  font-family: initial;
  font-weight: 500;
}

.place-facilities ul {
  margin: 23px 0;
  height: 23px;
}
.place-facilities li {
  width: 32.824%;
  line-height: 23px;
}
.place-facilities li i.fa {
  margin-right: 14px;
}

.top-button-reservation {
  position: relative;
  float: left;
  width: 100%;
}
.top-button-reservation small {
  letter-spacing: 4px;
  line-height: 5.5;
  color: #6667ab;
}

.top-button-reservation a {
  position: relative;
  width: 180px;
  height: 55px;
  top: -4px;
  padding: 0;
  line-height: 4.5;
  letter-spacing: 4px;
  color: #000;
  z-index: 2;
  margin-left: 18px;
  float: right;
}
.top-button-reservation .hovered:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #6667ab;
  z-index: -1;
  -webkit-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}
.top-button-reservation .hovered:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #fff;
  z-index: -1;
  -webkit-transition: height 0.2s ease-in-out;
  -o-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}

.top-separator {
  display: inline-block;
  margin-left: 14px;
  height: 6px;
  background-image: linear-gradient(to right, #fff 20%, rgba(0, 0, 0, 0) 0%);
  background-position: top;
  background-size: 15px 2px;
  background-repeat: repeat-x;
}
.top-separator.long {
  width: 168px;
}
.top-separator.short {
  width: 80px;
  margin-right: 3%;
}

/* ALL sections intro */
.top-text-intro ul {
  font-size: 0 !important;
}
.section-intro {
  padding: 0 !important;
  position: relative;
}
.section-intro span i {
  position: relative;
  display: block;
  font-size: 48px; /* icon font */
  margin-bottom: 10px;
  z-index: 1;
}
.section-intro span small {
  position: relative;
  display: block;
  z-index: 2;
  padding: 0 20px;
  letter-spacing: 2px;
  font-size: 10px;
}
.section-intro span small:before,
.section-intro span small:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  background: #f9f9f6;
  width: 30%;
  z-index: -1;
}
.section-intro span small:before {
  left: 0;
}
.section-intro span small:after {
  right: 0;
}
.section-intro h2 {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.section-intro h2 b {
  position: relative;
  z-index: 1;
}

.separator:before,
.separator:after {
  content: "";
  position: absolute;
  width: 99%;
  height: 2px;
  background-image: linear-gradient(
    to right,
    #fff 20%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: center;
  background-size: 15px 2px;
  background-repeat: repeat-x;
}
.separator:before {
  top: 0;
}
.separator:after {
  bottom: 0;
}

.left-separator:before,
.left-separator:after {
  left: 0 !important;
}

.right-separator:before,
.right-separator:after {
  right: 0 !important;
}

.separator hr {
  border-top: 2px solid #fff;
  margin: 33px 0;
}
.left-separator hr {
  margin-right: 15px;
}
.right-separator hr {
  margin-left: 5px;
}
.right-separator {
  margin-left: 5px;
}
.blog-page-header .separator:before,
.blog-page-header .separator:after {
  left: 5px;
  right: 5px;
  width: auto;
}

/* Yellow vertical line*/

/* .section-intro.vertical-line:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 169px;
  background: #6667ab;
  z-index: 1;
  top: -40px;
  left: 50%;
  margin-left: -15px;
} */

/* ALL sections bottom separators */
.bottom-separator {
  position: relative;
  height: 14px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  margin: 10px 0;
}
.bottom-separator:after,
.bottom-separator:before {
  content: "";
  position: absolute;
  left: 0;
  width: 101%;
  height: 3px;
  background-image: linear-gradient(
    to right,
    #000 20%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: center;
  background-size: 15px 2px;
  background-repeat: repeat-x;
}
.bottom-separator:after {
  bottom: -12px;
}
.bottom-separator:before {
  top: -12px;
}

/*** Gallery images ***/
#gallery .section-intro {
  padding: 20px 100px 0 100px;
}
#gallery .section-intro span small:before,
#gallery .section-intro span small:after {
  width: 33%;
}
.gallery-images img {
  display: block;
  -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  filter: grayscale(100%);
}
.gallery-images a {
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 30px;
}
.gallery-images a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #6667ab;
  visibility: hidden;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: transform 0.2s linear;
  -o-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
}
.gallery-images a:after {
  content: "+";
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -7px;
  font-size: 18px;
  color: #000;
  z-index: 2;
  visibility: hidden;
}

.gallery-images a:hover:before {
  visibility: visible;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
  filter: grayscale(0%);
  z-index: 1;
}
.gallery-images a:hover:after {
  visibility: visible;
}

/*** DESCRIPTION section ***/
.four-col {
  -moz-column-count: 4;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  -ms-column-count: 4;
  -ms-column-gap: 20px;
  color: #000;
  line-height: 1.7;
  word-spacing: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.four-col h2,
.four-col h3 {
  color: #000;
}
.four-col h2 {
  position: relative;
  margin-top: 0;
  margin-bottom: 35px;
}

.four-col p {
  margin-bottom: 24px;
}
.four-col ul {
  padding-left: 35px;
}
.four-col ul:last-of-type {
  margin: 30px 0 40px 0;
}
.four-col li {
  position: relative;
  margin-top: 2px;
}
.four-col li:before {
  content: "";
  position: absolute;
  top: 15px;
  left: -35px;
  width: 17px;
  height: 1px;
  background: #000;
}
.place p {
  font-size: 18px;
  line-height: 1.3;
}
.block-center {
  display: flex;
  justify-content: center;
}
.four-col blockquote {
  position: relative;
  padding: 34px 72px 70px 87px;
  background: #fafafa;
  margin-bottom: 60px;
  border: none;
  max-width: 786px;
}
.four-col blockquote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  bottom: 0;
  width: 2px;
  background-image: linear-gradient(
    to bottom,
    #000 20%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: right;
  background-size: 2px 10px;
  background-repeat: repeat-y;
}
.four-col blockquote::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  bottom: 0;
  width: 2px;
  background-image: linear-gradient(
    to bottom,
    #000 20%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: right;
  background-size: 2px 10px;
  background-repeat: repeat-y;
}

.four-col blockquote p {
  margin-bottom: 33px;
}
.four-col cite {
  position: relative;
  padding-left: 23px;
  font-style: normal;
  font-size: 18px;
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
  display: none;
}
.four-col footer {
  background: #fff;
  padding: 0;
  border: none;
}

/* big button Menu Download */
.menu-download {
  position: relative;
}

/*** EVENTS section ***/
#events {
  background: #fff;
}
#events .section-intro {
  margin-bottom: 0;
}
#events .section-intro h2 {
  background: #fff;
}
#events .section-intro span,
#events .section-intro span small:before,
#events .section-intro span small:after {
  background: transparent;
}
.events-panel {
  margin-bottom: 60px;
  overflow: hidden;
}
.events-panel .panel {
  position: relative;
  border-radius: 0;
  border: none;
  margin-top: -2px !important;
  margin-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: hidden;
}
.events-panel .panel-heading {
  border: none;
  background: #f9f9f6;
  border-radius: 0;
  position: relative;
  height: 60px;
  z-index: 1;
  padding: 10px 0 10px 20px;
  border: 2px solid #fff;
}
.events-panel .panel-heading.active {
  opacity: 0;
}
.events-panel .panel-title {
  position: absolute;
  left: 0;
  top: 0;
  height: 56px;
  width: 80px;
  line-height: 2;
  background: #6667ab;
}
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border: none;
  padding: 0;
}
.events-panel .panel-info {
  margin-left: 100px;
  padding-top: 10px;
}
.panel-heading h4 {
  display: inline-block;
  margin: 0;
  width: 45%;
  height: 20px;
  letter-spacing: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel-heading i {
  position: absolute;
  left: 58%;
  line-height: 18px;
}
.panel-heading span {
  color: #000;
}
.events-panel .panel-heading p:last-child {
  position: relative;
  top: 25px;
  float: right;
  margin-right: 15px;
}
.events-panel a[role="button"] {
  position: absolute;
  color: #000;
  top: 0;
  display: inline-block;
  right: 0;
  letter-spacing: 4px;
  width: 216px;
  height: 56px;
  text-align: right;
  padding-right: 20px;
  line-height: 5;
  border-left: 2px solid #fff;
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.events-panel a[role="button"]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 60px;
  height: 100%;
  width: 2px;
  background: #fff;
}
.events-panel a[role="button"]:after {
  content: "+";
  position: absolute;
  left: 20px;
  font-size: 2.143em;
  line-height: 2.4;
}

.events-panel a[role="button"]:hover {
  background: #6667ab;
}

/* events images/backgrounds */
.event-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-filter: grayscale(1); /* Old WebKit */
  filter: grayscale(1);
}
.event1 .event-bg {
  background: url("http://placehold.it/1170x450") no-repeat;
  background-size: cover;
}
.event2 .event-bg {
  background: url("http://placehold.it/1170x450") no-repeat;
  background-size: cover;
}
.event3 .event-bg {
  background: url("http://placehold.it/1170x450") no-repeat;
  background-size: cover;
}
.event4 .event-bg {
  background: url("http://placehold.it/1170x450") no-repeat;
  background-size: cover;
}
.event5 .event-bg {
  background: url("http://placehold.it/1170x450") no-repeat;
  background-size: cover;
}

/* events description */
.event-description {
  position: relative;
  padding: 15px 18px 0 15px;
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #fff;
  color: #fff;
}
.event-description:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 450px;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.event-description h2 {
  position: relative;
  margin: 0;
  line-height: 1.3;
  z-index: 1;
}

.date-content {
  position: relative;
  margin: 5px -40px 0 0;
  letter-spacing: 4px;
  z-index: 1;
}
.date-content ul {
  display: inline-block;
}
.date-content li:first-child {
  margin-bottom: 5px;
}
.date-content h3 {
  margin: 0;
}
.date-content .date {
  background: #6667ab;
  width: 55px;
  padding: 14px 0;
  color: #000;
  margin-right: -10px;
}
.date-content .month {
  width: 108px;
  text-align: center;
  background: #fff;
  padding: 14px 0;
  color: #000;
}
.start-time,
.tickets {
  display: inline-block;
  padding: 20px 0;
  width: 162px;
  text-align: center;
}
.start-time {
  background: #000;
  color: #fff;
  margin-top: -10px;
}

.event-description-content {
  position: relative;
  margin-left: -15px;
  margin-top: 100px;
  padding: 20px 15px 15px;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.event-description-content h3 {
  margin: 0 0 15px 0;
  letter-spacing: 5px;
}
.event-description-content button {
  position: absolute;
  right: 30px;
  top: 20px;
  padding: 17px 45px;
  border-radius: 0;
  border: none;
  color: #000;
  letter-spacing: 5px;
  font-weight: bold;
  z-index: 2;
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

.event-description-content a {
  position: absolute;
  right: 25px;
  bottom: 18px;
  letter-spacing: 5px;
  color: #fff;
}
.event-description-content p {
  line-height: 1.7;
  display: inline-block;
  width: 42%;
  height: 46px;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.events-page-header {
  padding: 260px 0 0px 0;
  background: url("http://placehold.it/1920x600") no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.events-page-header .section-title-separator hr,
.events-page-header .section-intro h2,
.events-page-header .section-intro h2 b:last-of-type {
  border-color: #fff;
  background: transparent;
}
.events-page-header .bottom-content {
  position: relative;
  z-index: 1;
}
.events-page-header .section-title-separator {
  width: 38.0341%;
  float: left;
  padding: 0 20px;
}
.events-page-header .section-intro span small:before,
.events-page-header .section-intro span small:after {
  background: transparent;
}

/*** RESERVATIONS section ***/
#reservation .section-intro {
  padding: 20px 30px 0 30px;
}
.reservation-intro {
  border: 2px solid #000;
  margin-bottom: 30px;
  padding: 13px 35px;
  background: #fff;
}
.reservation-intro h2 {
  position: relative;
  display: inline-block;
  margin: 0 95px 0 0;
  letter-spacing: 7px;
  z-index: 1;
}
.reservation-intro h2:after {
  content: "";
  position: absolute;
  top: 3px;
  right: -95px;
  height: 30px;
  width: 115px;
  background: #6667ab;
  z-index: -1;
}
.reservation-intro a {
  color: #000;
  letter-spacing: 4px;
}
/* .form-name .col-md-4 {
  padding: 0;
}
.form-name .section-title-separator {
  top: -13px;
  padding: 0 20px;
  margin: 0;
}
.form-name span {
  letter-spacing: 3px;
  padding: 0 30px;
  background: #f9f9f6;
  z-index: 2;
}
.form-name span,
.form-name h2 {
  position: relative;
  display: inline-block;
}

.form-name h2 {
  margin: -10px 0 28px 0;
  padding: 18px 0 15px 0;
  letter-spacing: 4px;
  border-bottom: 2px solid #000;
}
.form-name h2:after,
.form-name h2:before {
  content: "";
  position: absolute;
  width: 45%;
  height: 2px;
  background: #000;
  top: 0;
}
.form-name h2:after {
  right: 0;
}
.form-name h2:before {
  left: 0;
} */

.reservation-form .form-group {
  text-indent: 0px;
  position: relative;
}
.reservation-form .form-group:before {
  content: "";
  position: absolute;
  height: 60px;
  width: 91%;
  bottom: -10px;
  left: 25px;
  background: transparent;
}
.reservation-form .big-form-group:before {
  content: "";
  position: absolute;
  height: 200px;
  width: 97.5%;
  bottom: -10px;
  left: 25px;
  background: #6667ab;
}
.reservation-form .form-group.focused:before {
  background: transparent;
}
.search-post .form-group.focused:before {
  background: transparent;
}

.reservation-form input {
  position: relative;
  border-radius: 0;
  height: 60px;
  text-indent: 30px;
  background: transparent;
  border: 2px solid #000;
}
.reservation-form textarea {
  position: relative;
  border-radius: 0;
  height: 200px;
  text-indent: 30px;
  background: transparent;
  border: 2px solid #000;
  resize: none;
}
.form-control:focus {
  border-color: #ccc;
  border-bottom: 2px solid #000;
  box-shadow: none;
}
.reservation-form button {
  position: relative;
  width: 98%;
  height: 60px;
  background: #000;
  border: none;
  color: #fff;
  border-radius: 0;
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

.reservation-form button:after,
.reservation-form button:before {
  content: "";
  position: absolute;
  top: 50%;
  height: 2px;
  width: 100%;
  background-color: #000;
}
/*calendar*/
.datepicker {
  border: 2px solid #000;
  text-align: center;
  border-radius: 0;
  padding: 15px;
  cursor: pointer;
}
.datepicker th {
  text-align: center;
}
.datepicker td.active {
  background: #6667ab;
}

.reservation-form ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #000 !important;
}
.reservation-form :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000 !important;
  opacity: 1;
}
.reservation-form ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000 !important;
  opacity: 1;
}
.reservation-form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000 !important;
}

/*** CONTACT section ***/

.contacts-wrapp {
  position: relative;
}
.contacts-wrapp .section-intro {
  padding: 20px 40px;
}

/* working time & work address*/
.work-time {
  background: #fff;
  height: 100%;
}
.work-times {
  border: 2px solid #000;
  background: #fff;
  height: 100%;
}
.work-times p {
  padding: 30px;
}
.work-time h2 {
  padding-bottom: 38px;
  font-weight: 600;
  text-align: center;
}
.work-time2 h2 {
  padding-bottom: 54px;
  font-weight: 600;
  text-align: center;
}
.line-break {
  border-bottom: 2px solid #000;
  width: 800px;
}
.work-time p {
  padding-bottom: 26px;
  text-align: center;
}
.work-time2 p {
  padding-bottom: 90px;
  text-align: center;
}
.work-time li {
  position: relative;
  height: auto;
}
.work-time li:nth-child(2) span {
  position: relative;
  width: 11px;
  height: 5px;
  display: inline-block;
  background: #000;
  margin-top: 15px;
  z-index: 1;
}

.work-time li:nth-child(4) span {
  display: inline-block;
  width: 30px;
  height: 2px;
  background: #6667ab;
  vertical-align: bottom;
}
.work-time li:last-child {
  text-transform: initial;
  letter-spacing: initial;
}
.work-time li:last-child p {
  top: 10px;
}

.work-address h2 {
  position: relative;
  margin: 0 0 55px 0;
  letter-spacing: 4px;
}
.work-address h2:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -27px;
  width: 30px;
  height: 2px;
  background: #000;
}
.work-address a {
  display: inline-block;
  color: #000;
  margin-bottom: 8px;
  float: left;
  clear: both;
}
.work-address a:first-of-type {
  text-decoration: underline;
}
.work-address address {
  clear: both;
}

.social-links {
  position: relative;
  margin-bottom: 0;
  margin-top: 20px;
}
.social-links:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 120px;
  height: 35px;
  background: #6667ab;
}
.social-links li {
  margin-right: 15px;
}
.social-links a {
  position: relative;
  text-decoration: none !important;
  font-size: 2.143em;
  font-weight: inherit;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: initial;
  -webkit-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.social-links a:hover {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

/*** MAP section ***/

#events-map,
#map,
#item-map {
  width: 100%;
  height: 500px;
  border-width: 2px 0;
  border-style: solid;
  border-color: #000;
  z-index: 3;
}

.fixed-map {
  position: fixed !important;
  width: 100%;
  height: 100%;
  left: 41.7%;
  border-left: 2px solid #000;
}

/*** RELATED PLACES section ***/

.same-region-places .section-intro {
  padding: 20px 50px;
}
.place {
  position: relative;
  border: 2px solid #000;
  background: #fff;
  cursor: pointer;
  z-index: 2;
  height: 100%;
  overflow: hidden;
  -webkit-transition: visibility 0.1s ease-in-out;
  -o-transition: visibility 0.1s ease-in-out;
  transition: visibility 0.1s ease-in-out;
}
.place img {
  height: 158px;
  width: 100%;
  object-fit: cover;
}
.place h5 {
  position: relative;
  margin: 0;
  padding: 18px 5px 18px 20px;
  border-width: 2px 0;
  border-style: solid;
  border-color: #000;
  height: 55px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.impact-line {
  margin: 0;
  padding: 18px 18px;
  border-width: 2px 0 0 0;
  border-style: solid;
  border-color: #000;
  height: auto;
}
/* .place h5:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(
    to right,
    #000 15%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: top;
  background-size: 12px 2px;
  background-repeat: repeat-x;
} */
.place h5 b {
  position: relative;
  background: #fff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.place h5 i {
  position: absolute;
  right: 0;
  width: 35px;
  text-align: center;
  background: #fff;
}
p.tagline {
  display: -webkit-box;
  vertical-align: middle;
  height: 56px;
  padding: 10px 15px 10px 18px;
  text-overflow: ellipsis;
  border-right: 2px solid #000;
  font-size: 14px;
  line-height: 1.5;
  width:80%;
  overflow: hidden;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
p.tagline2 {
  display: table-cell;
  vertical-align: middle;
  width: 33%;
  height: 73px;
  padding: 10px 15px 10px 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-right: 2px solid #000;
  font-size: 14px;
  line-height: 1.5;
    letter-spacing: 0.6px;
}
.place-rating {
  position: relative;
  width: 20%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.place-rating i {
  display: block;
  margin-bottom: 5px;
}
.place-rating i img{
  width: auto;
  height: auto;
}
.place-address {
  display: block;
  border-top: 2px solid #000;
  margin-top: -8px;
  padding: 0 18px;
  position: relative;
  letter-spacing: 2px;
  height: 50px;
  line-height: 48px;
  overflow: hidden;
}
.place-address:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background: #000;
  top: 0;
  right: 16%;
}
.place-address i {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 48px;
  width: 40px;
  height: 48px;
  text-align: center;
}
.place-address i:before {
  margin-left: 0;
  font-size: 25px;
}
.place-address b {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  width: 197px;
  text-overflow: ellipsis;
  height: 48px;
}

.highlights {
  background: #6667ab;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}
.highlights .section-intro:before {
  background: #f9f9f6;
}
.highlights .section-intro span small:before,
.highlights .section-intro span small:after {
  background: #6667ab;
}

/** hover block off places **/
.place-with-gallery {
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  height: 332px;
  background: #6667ab;
  border: 2px solid #000;
  max-width: 262.5px;
  width: 262.5px;
  cursor: pointer;
}
.place-with-gallery .owl-carousel .owl-item img {
  height: 158px;
  width: 100%;
}
.place-with-gallery a {
  display: inline-block;
  color: #000;
  position: relative;
  padding: 0 5% 0;
  line-height: 48px;
  letter-spacing: 4px;
  transition: background 0.2s ease-in-out;
}
.place-with-gallery a i.fa {
  margin-right: 2%;
}
.place-with-gallery a b {
  position: relative;
  background: #6667ab;
  z-index: 1;
  transition: background 0.2s ease-in-out;
}
.place-with-gallery a:hover,
.place-with-gallery a:hover b {
  background: #fff;
}
.view-details-btn {
  display: block !important;
  margin-top: 22px;
  border-bottom: 2px solid #000;
}
.place-rating-btn,
.place-address-btn {
  width: 50%;
  float: left;
}
.place-rating-btn {
  border-right: 2px solid #000;
}
.bookmark-btn {
  width: 100%;
  border-top: 2px solid #000;
}
.view-details-btn:before,
.bookmark-btn:before,
.place-rating-btn:before,
.place-address-btn:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  height: 2px;
  background-image: linear-gradient(
    to right,
    #000 15%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: top;
  background-size: 12px 2px;
  background-repeat: repeat-x;
}
.view-details-btn:before {
  width: 48px;
}
.place-rating-btn:before {
  width: 3px;
}
.place-address-btn:before {
  width: 18px;
}
.bookmark-btn:before {
  width: 78px;
}

.place-with-gallery .owl-dots {
  border-width: 2px 0;
  border-style: solid;
  border-color: #000;
  height: 24px;
}
.place-with-gallery .owl-dot {
  position: relative;
  padding: 9px 0;
  margin: 0 5px;
}
.place-with-gallery .owl-dot:before {
  content: "";
  position: absolute;
  top: -157px;
  height: 157px;
  width: 115%;
  left: 0;
}
.place-with-gallery .owl-dot span {
  background: rgba(69, 63, 62, 0.3);
  width: 100%;
}
.place-with-gallery .owl-nav {
  top: 0;
  width: 100%;
  height: 100%;
}

/** active state of column with gallery **/
.active-gallery .place {
  visibility: hidden;
}

/*** FOOTER section ***/
footer {
  background: #000;
  padding: 30px 0;
  border-top: 2px solid #6667ab;
}
.copyright {
  margin-top: 30px;
}
.copyright,
.copyright a {
  color: #fff;
}
.copyright p {
  margin: 0;
  line-height: 30px;
}
.copyright a {
  position: relative;
  display: inline-block;
  z-index: 1;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.copyright a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  z-index: -1;
  -webkit-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}

/*------------------------------------------
        3.2 Browse Places - Page
------------------------------------------*/

.browse-places {
  padding: 0 1.8%;
  padding-top:48px;
  background-color:#e5e5e5;
  min-height: 90vh;
}

.theplace{
  margin-bottom:30px;
}

/** selects **/
.filters-block {
  margin-bottom: 20px;
}
.filters-block .cs-select {
  height: 50px;
  line-height: 50px;
}
div.cs-select {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background: transparent;
  z-index: 8;
  color: #000;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
div.cs-select:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  z-index: -1;
}
.regions-select {
  width: 50%;
}
.categories-select {
  margin: 0 -2px;
  width: 50%;
}
.tags-select {
  width: 99.7%;
  margin-top: -2px;
}

div.cs-select:focus {
  outline: none; /* For better accessibility add a style for this in your skin */
}
.cs-skin-elastic > span:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100%;
  height: 100%;
  z-index: -99;
}
.cs-skin-elastic.cs-active > span:before {
  background: transparent;
}
.cs-select select {
  display: none;
}
.cs-select span {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 0 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  letter-spacing: 2px;
  cursor: pointer;
}
/* Placeholder and selected option */
.cs-select > span {
  padding-right: 3em;
}
.cs-select > span::after,
.cs-select .cs-selected span::after {
  speak: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cs-select > span::after {
  content: "\25BE";
  right: 1em;
}
.cs-select .cs-selected span::after {
  content: "\2713";
  margin-left: 1em;
}
.cs-select.cs-active > span::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
div.cs-active {
  z-index: 200;
}
/* Options */
.cs-select .cs-options {
  position: absolute;
  overflow: hidden;
  width: 100%;
  background: #fff;
  visibility: hidden;
}
.cs-select.cs-active .cs-options {
  visibility: visible;
}
.cs-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 30em) {
  div.cs-skin-elastic {
    font-size: 1em;
  }
}

.cs-skin-elastic > span::after {
  content: "";
  width: 10px;
  height: 10px;
  background: url("../images/select_arrow.png") no-repeat center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cs-skin-elastic .cs-options {
  overflow: visible;
  background: transparent;
  opacity: 1;
  visibility: visible;
  pointer-events: none;
}
.cs-skin-elastic.cs-active .cs-options {
  pointer-events: auto;
}
.cs-skin-elastic .cs-options > ul::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transform: scale3d(1, 0, 1);
  transform: scale3d(1, 0, 1);
  background: #fff;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.cs-skin-elastic.cs-active .cs-options > ul::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: none;
  transition: none;
  -webkit-animation: expand 0.6s ease-out;
  animation: expand 0.6s ease-out;
}
.cs-skin-elastic .cs-options ul li {
  opacity: 0;
  -webkit-transform: translate3d(0, -25px, 0);
  transform: translate3d(0, -25px, 0);
  -webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
  transition: opacity 0.15s, transform 0.15s;
}
.cs-skin-elastic.cs-active .cs-options ul li {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  -webkit-transition: none;
  transition: none;
  -webkit-animation: bounce 0.6s ease-out;
  animation: bounce 0.6s ease-out;
}
.cs-skin-elastic.cs-active .cs-options ul li:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 1px 0 0 #000;
  box-shadow: 0 1px 0 0 #000;
}
.cs-skin-elastic .cs-options span:hover,
.cs-skin-elastic .cs-options li.cs-focus span,
.cs-skin-elastic .cs-options .cs-selected span {
  color: #6667ab;
}
/** /.selects **/
.prices-check {
  position: relative;
  padding: 10px 0;
}
.prices-check:after,
.prices-check:before {
  content: "";
  position: absolute;
  left: 10px;
  right: 15px;
  height: 2px;
  background-image: linear-gradient(
    to right,
    #000 15%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: top;
  background-size: 12px 2px;
  background-repeat: repeat-x;
}
.prices-check:after {
  bottom: 0;
}
.prices-check:before {
  top: 0;
}

.prices-check span {
  position: relative;
  top: 6px;
  display: inline-block;
  width: 90px;
  padding: 0 35px 0 15px;
  line-height: 16px;
  letter-spacing: 4px;
  margin-right: 1%;
}

/** checkboxes **/
.checkbox {
  width: 22.21%;
  height: 50px;
  border: 2px solid #000;
  line-height: 3.8;
  display: inline-block;
  text-align: center;
  margin: 0 -6px 0 0 !important;
}
.checkbox:first-of-type {
  background: #f8efe6;
}
.checkbox:nth-of-type(2) {
  background: #f4f4f4;
}
.checkbox:last-of-type {
  background: #f4f0d3;
}
.checkbox label {
  display: block;
  vertical-align: middle;
  position: relative;
  height: 46px;
  padding: 0;
  -webkit-transition: padding 0.3s ease-in-out;
  -o-transition: padding 0.3s ease-in-out;
  transition: padding 0.3s ease-in-out;
}
.checkbox label:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 12px;
  height: 12px;
  left: 25%;
  top: 15px;
  border: 2px solid #000;
  border-radius: 50%;
  background-color: #fff;
  display: none;
}
.checkbox label:after {
  display: inline-block;
  position: absolute;
  width: 12px;
  height: 12px;
  left: 24.4%;
  top: 0;
  margin-left: 1px;
  margin-top: 2px;
  font-size: 10px;
  color: #000;
  -webkit-transition: font-family 0.3s ease-in-out;
  -o-transition: font-family 0.3s ease-in-out;
  transition: font-family 0.3s ease-in-out;
}
.checkbox label b {
  letter-spacing: 2px;
}
.checkbox:nth-of-type(2) label:before,
.checkbox:nth-of-type(2) label:after {
  left: 16%;
}
.checkbox input[type="checkbox"] {
  opacity: 0;
  z-index: 1;
}
.checkbox input[type="checkbox"]:checked + label:after {
  font-family: "FontAwesome";
  content: "\f00c";
}
.checkbox input[type="checkbox"]:checked + label {
  padding-left: 25px;
}
.checkbox input[type="checkbox"]:checked + label:before {
  display: block;
}
/** /.checkboxes **/

.results-row {
  margin-bottom: 30px;
}
.results-row:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 18px;
  height: 2px;
  background: #000;
}
.results-number {
  display: inline-block;
  letter-spacing: 2px;
  margin-top: 14px;
  line-height: 16px;
}
.listings-span {
  background: transparent;
  border: none;
  padding: 6px 10px;
  border-radius: 0;
  letter-spacing: 4px;
  margin: 8px 0 8px 0;
}

.load-next-places_btn {
  position: relative;
  display: block;
  width: 100%;
  border: none;
  border-radius: 0;
  background: #000;
  color: #fff;
  letter-spacing: 4px;
  padding: 20px 0;
  margin-top: 10px;
  margin-bottom: 30px;
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.load-next-places_btn:focus {
  outline: none;
}
.load-next-places_btn:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(
    to right,
    #000 15%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: top;
  background-size: 12px 2px;
  background-repeat: repeat-x;
}

.load-next-places_btn:hover {
  background: #6667ab;
  color: #000;
}

/** Map info-boxes **/

.infobox-wrapper {
  display: none;
}
.infoBox{
    max-width: 343px;
}
.infoBox .place {
  visibility: visible !important;
}
.gm-style img {
  width: 100%;
}
.infoBox .view-details-btn i {
  margin-right: 15px;
}
.infoBox .view-details-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px 18px;
  display: block !important;
  border: none;
  border-top: 2px solid #000;
  margin: 0;
  background: #6667ab;
  letter-spacing: 3px;
  color: #000;
}
.infoBox .place-address {
  z-index: 2;
  background: #fff;
  font-size: 11px;
  -webkit-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.infoBox i.tagline {
  font-family: initial;
  color: #000;
  font-size: 12px;
}
.infoBox .place-rating {
  font-size: initial;
}

/*-----------------------------------------------
			3.3 Blog & Blog Post -  Page
*------------------------------------------------/

/*** Header ***/
.blog-page-header {
  padding: 260px 0 0px 0;
  background: url("http://placehold.it/1920x600") no-repeat;
  background-attachment: fixed;
  background-size: 100%;
  background-position: top;
  margin-bottom: 30px;
}
.blog-page-header .section-title-separator hr,
.blog-page-header .section-intro h2 {
  border-color: #fff;
  background: transparent;
}

.blog-page-header .bottom-content {
  position: relative;
  z-index: 1;
}

.blog-page-header .section-intro span,
.blog-page-header .section-intro span small:before,
.blog-page-header .section-intro span small:after {
  background: transparent;
}
/**** Main Content ****/
.post {
  position: relative;
  background: #fff;
  margin-bottom: 60px;
  border: 2px solid #000;
  transition: background 0.2s ease-in-out;
}
.post.hovered,
.post.hovered .published-date b:first-of-type,
.post.hovered .published-date b:last-of-type {
  background: #6667ab;
}

/** standard posts **/
.standard-post .post-bg {
  position: relative;
  height: 420px;
  background-position: center !important;
}
.standard-post .post-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.standard-post.post1 .post-bg {
  background: url("http://placehold.it/1170x450") no-repeat;
  background-size: cover;
}
.standard-post.post2 .post-bg {
  background: url("http://placehold.it/1170x450") no-repeat;
  background-size: cover;
}
.standard-post.post1 .post-author {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  background: rgba(51, 51, 51, 0.8);
  padding: 30px 0;
  color: #fff;
  text-indent: 90px;
  letter-spacing: 3px;
}
.standard-post.post1 .post-author:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 30px;
  width: 30px;
  height: 2px;
  background: #6667ab;
}

.post-title {
  position: relative;
  margin: 0;
  padding-left: 30px;
  clear: left;
  display: block;
  font-size: 36px;
  line-height: 83px;
  color: #000;
  transition: background 0.2s ease-in-out;
}
.post-title h1 {
  margin: 28px 0;
  display: inline-block;
}
.published-date {
  color: #999;
  padding: 28px 0;
  margin: 0;
  background-image: linear-gradient(
    to right,
    #000 15%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: center;
  background-size: 12px 2px;
  background-repeat: repeat-x;
}
.published-date b:first-of-type {
  background: #fff;
  padding: 0 10px 0 30px;
  letter-spacing: 4px;
  transition: background 0.2s ease-in-out;
}
.published-date b:last-of-type {
  background: #fff;
  padding: 0 30px 0 10px;
  letter-spacing: 4px;
  transition: background 0.2s ease-in-out;
}
.post1 .post-title {
  border-bottom: 2px solid #000;
}
.post2 .post-title h1 {
  margin: 0;
}

/** quote posts **/
.quote-post .content-post {
  padding: 20px 100px 0 30px;
  margin: 0;
  line-height: 1.6;
}
.quote-post .content-post:before {
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  width: 30px;
  height: 145px;
  background-image: linear-gradient(
    to bottom,
    #000 20%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: right;
  background-size: 2px 12px;
  background-repeat: repeat-y;
}
.quote-post .quote-author {
  float: right;
  margin: 0 30px 25px 0;
}
.quote-post .post-author {
  clear: both;
  position: relative;
  background: #000333;
  padding: 28px 0;
  margin: 0;
  color: #fff;
  text-indent: 90px;
  letter-spacing: 3px;
}
.quote-post .post-author:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 30px;
  width: 30px;
  height: 2px;
  background: #6667ab;
}

/** video post & gallery post **/
.post2 .post-author,
.gallery-post .post-author,
.video-post .post-author {
  position: absolute;
  right: 30px;
  bottom: 66px;
  clear: both;
  letter-spacing: 3px;
}
.post2 .post-author:before,
.gallery-post .post-author:before,
.video-post .post-author:before {
  content: "";
  position: absolute;
  top: 48%;
  left: -60px;
  width: 30px;
  height: 2px;
  background: #6667ab;
}
.video-post h1,
.gallery-post h1 {
  display: inline-block;
  margin: 0;
}
.gallery-post .gallery-images {
  margin: 0;
  padding: 0 15px 0;
}
.gallery-post .gallery-images a {
  margin-bottom: 0;
  margin-top: 30px;
}
.gallery-post .gallery-images a:after {
  margin-top: -14px;
  margin-left: -14px;
  font-size: 30px;
}
.video-post iframe {
  float: left;
  border: none;
}
.video-post .post-title,
.gallery-post .post-title,
.post2 .post-title {
  line-height: 100%;
  padding-top: 28px;
}

/** web post **/
.web-post {
  margin-bottom: 30px;
  max-height: 220px;
}
.web-post .post-title {
  font-style: italic;
  text-decoration: underline;
}
.web-post .post-author {
  clear: both;
  position: relative;
  background: #000;
  padding: 24px 30px;
  margin: 0;
  color: #fff;
  text-indent: 60px;
  letter-spacing: 3px;
}
.web-post .post-author:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 30px;
  width: 30px;
  height: 2px;
  background: #6667ab;
}

/** pagination **/
.pagination {
  display: inline-block;
  width: 100%;
  margin: 0 0 30px 0;
  padding: 0;
}
.pagination .next_page,
.pagination .prev_page {
  width: 50%;
  display: inline-block;
  float: left;
  letter-spacing: 5px;
  padding: 20px 0 !important;
  color: #000 !important;
  border: 2px solid #000 !important;
  border-radius: 0 !important;
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.pagination .next_page:before,
.pagination .prev_page:before {
  content: "";
  position: absolute;
  top: 0;
  width: 2px;
  height: 100%;
  background: #000;
}
.pagination .next_page:before {
  right: 60px;
}
.pagination .prev_page:before {
  left: 60px;
}
.pagination i {
  display: block;
  margin: 5px 20px 0 20px;
}

/*** SideBar ***/
.sidebar {
  padding: 0 0 0 30px;
}

.sidebar-menu-title {
  position: relative;
  padding: 25px 0;
  margin: 0;
  background: #6667ab;
  border-bottom: 2px solid #000;
  letter-spacing: 4px;
  z-index: 2;
}
.widget {
  border: 2px solid #000;
  margin-bottom: 30px;
}
.widget ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #fff;
}
.widget_categories ul li,
.menu li,
.widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_archive ul li,
.widget_meta ul li {
  position: relative;
  border-bottom: 2px solid #000;
  padding-right: 20px;
}
.widget_categories ul li:last-child,
.menu li:last-child,
.widget_recent_entries ul li:last-child,
.widget_recent_comments ul li:last-child,
.widget_archive ul li:last-child,
.widget_meta ul li:last-child {
  border-bottom: none;
}

.widget_categories ul a:before,
.menu a:before,
.widget_recent_entries ul a:before,
.widget_archive ul a:before,
.widget_meta ul a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: rgba(244, 244, 0, 1);
  -webkit-transition: width 0.2s ease-out;
  -o-transition: width 0.2s ease-out;
  transition: width 0.2s ease-out;
  z-index: 4;
}
.widget_categories a,
.menu a,
.widget_recent_entries a,
.widget_archive a,
.widget_meta a {
  display: table;
  width: 100%;
  color: #000;
}
.widget_categories a span:first-child,
.menu a span:first-child,
.widget_recent_entries a span:first-child,
.widget_archive a span:first-child,
.widget_meta a span:first-child {
  display: table-cell;
  position: relative;
  padding: 10px 17px;
  color: #000;
  float: left;
  z-index: 9;
}
.widget_categories a span.right-border,
.menu a span.right-border,
.widget_recent_entries a span.right-border,
.widget_archive a span.right-border,
.widget_meta a span.right-border {
  display: table-cell;
  background-image: linear-gradient(
    to right,
    #000 15%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: left center;
  background-size: 12px 2px;
  background-repeat: repeat-x;
  vertical-align: middle;
}

.widget_recent_comments li {
  padding: 0 0 0 20px !important;
}
.widget_recent_comments span {
  color: #000;
}
.widget_recent_comments a {
  padding: 10px 3px;
  display: inline-block;
  color: #000;
  font-weight: bold;
  text-decoration: underline;
}

.widget_tag_cloud {
  position: relative;
  display: inline-block;
  overflow: hidden;
  background: #f9f9f6;
}
.widget_tag_cloud:before {
  content: "";
  position: absolute;
  bottom: 38px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #000;
  z-index: 2;
}
.widget_tag_cloud:after {
  content: "";
  position: absolute;
  bottom: 19px;
  left: 0;
  right: 0;
  height: 2px;
  background-image: linear-gradient(
    to right,
    #000 15%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: left top;
  background-size: 12px 2px;
  background-repeat: repeat-x;
}
.widget_tag_cloud .sidebar-menu-title:after,
.widget_tag_cloud .sidebar-menu-title:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: #000;
}
.widget_tag_cloud .sidebar-menu-title:after {
  top: 143px;
}
.widget_tag_cloud .sidebar-menu-title:before {
  top: 104px;
}

.widget_tag_cloud a {
  position: relative;
  display: inline-block;
  float: left;
  padding: 11px 20px;
  border-right: 2px solid #000;
  background: #f9f9f6;
  color: #000;
  letter-spacing: 4px;
  font-size: 0.857em !important;
  -webkit-transition: background 0.3s ease-in-out, color 0.2s ease-in-out;
  -o-transition: background 0.3s ease-in-out, color 0.2s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.2s ease-in-out;
  z-index: 1;
}

.calendar_wrap table {
  width: 100%;
  text-align: center;
  color: #000 !important;
  background: #fff;
}
.calendar_wrap caption {
  text-align: center !important;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 4px;
  color: #000 !important;
  border-bottom: 2px solid #000;
}
.calendar_wrap thead th {
  text-align: center !important;
  padding: 10px 0;
}

.instagram-menu {
  position: relative;
  border: 2px solid #000;
  margin-bottom: 30px;
}
.instagram-menu .col-md-6 {
  padding: 0;
}
.instagram-menu:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: 2px;
  background: #000;
}
.instagram-menu:before {
  content: "";
  position: absolute;
  bottom: 40%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #000;
  z-index: 2;
}
.instagram-menu a {
  position: relative;
  display: inline-block;
  overflow: hidden;
  float: left;
}
.instagram-menu a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 0%;
  width: 100%;
  -webkit-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}
.instagram-menu img {
  width: 100%;
}

.widget_search {
  border: none;
}

.widget_search input {
  position: relative;
  border: 2px solid #000;
  height: 60px;
  border-radius: 0;
  width: 98%;
  font-size: 16px;
  font-style: italic;
  text-indent: 20px;
  background-color: #fff;
  background-image: url("../images/search-icon.png");
  background-repeat: no-repeat;
  background-position: 95% 50%;
}

.widget_search ::-webkit-input-placeholder {
  color: #000 !important;
}
.widget_search :-moz-placeholder {
  /* Firefox 18- */
  color: #000 !important;
}
.widget_search ::-moz-placeholder {
  /* Firefox 19+ */
  color: #000 !important;
}
.widget_search :-ms-input-placeholder {
  color: #000 !important;
}
.widget_search button {
  margin-top: 15px;
  width: 100%;
  height: 60px;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 0;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

/*** Blog - Post elements ***/
.blog-post-header {
  padding-top: 400px;
  padding-bottom: 30px;
  background: url("http://placehold.it/1920x800") no-repeat;
  background-attachment: fixed;
  margin-bottom: 30px;
  -webkit-filter: grayscale(1);
  -o-filter: grayscale(1);
  filter: grayscale(1);
}
.blog-post-header:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.blog-post-top-intro {
  position: relative;
  z-index: 1;
  border: 2px solid #fff;
  height: 198px;
  overflow: hidden;
}
.blog-post-top-intro:before {
  content: "";
  position: absolute;
  top: 40px;
  right: 20px;
  width: calc((100% - 58%) / 2);
  height: 2px;
  background-image: linear-gradient(to right, #fff 15%, rgba(0, 0, 0, 0) 0%);
  background-position: left top;
  background-size: 12px 2px;
  background-repeat: repeat-x;
}
.blog-post-top-intro:after {
  content: "";
  position: absolute;
  top: 85px;
  right: 20px;
  width: calc((100% - 30%) / 2);
  height: 2px;
  background-image: linear-gradient(to right, #fff 15%, rgba(0, 0, 0, 0) 0%);
  background-position: left top;
  background-size: 12px 2px;
  background-repeat: repeat-x;
}

.blog-post-top-intro .post-logo {
  background: transparent;
  display: inline-block;
  font-size: 49px; /* icon font */
  color: #fff;
  padding: 45px 0 30px 0;
  width: 12%;
  text-align: center;
  float: left;
  height: auto;
}
.blog-post-top-intro .post-logo span {
  display: block;
  position: relative;
  top: -8px;
}
.blog-post-top-intro h2 {
  position: relative;
  display: inline-block;
  width: 87%;
  height: 127px;
  margin: 0;
  line-height: 41px;
  padding: 25px 165px 20px 30px;
  letter-spacing: 4px;
}
.blog-post-top-intro h2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 2px;
  background: #fff;
}
.blog-post-header ul {
  border-top: 2px solid #fff;
  margin: 0;
  letter-spacing: 4px;
  float: left;
  width: 100%;
}
.blog-post-header li {
  border-right: 2px solid #fff;
  padding: 27px 30px;
  float: left;
}
.blog-post-header li i {
  margin-right: 5px;
}
.blog-post-header li:first-child {
  width: 25.68%;
}
.blog-post-header li:nth-child(2) {
  width: 20.57%;
}
.blog-post-header li:nth-child(3) {
  width: 37.89%;
}
.blog-post-header li:last-child {
  border-right: none;
  width: 14.345%;
}

/*** Blog Post Content ***/
.blog-post-content {
  line-height: 1.7;
  padding-right: 20px;
}

/* blog-subtitle */
.blog-subtitle {
  padding: 26px 30px;
  background: #fff;
  border: 2px solid #000;
}
.blog-subtitle h1 {
  margin-top: 0;
  margin-bottom: 30px;
}
.blog-subtitle p {
  margin: 0;
}

/* blog-post img */
.blog-image {
  width: 100%;
  height: 566px;
  border-width: 0 2px 2px 2px;
  border-color: #000;
  border-style: solid;
}

/* blog quote-post*/
.blog-post-content .quote-post {
  border-width: 0 2px 0 2px;
  border-style: solid;
  border-color: #000;
  background: #fff;
  padding-top: 0;
}
.blog-post-content .quote-post .content-post:before {
  height: 90px;
  top: 0px;
}
.blog-post-content .quote-post h3 {
  margin-bottom: 25px;
  background: #fff;
  padding-left: 60px;
}
.blog-post-content .quote-post,
.blog-post-content .quote-post .post-author {
  margin-bottom: 0;
}
.blog-post-content .quote-post .post-author {
  background: #000;
  letter-spacing: 4px;
}

/* blog text */
.blog-text {
  padding: 30px;
  background: #fff;
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
}
.blog-text ul {
  list-style-type: none;
  margin: 24px 0;
}
.blog-text li {
  position: relative;
}
.blog-text li:before {
  content: "";
  position: absolute;
  top: 45%;
  left: -10px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #000;
}
.blog-text p {
  margin: 0;
}

/* about author */
.about-author {
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  background: #fff;
  margin-bottom: 30px;
  height: 310px;
}
.author-avatar {
  position: relative;
  padding: 0;
  height: 308px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.author-avatar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
}
.author-avatar:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background: #000;
}
.about-author .col-md-8 {
  padding: 24px 60px 0 30px;
}
.about-author h1 {
  margin: 0 0 15px 0;
}
.about-author h4 {
  position: relative;
  color: #000;
  margin-bottom: 50px;
}
.about-author h4:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 0;
  width: 30px;
  height: 2px;
  background: #6667ab;
}
.about-author p {
  height: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 30px;
  margin-bottom: 20px;
}
.author-socials {
  margin-bottom: 20px;
}
.author-socials a {
  font-size: 30px;
  color: #d3d3d3;
  margin-right: 20px;
  display: block;
  -webkit-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}

.author-avatar img {
  width: 100%;
}

/* comments */
.comments-count {
  padding: 14px 30px;
  background-color: #6667ab;
  border: 2px solid #000;
}
.comments-count h2 {
  margin: 0;
}
.comments-count span {
  margin-top: 4px;
}
.comment {
  width: 100%;
  margin: 30px 0;
  float: left;
  display: inline-block;
}
.comment-list {
  padding: 0;
  background: #fff;
  list-style-type: none;
  border-width: 0 2px 2px 2px;
  border-style: solid;
  border-color: #000;
}
.comment span {
  display: block;
}
.comment h2 {
  position: relative;
  margin: 0 0 50px 0;
}
.comment h2:after {
  content: "";
  position: absolute;
  bottom: -25px;
  right: 0;
  width: 30px;
  height: 2px;
  background: #6667ab;
}
.comment a {
  color: #000;
}
.comment p {
  margin: -5px 0 0 0;
  width: 100%;
  height: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
.comment .post-scriptum {
  margin-top: 30px;
  display: block;
}
.comment-time span {
  display: block;
  letter-spacing: 4px;
  font-weight: 700;
}
.comment-right {
  padding-right: 30px;
}
.reply p {
  padding: 28px 15px 28px 30px;
  background: #f9f9f6;
  border: 2px solid #000;
  height: 260px;
}
.reply .reply-header {
  color: #000;
  margin-bottom: 27px;
  display: block;
  letter-spacing: 4px;
}

/* comments form */
.comments-respond {
  background: #fff;
  padding: 0 30px 30px 30px;
  margin: 20px 0 30px 0;
  border: 2px solid #000;
}
.comment-form {
  margin-top: 35px;
}
.comments-form h2 {
  margin: 0;
  padding: 20px 0 25px 0;
  border-bottom: 1px solid #f9f9f6;
}
.comment-form .form-group:before {
  width: 100%;
  left: 10px;
}
.comment-form-author,
.comment-form-email {
  width: 47.274%;
  float: left;
  margin-bottom: 35px !important;
}
.comment-form .form-group {
  margin-right: 20px;
  padding-right: 0 !important;
}
.comment-form .comment-form-comment {
  clear: both;
  margin-bottom: 40px;
  width: 98.5%;
}
.comment-input textarea {
  clear: both;
  position: relative;
  border-radius: 0;
  height: 160px;
  border: 2px solid #000;
  background: transparent;
  resize: none;
}
.comment-form .comment-form-comment:before {
  height: 200px;
}
.form-submit:before,
.form-submit button:after,
.form-submit button:before {
  display: none;
}
.comment-form button {
  width: 98.5%;
  letter-spacing: 4px;
  -webkit-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.posts-controls {
  margin-bottom: 130px;
}
.posts-controls .col-md-4 {
  padding: 0;
}
.posts-controls a {
  border: 2px solid #000;
  background: transparent;
  padding: 20px 45px;
  width: 250px;
  color: #000;
  display: block;
  position: relative;
  letter-spacing: 3px;
}

/*------------------------------------------
	3.4 Browse Places without Map - Page
------------------------------------------*/
.places-without-map .container {
  margin-top: 90px;
  padding: 0;
}
.places-without-map footer .container {
  margin-top: 0;
}
.places-without-map .prices-check {
  padding: 0;
}
.places-without-map .prices-check:after,
.places-without-map .prices-check:before {
  display: none;
}
.places-without-map .showing-result-block {
  position: relative;
  border-bottom: 2px solid #000;
  padding: 5px 0 7px 2px;
  margin-bottom: 30px;
}
.places-without-map .showing-result-block:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-image: linear-gradient(
    to right,
    #000 15%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: top;
  background-size: 12px 2px;
  background-repeat: repeat-x;
}

/*------------------------------------------
	3.5 Special Offers - Page
------------------------------------------*/
/*** Header ***/
.special-offers-header {
  padding: 260px 0 0px 0;
  background: url("http://placehold.it/1920x600") no-repeat;
  background-attachment: fixed;
  background-size: 100%;
  margin-bottom: 30px;
}
.special-offers-header .section-title-separator hr,
.special-offers-header .section-intro h2,
.special-offers-header .section-intro h2 b:last-of-type {
  border-color: #fff;
  background: transparent;
}
.special-offers-header .section-title-separator hr:after,
.special-offers-header .section-title-separator hr:before {
  background-image: linear-gradient(to right, #fff 20%, rgba(0, 0, 0, 0) 0%);
  background-position: left top;
  background-size: 12px 2px;
  background-repeat: repeat-x;
}
.special-offers-header .bottom-content {
  position: relative;
  z-index: 1;
}
.special-offers-header .section-intro h2:after,
.special-offers-header .section-intro h2:before {
  background: #fff;
  width: 15%;
}
.special-offers-header .section-intro:before {
  display: none;
}
.special-offers-header .section-intro span,
.special-offers-header .section-intro span small:before,
.special-offers-header .section-intro span small:after {
  background: transparent;
}

.offers-box {
  display: block;
  position: relative;
  height: 330px;
  border: 2px solid #000333;
  margin-bottom: 30px;
  background-color: #fff;
}
.offers-box img {
  height: 155px;
}

.offers-box h5 {
  position: relative;
  margin: 0;
  padding: 11px 16px;
  border-width: 2px 0;
  border-style: solid;
  border-color: #000;
  letter-spacing: 2px;
  height: 70px;
  line-height: 22px;
  cursor: pointer;
}

.offers-box h5:hover,
.offers-box h5:hover .bkgr-color {
  background: #6667ab;
}

.offers-box h5:before {
  content: "";
  position: absolute;
  top: 68%;
  left: 19px;
  width: 87%;
  height: 3px;
  background-image: linear-gradient(
    to right,
    #000 20%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: left top;
  background-size: 12px 2px;
  background-repeat: repeat-x;
}

.bkgr-color {
  display: block;
  background-color: #fff;
  position: relative;
  color: red;
}

.bkgr-color a {
  color: #000333;
}

.tagline-offers {
  width: 100%;
  overflow: hidden;
  border-bottom: 2px solid #000;
  display: block;
  position: relative;
  height: 50px;
  line-height: 48px;
  text-align: center;
}

.offer-bott {
  display: block;
  position: relative;
  width: 100%;
  height: 52px;
}

.offer-1 {
  position: relative;
  float: left;
  width: 50%;
  background-color: #6667ab;
  height: 100%;
  line-height: 50px;
  border-right: 2px solid #000333;
  text-align: center;
}

.offer-1 b {
  padding: 0 8px 0 8px;
}

.offer-2 {
  position: relative;
  float: left;
  width: 50%;
  background-color: #fff;
  height: 100%;
  line-height: 50px;
  text-align: center;
  font-family: "Old Standard TT", serif;
  letter-spacing: 4px;
}

.offer-2 span {
  text-decoration: line-through;
}

/*-----------------------------------------------
			3.6 How it works - Page
*------------------------------------------------*/

.work-page-header {
  padding: 260px 0 0px 0;
  background: url("http://placehold.it/1920x600") no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: 50% 90%;
  margin-bottom: 30px;
}
.work-page-header .section-title-separator {
  float: left;
  width: 41.11%;
}
.work-page-header .section-title-separator hr,
.work-page-header .section-intro h2 {
  border-color: #fff;
  background-color: transparent;
}
.work-page-header .section-title-separator hr:after,
.work-page-header .section-title-separator hr:before {
  background-image: linear-gradient(to right, #fff 15%, rgba(0, 0, 0, 0) 0%);
  background-position: top;
  background-size: 12px 2px;
  background-repeat: repeat-x;
}
.work-page-header .bottom-content {
  position: relative;
  z-index: 1;
}

.work-page-header .section-intro h2:after,
.work-page-header .section-intro h2:before {
  background: #fff;
}
.work-page-header .section-intro:before {
  display: none;
}
.work-page-header .section-intro span,
.work-page-header .section-intro span small:before,
.work-page-header .section-intro span small:after {
  background: transparent;
}
.work-page-header .section-intro h2 b:last-of-type {
  border-color: #fff;
}
.work-page-header .section-intro h2:after,
.work-page-header .section-intro h2:before {
  width: 15%;
}

.work-step {
  position: relative;
  display: inline-block;
  height: 168px;
  border: 2px solid #000;
  margin-bottom: 30px;
}

.step-icon {
  position: relative;
  border-right: 2px solid #000;
  width: 265px;
  height: 100%;
  text-align: center;
  font-size: 72px;
  line-height: 176px;
  float: left;
}

.step-icon:before {
  content: "";
  position: absolute;
  left: 69px;
  top: 52px;
  width: 120px;
  height: 56px;
  background: #6667ab;
  z-index: -1;
}

.step-title-box {
  position: relative;
  border-bottom: 2px solid #000;
  width: 871px;
  vertical-align: top;
  height: 65px;
  float: left;
}

.title-number {
  display: inline-block;
  position: relative;
  border-right: 2px solid #000;
  width: 85px;
  height: 63px;
  background-color: #6667ab;
  text-align: center;
  line-height: 73px;
  margin-right: 15px;
}

.step-title-box h2 {
  font-weight: 700;
  display: inline;
}

.text-block h4 {
  position: relative;
  width: 871px;
  vertical-align: top;
  float: left;
  padding: 20px 30px;
  margin: 0;
  line-height: 30px;
}

.bottom-box {
  position: relative;
  display: block;
  height: 350px;
  background-color: #6667ab;
  border: 2px solid #000;
  margin-bottom: 30px;
  padding: 30px 200px 0 200px;
  text-align: center;
  margin-bottom: 60px;
}

.text-container h1 {
  font-weight: 700;
}

.text-container h4 {
  margin-top: 40px;
  padding: 0 50px 0 50px;
  line-height: 30px;
}

.bottom-box a {
  display: block;
  background: #000;
  color: #fff;
  letter-spacing: 3px;
  padding: 23px 0 20px 0;
  margin: 40px auto 50px auto;
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

/*------------------------------------------
        3.6 Contact Us
------------------------------------------*/
.contact-us-page-header {
  padding: 260px 0 0px 0;
  background: url("http://placehold.it/1920x600") no-repeat;
  background-size: cover;
  background-position: center;
}
.contact-us-page-header .section-title-separator hr,
.contact-us-page-header .section-intro h2,
.contact-us-page-header .section-intro h2 b:last-of-type {
  border-color: #fff;
  background: transparent;
}
.contact-us-page-header .bottom-content {
  position: relative;
  z-index: 1;
}
.contact-us-page-header .section-title-separator {
  width: 38.0341%;
  float: left;
  padding: 0 20px;
}
.contact-us-page-header .section-intro span small:before,
.contact-us-page-header .section-intro span small:after {
  background: transparent;
}

.contact-us {
  position: relative;
  margin-bottom: 60px;
  padding-top: 10px;
  bottom: 20px;
}
.contact-us a {
  display: block;
  background: #000;
  color: #fff;
  letter-spacing: 4px;
  padding: 23px 0 20px 0;
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.contact-us:before {
  content: "";
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  height: 3px;
  background-image: linear-gradient(
    to right,
    #000 15%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: top;
  background-size: 12px 2px;
  background-repeat: repeat-x;
}

.contact-us-wrapp #map {
  border-top: none;
}

.submit-steps {
  position: relative;
  margin: 30px 0 55px;
  border: 2px solid #000;
  background-color: #fff;
  line-height: 31px;
}

.submit-icon {
  height: 192px;
  border-bottom: 2px solid #000;
  display: block;
  position: relative;
  font-size: 72px;
  text-align: center;
  line-height: 192px;
  z-index: 1;
}

.submit-icon:before {
  content: "";
  position: absolute;
  left: 118px;
  top: 62px;
  width: 120px;
  height: 56px;
  background: #6667ab;
  z-index: -1;
}

.submit-title-box {
  position: relative;
  border-bottom: 2px solid #000;
  width: 357px;
  vertical-align: top;
  height: 65px;
  float: left;
  background-image: linear-gradient(
    to right,
    #000 15%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: center;
  background-size: 12px 2px;
  background-repeat: repeat-x;
}

.submit-title-box h2 {
  font-weight: 700;
  display: inline-block;
}
.submit-title-box h2:first-of-type {
  background: #6667ab;
  margin: 0;
  padding: 20px 10px 10px 10px;
  text-align: center;
  border-right: 2px solid #000;
  float: left;
}
.submit-title-box h2:last-of-type {
  position: relative;
  background-color: #fff;
  font-style: normal;
  float: left;
  padding: 0 15px;
}

.submit-text-box {
  position: relative;
  display: block;
  padding: 20px 20px;
  margin-top: 65px;
}
.submit-title-box:after {
  content: "";
  position: absolute;
  top: 0;
  right: 2px;
  width: 20px;
  background: #fff;
  height: 100%;
}

/*------------------------------------------
        		PAGE 404
------------------------------------------*/
.page-404 {
  position: relative;
  height: 100vh;
  background: url("http://placehold.it/1920x1080") no-repeat;
  color: #fff;
  background-position: center;
}
.page-404:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.page-404-content {
  position: relative;
  top: 50%;
  margin-top: -44px;
}
.page-404-content .lost-content {
  position: relative;
  border: 2px solid #fff;
  padding: 14px 18px;
  height: 115px;
}
.page-404-content .lost-content:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  width: 100%;
  background: #fff;
  z-index: 1;
}
.page-404-content .lost-content h2 {
  margin-top: 0;
  letter-spacing: 4px;
}
.page-404-content .lost-content span {
  display: inline-block;
  letter-spacing: 4px;
  float: left;
  padding: 20px 0;
}
.page-404-content .lost-content a {
  position: relative;
  width: 42%;
  display: inline-block;
  float: right;
  border-left: 2px solid #fff;
  margin-right: -18px;
  padding: 20px;
  color: #000;
  background: #6667ab;
  letter-spacing: 2px;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  z-index: 2;
}

/*------------------------------------------
        4. Preloader / Overlay
------------------------------------------*/
body.loaded #page-content {
  opacity: 1;
  visibility: visible;
}

/* #page-content {
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s ease-in-out;
} */

body.loaded .overlay {
  left: auto;
  right: 0;
  width: 0;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #6667ab;
  z-index: 9999;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.preloader {
  background: #6667ab;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  width: 100%;
  margin: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.preloader-dotline .dot {
  display: inline-block;
  background: #000;
  height: 5px;
  width: 5px;
  opacity: 0;
  border-radius: 50%;
  animation: dotline-move 4s infinite;
  transform: translateX(-300px);
}

.preloader-dotline .dot:nth-child(1) {
  animation-delay: 0.8s;
}

.preloader-dotline .dot:nth-child(2) {
  animation-delay: 0.7s;
}

.preloader-dotline .dot:nth-child(3) {
  animation-delay: 0.6s;
}

.preloader-dotline .dot:nth-child(4) {
  animation-delay: 0.5s;
}

.preloader-dotline .dot:nth-child(5) {
  animation-delay: 0.4s;
}

.preloader-dotline .dot:nth-child(6) {
  animation-delay: 0.3s;
}

.preloader-dotline .dot:nth-child(7) {
  animation-delay: 0.2s;
}

.preloader-dotline .dot:nth-child(8) {
  animation-delay: 0.1s;
}

@keyframes dotline-move {
  40% {
    transform: translateX(0px);
    opacity: 0.8;
  }
  100% {
    transform: translateX(300px);
    opacity: 0;
  }
}

/*------------------------------------------
        5. HOVER EFFECTS and ANIMATIONS
------------------------------------------*/
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus,
a:hover,
a:focus {
  outline: none;
  text-decoration: none;
}

/** front page **/
.front-page-select-list.cs-active .cs-options ul li:hover {
  box-shadow: none !important;
  background: #6667ab;
}
.front-top-categories a:hover {
  color: #000;
}
.front-top-categories a:hover:before {
  height: 100%;
}
.location:hover .location-bg {
  -webkit-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
}
.location:hover .location-name,
.location:hover .location-nbr-items {
  background: #6667ab;
}
.location:hover:after {
  visibility: visible;
}
.location:hover .location-bg:before {
  bottom: auto;
  top: 8px;
  background-image: linear-gradient(
    to right,
    #000 15%,
    rgba(255, 255, 255, 0) 0%
  );
  background-position: top;
  background-size: 12px 2px;
  background-repeat: repeat-x;
}
.location-by-tag:hover,
.location-by-tag:hover span {
  background: #6667ab;
  color: #000;
}
.location-by-tag:hover h5:after {
  opacity: 1;
  right: -15px;
}
.about-description button:hover {
  color: #000;
  background: #6667ab;
}

/** navbar **/
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background: transparent;
  border-bottom: 2px solid #6667ab;
}
.navbar-nav a:hover:after {
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.active a:hover:after {
  -webkit-transform: scaleX(0) !important;
  transform: scaleX(0) !important;
}
.navbar-default .addPlace a:hover {
  color: #000 !important;
}

.navbar-default .addPlace .hovered:hover:before {
  top: 0;
  height: 0;
}
.navbar-default .addPlace .hovered:hover:after {
  bottom: 0;
  top: auto;
  height: 100%;
}

/** fixed navbar and elements **/

/** header bottom content **/
.social-sharing a:hover:before {
  height: 100%;
}
.top-socials a:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

/** general hover class:hover **/
.hovered:hover:before {
  top: 0;
  height: 0;
}
.hovered:hover:after {
  bottom: 0;
  top: auto;
  height: 100%;
}

/** menu download button **/

/* copyright */
.copyright a:hover {
  color: #000;
}
.copyright a:hover:before {
  height: 100%;
}

/** map infobox **/
.infoBox .place-address:hover {
  opacity: 0;
}
.infoBox .place-address:hover .infoBox .view-details-btn {
  z-index: 9;
  opacity: 1;
}

/** blog page **/
.widget_categories ul a:hover:before,
.widget_nav_menu ul a:hover:before,
.widget_recent_entries ul a:hover:before,
.widget_archive ul a:hover:before,
.widget_meta ul a:hover:before {
  width: 100%;
}

.widget_tag_cloud a:hover {
  background: #000;
  color: #fff;
}

.widget_search button:hover {
  background: #fff;
  color: #000;
  font-weight: bold;
  box-shadow: 0 0 0 2px #000;
}

.instagram-menu a:hover:before {
  background: rgba(255, 255, 255, 0.5);
  height: 100%;
}

.posts-controls a:hover:before {
  width: 100%;
  z-index: -1;
}
.post-title:hover,
.post-title:hover h1 {
  color: #000;
}
.pagination .next_page:hover,
.pagination .prev_page:hover {
  background: #6667ab;
}

.author-socials a:hover {
  color: #000;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.comment-form button:hover {
  background: #6667ab;
}
/** contact us & how it works **/
.bottom-box a:hover,
.contact-us a:hover {
  background: #fff;
  color: #000;
}

/** selects animations **/

@keyframes expand {
  0% {
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1);
  }
  25% {
    -webkit-transform: scale3d(1, 1.2, 1);
    transform: scale3d(1, 1.2, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 0.85, 1);
    transform: scale3d(1, 0.85, 1);
  }
  75% {
    -webkit-transform: scale3d(1, 1.05, 1);
    transform: scale3d(1, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0);
    opacity: 0;
  }
  25% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  50% {
    -webkit-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 2px, 0);
    transform: translate3d(0, 2px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

/*--------------------------------------------
			6. 	OWL CAROUSEL STYLES
--------------------------------------------*/
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  max-width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* Dots */
.owl-dots {
  position: absolute;
  width: 100%;
  height: 18px;
  text-align: center;
}

.owl-dot {
  width: 30px;
  height: 1px;
  padding: 10px 0;
  border: none;
  border-radius: 0;
  margin: 0 10px;
  display: inline-block;
}
.owl-dot span {
  width: 30px;
  height: 2px;
  display: block;
  background: #000;
}
.owl-dot.active span {
  background: #000;
}

/* Arrows */
.owl-nav {
  position: absolute;
  width: 100%;
  top: 30%;
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
  position: absolute;
  border: 1px solid #ccc;
  border-radius: 50%;
  height: 58px;
  width: 58px;
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
}
.owl-nav .owl-prev {
  left: 0;
}
.owl-nav .owl-next {
  right: 0;
}
.owl-nav .owl-next:before,
.owl-nav .owl-prev:before {
  content: "";
  position: absolute;
  top: 20px;
  width: 15px;
  height: 15px;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.owl-nav .owl-prev:before {
  right: 17px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.owl-nav .owl-next:before {
  left: 17px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.owl-nav .owl-next:hover,
.owl-nav .owl-prev:hover {
  border: 1px solid #000;
}
.owl-nav .owl-next:hover:before,
.owl-nav .owl-prev:hover:before {
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  background: transparent;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*------------------------------------------
	6.  Magnific Popup CSS
------------------------------------------*/

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #ccc;
}
.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #000;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #fff;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #fff;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape),
  screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}