@charset "UTF-8";

:root{
    --color-primary : #f4f400;
    /* --color-primary : #fb4545; */
}

body {
    position: relative;
    margin: 0;
    padding: 0;
    background: #f9f9f6;
    overflow-x: hidden;
    scroll-behavior: smooth !important;
}

#page-content {
    width: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

/*--------------------------------------------
			2. TYPOGRAPHY
--------------------------------------------*/

body {
    font-family: 'Old Standard TT', serif;
}

/* aditional class for elements with 'Montserrat' font-family */

.montserrat {
    font-family: 'Montserrat', sans-serif;
}

/** 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: 0.857em
}

/* 12px */

.navbar-fixed .navbar-brand,
blockquote {
    font-size: 1em !important
}

/* 14px */

.navbar-form input,
.place-facilities li,
.top-address,
.panel-heading i,
.work-time p,
.categories-menu a,
.front-page-select-list span,
.front-page-select-list .cs-options,
.about-description p:last-of-type {
    font-size: 1.143em
}

/* 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: 1.286em
}

/* 18px */

.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("../images/front-page-bg.jpg") 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: #333
}

.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: var(--color-primary);
    color: #333;
    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: var(--color-primary);
    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, #333 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 #333;
    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, #333 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: var(--color-primary);
    z-index: -1;
    visibility: hidden;
}

.location-bg {
    position: relative;
    width: 100%;
    height: 198px;
    border-bottom: 2px solid #333;
    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("../images/los-angeles.jpg") no-repeat;
}

.location2 .location-bg:first-of-type {
    background: url("../images/berlin.jpg") no-repeat;
}

.location3 .location-bg:first-of-type {
    background: url("../images/nevada.jpg") 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: #333;
    margin: 0;
    padding: 18px 5px 15px 20px;
    letter-spacing: 2px;
    background: #f9f9f6;
}

.location-nbr-items {
    position: relative;
    color: #333;
    margin: 19px 19px 19px 0;
    letter-spacing: 1px;
    background: #f9f9f6;
    padding-left: 10px;
}

.location-by-tag {
    position: relative;
    display: block;
    border: 2px solid #333;
    color: #333;
    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, #333 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 #333;
    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 #333;
    margin-bottom: 30px;
}

.labels {
    top: -45px;
    left: -10px;
    color: #333;
    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: var(--color-primary)
}

.highlights .section-intro h2 {
    background: var(--color-primary)
}

/** about site - description **/

.about-description {
    position: relative;
    border: 2px solid #333;
    margin: 30px 0 50px 0;
}

.about-description:before {
    content: "";
    position: absolute;
    top: 61px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #333;
}

.about-description:after {
    content: "";
    position: absolute;
    top: 30px;
    right: 15px;
    width: 80%;
    height: 3px;
    background-image: linear-gradient(to right, #333 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 #333;
    background: var(--color-primary);
    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: #666;
    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, #333 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: #333;
    line-height: 24px;
}

.about-description p {
    letter-spacing: 2px
}

.about-description button {
    margin-top: 10px;
    width: 100%;
    background: #333;
    border-radius: 0;
    border: none;
    color: #fff;
    letter-spacing: 4px;
    padding: 20px 0;
    border-top: 2px solid #333;
    -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 #333;
    margin-top: 30px;
}

.posibilities:after {
    content: "";
    position: absolute;
    top: 61px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #333;
}

.posibilities:before {
    content: "";
    position: absolute;
    top: 35px;
    right: 5px;
    width: 70%;
    height: 3px;
    background-image: linear-gradient(to right, #333 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: var(--color-primary);
    padding: 16px;
    border-right: 2px solid #333;
    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 #333;
    width: 70px;
}

.posibilities p {
    padding: 18px 20px 17px 18px;
    margin: 0;
    clear: both;
    line-height: 21px
}

.blog-intro-block {
    position: relative;
    border: 2px solid #333;
    margin-bottom: 30px;
    display: block;
    color: #333;
}

.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 #333;
    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("../images/place1.jpg") no-repeat;
}

.blog-2 .blog-intro-bg {
    background: url("../images/place2.jpg") no-repeat;
}

.blog-3 .blog-intro-bg {
    background: url("../images/place3.jpg") no-repeat;
}

.blog-4 .blog-intro-bg {
    background: url("../images/place4.jpg") no-repeat;
}

.blog-intro-block h5 {
    position: relative;
    padding: 17px 5px 17px 18px;
    margin: 0;
    letter-spacing: 2px;
    line-height: 21px;
    display: block;
    color: #333;
}

.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: var(--color-primary) !important;
    color: #333;
}

.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 #333;
    padding: 13px 18px;
}

.blog-section:after {
    content: "";
    position: absolute;
    top: 0;
    left: 74px;
    height: 100%;
    width: 2px;
    background: #333;
}

.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: var(--color-primary);
    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: #333 !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: #333;
}

/** 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: #333;
    z-index: 1;
}

.navbar-fixed .navbar-nav {
    margin-top: 10px
}

.navbar-fixed .navbar-nav a {
    color: #333 !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 #333 !important
}

.navbar-fixed .navbar-brand {
    width: 160px;
    height: 42px;
    margin-left: -5px !important;
    margin-right: 30px;
    margin-top: 10px;
    background-image: url("../images/logo-i.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: var(--color-primary)
}

.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 16px;
    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 var(--color-primary);
}

.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 .4s cubic-bezier(.19, 1, .22, 1);
    transition: transform .4s cubic-bezier(.19, 1, .22, 1);
    transition: transform .4s cubic-bezier(.19, 1, .22, 1), -webkit-transform .4s cubic-bezier(.19, 1, .22, 1);
}

.navbar-default .navbar-nav a:after {
    background-color: var(--color-primary)
}

.navbar-default .addPlace a {
    height: 40px;
    color: #333 !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: var(--color-primary);
    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: var(--color-primary);
    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 {
    height: 100vh;
    background: url("../images/slide-1.jpg");
    background-size: cover;
    background-attachment: fixed;
}

.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: #333;
    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: var(--color-primary);
    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: var(--color-primary);
}

.top-button-reservation a {
    position: relative;
    width: 180px;
    height: 55px;
    top: -4px;
    padding: 0;
    line-height: 4.5;
    letter-spacing: 4px;
    color: #333;
    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: var(--color-primary);
    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 {
    margin: 20px 0;
}

.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 {
    position: relative;
    letter-spacing: 4px;
    margin: -10px 0 0 0;
    padding: 18px 10px 16px 10px;
    background: #f9f9f6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    display: block;
    width: 380px;
    max-width: 100%;
    border-bottom: 2px solid #333;
}

.section-intro h2 b {
    position: relative;
    z-index: 1;
}

.section-intro h2:after,
.section-intro h2:before {
    content: "";
    position: absolute;
    top: 3px;
    height: 2px;
    width: calc(50% - 30%);
    background: #fff;
}

.section-intro h2:after {
    right: 2px
}

.section-intro h2:before {
    left: 2px
}

.separator {
    height: 66px;
    position: relative;
    padding: 0 !important;
}

.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;
}

/*black borders and dots*/

.black-dots .separator:before,
.black-dots .separator:after {
    background-image: linear-gradient(to right, #333 20%, rgba(255, 255, 255, 0) 0%);
}

.black-dots .section-intro h2:after,
.black-dots .section-intro h2:before {
    background: #333;
    z-index: 2;
}

.black-dots .separator hr {
    border-top: 2px solid #333;
}

/* Yellow vertical line*/

.section-intro.vertical-line:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 169px;
    background: var(--color-primary);
    z-index: 1;
    top: -40px;
    left: 50%;
    margin-left: -15px;
}

/* ALL sections bottom separators */

.bottom-separator {
    position: relative;
    height: 14px;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    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: #ffff33;
    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: #333;
    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 {
    margin-top: 50px;
    margin-bottom: 60px;
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    -ms-column-count: 4;
    -ms-column-gap: 20px;
    color: #666;
    height: 445px;
    line-height: 1.7;
    word-spacing: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.four-col h2,
.four-col h3 {
    color: #333;
    letter-spacing: 2px;
}

.four-col h2 {
    position: relative;
    margin-top: 0;
    margin-bottom: 25px;
}

.four-col h2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 60px;
    height: 25px;
    background: var(--color-primary);
    z-index: -1;
}

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

.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: #666;
}

.four-col blockquote {
    position: relative;
    padding: 23px 29px;
    background: #fff;
    border: none;
}

.four-col blockquote:before {
    content: "";
    position: absolute;
    left: 0;
    top: 25px;
    height: 80%;
    bottom: 30px;
    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;
}

.four-col cite:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 17px;
    height: 1px;
    background: #999;
}

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;
    margin-bottom: 60px;
    padding-top: 10px;
}

.menu-download:before {
    content: "";
    position: absolute;
    top: 0;
    left: 17px;
    right: 15px;
    height: 2px;
    background-image: linear-gradient(to right, #000 20%, rgba(255, 255, 255, 0) 0%);
    background-position: center;
    background-size: 12px 2px;
    background-repeat: repeat-x;
}

.menu-download a {
    display: block;
    background: #333;
    color: #fff;
    letter-spacing: 4px;
    padding: 0;
    height: 58px;
    line-height: 60px;
    -webkit-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

/*** 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: var(--color-primary);
}

.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: #666;
}

.events-panel .panel-heading p:last-child {
    position: relative;
    top: 25px;
    float: right;
    margin-right: 15px;
}

.events-panel a[role=button] {
    position: absolute;
    color: #333;
    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: var(--color-primary)
}

/* 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("../images/events_bg.jpg") no-repeat;
    background-size: cover;
}

.event2 .event-bg {
    background: url("../images/event2.jpg") no-repeat;
    background-size: cover;
}

.event3 .event-bg {
    background: url("../images/event3.jpg") no-repeat;
    background-size: cover;
}

.event4 .event-bg {
    background: url("../images/events_bg.jpg") no-repeat;
    background-size: cover;
}

.event5 .event-bg {
    background: url("../images/event3.jpg") 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: var(--color-primary);
    width: 55px;
    padding: 14px 0;
    color: #333;
    margin-right: -10px;
}

.date-content .month {
    width: 108px;
    text-align: center;
    background: #fff;
    padding: 14px 0;
    color: #333;
}

.start-time,
.tickets {
    display: inline-block;
    padding: 20px 0;
    width: 162px;
    text-align: center;
}

.start-time {
    background: #333;
    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: #333;
    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("../images/events-bg.jpg") 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 #333;
    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: var(--color-primary);
    z-index: -1;
}

.reservation-intro a {
    color: #333;
    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 #333;
}

.form-name h2:after,
.form-name h2:before {
    content: "";
    position: absolute;
    width: 45%;
    height: 2px;
    background: #333;
    top: 0;
}

.form-name h2:after {
    right: 0
}

.form-name h2:before {
    left: 0
}

.reservation-form .form-group {
    margin-bottom: 60px;
    text-indent: 22px;
    position: relative;
    letter-spacing: 4px;
    padding-right: 20px;
}

.reservation-form .form-group:before {
    content: "";
    position: absolute;
    height: 60px;
    width: 91%;
    bottom: -10px;
    left: 25px;
    background: var(--color-primary);
}

.reservation-form .big-form-group:before {
    content: "";
    position: absolute;
    height: 200px;
    width: 97.5%;
    bottom: -10px;
    left: 25px;
    background: var(--color-primary);
}

.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 #333;
}

.reservation-form textarea {
    position: relative;
    border-radius: 0;
    height: 200px;
    text-indent: 30px;
    background: transparent;
    border: 2px solid #333;
    resize: none;
}

.form-control:focus {
    border-color: #ccc;
    border-bottom: 2px solid #333;
    box-shadow: none;
}

.reservation-form button {
    position: relative;
    width: 98%;
    height: 60px;
    background: #333;
    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: #333;
}

/*calendar*/

.datepicker {
    border: 2px solid #333;
    text-align: center;
    border-radius: 0;
    padding: 15px;
    cursor: pointer;
}

.datepicker th {
    text-align: center;
}

.datepicker td.active {
    background: #ffff33;
}

.reservation-form ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #333 !important;
}

.reservation-form :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #333 !important;
    opacity: 1;
}

.reservation-form ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #333 !important;
    opacity: 1;
}

.reservation-form :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #333 !important;
}

/*** CONTACT section ***/

.contacts-wrapp {
    position: relative;
}

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

.contacts-wrapp:after {
    content: "";
    position: absolute;
    bottom: 30px;
    left: 15px;
    width: 98%;
    height: 2px;
    background-image: linear-gradient(to right, #000 20%, rgba(255, 255, 255, 0) 0%);
    background-position: center;
    background-size: 12px 2px;
    background-repeat: repeat-x;
}

/* working time & work address*/

.work-time {
    background: #fff;
    border: 2px solid #333;
    padding: 20px 30px;
    margin-bottom: 60px;
    letter-spacing: 4px;
    height: 240px;
}

.work-time h2,
.work-time p {
    margin: 0;
    position: relative;
}

.work-time li {
    position: relative;
    height: 30px;
    margin: 8px 0;
}

.work-time li:nth-child(2) span {
    position: relative;
    width: 11px;
    height: 5px;
    display: inline-block;
    background: #333;
    margin-top: 15px;
    z-index: 1;
}

.work-time li:nth-child(2):before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    height: 100%;
    width: 120px;
    background: #ffff33;
}

.work-time li:nth-child(4) span {
    display: inline-block;
    width: 30px;
    height: 2px;
    background: #ffff33;
    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: #333;
}

.work-address a {
    display: inline-block;
    color: #333;
    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: #ffff33;
}

.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: 600px;
    border-width: 2px 0;
    border-style: solid;
    border-color: #333;
    z-index: 3;
}

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

/*** RELATED PLACES section ***/

.same-region-places .section-intro {
    padding: 20px 50px
}

.place {
    position: relative;
    border: 2px solid #333;
    background: #fff;
    cursor: pointer;
    z-index: 2;
    margin: 10px !important;
    height: 332px;
    overflow: hidden;
    /* max-width: 262.5px; */
    width: 245px;
    -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;
}

.place h5 {
    position: relative;
    margin: 0;
    padding: 18px 0;
    border-width: 2px 0;
    border-style: solid;
    border-color: #333;
    letter-spacing: 3px;
    height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.place h5:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, #333 15%, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-size: 12px 2px;
    background-repeat: repeat-x;
}

.place h5 b {
    position: relative;
    padding: 0 5px 0 20px;
    background: #fff
}

.place h5 i {
    position: absolute;
    right: 0;
    width: 35px;
    text-align: center;
    background: #fff;
}

i.tagline {
    display: table-cell;
    vertical-align: middle;
    width: 217px;
    height: 73px;
    padding: 0 15px 0 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    border-right: 2px solid #333;
    line-height: 21px;
}

.place-rating {
    position: relative;
    width: 40px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.place-rating i {
    display: block;
    margin-bottom: 5px;
}

.place-address {
    display: block;
    border-top: 2px solid #333;
    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: #333;
    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: var(--color-primary);
    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: var(--color-primary)
}

/** hover block off places **/

.place-with-gallery {
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    height: 332px;
    background: var(--color-primary);
    border: 2px solid #333;
    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: #333;
    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: var(--color-primary);
    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 #333;
}

.place-rating-btn,
.place-address-btn {
    width: 50%;
    float: left;
}

.place-rating-btn {
    border-right: 2px solid #333
}

.bookmark-btn {
    width: 100%;
    border-top: 2px solid #333;
}

.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, #333 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: #333;
    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: #333;
    padding: 30px 0;
    border-top: 2px solid var(--color-primary);
}

.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%;
    margin-top: 90px;
}

/** 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;
    max-width: 500px;
    color: #333;
    -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 #333;
    z-index: -1;
}

.regions-select {
    width: 30%
}

.categories-select {
    margin: 0 20px;
    width: 35%;
}

.tags-select {
    width: 26%
}

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%;
    background: #fff;
    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 #333;
    box-shadow: 0 1px 0 0 #333;
}

.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: #1e4c4a;
}

/** /.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, #333 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: 27.21%;
    height: 50px;
    border: 2px solid #333;
    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 #333;
    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: #333;
    -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: #333;
}

.results-number {
    display: inline-block;
    letter-spacing: 2px;
    margin-top: 14px;
    line-height: 16px;
}

.listings-span {
    background: transparent;
    border: none;
    padding: 6px 0;
    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: #333;
    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: -10px;
    left: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, #333 15%, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-size: 12px 2px;
    background-repeat: repeat-x;
}

.load-next-places_btn:hover {
    background: var(--color-primary);
    color: #333;
}

/** Map info-boxes **/

.infobox-wrapper {
    display: none;
}

.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 #333;
    margin: 0;
    background: var(--color-primary);
    letter-spacing: 3px;
    color: #333;
}

.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: #333;
    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("../images/blog_bg.jpg") 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 #333;
    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: #ffff33;
}

/** standard posts **/

.standard-post .post-bg {
    position: relative;
    height: 420px;
}

.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("../images/kitchen.jpg") no-repeat;
    background-size: cover;
}

.standard-post.post2 .post-bg {
    background: url("../images/vegetables.jpg") 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: #ffff33;
}

.post-title {
    position: relative;
    margin: 0;
    padding-left: 30px;
    clear: left;
    display: block;
    font-size: 36px;
    line-height: 83px;
    color: #333;
    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, #333 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 #333;
}

.post2 .post-title h1 {
    margin: 0;
}

.post-title:hover {
    text-decoration: none;
}

/** 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, #333 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: #333333;
    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: #ffff33;
}

/** 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: #ffff33;
}

.video-post h1,
.gallery-post h1 {
    display: inline-block;
    margin: 0;
}

.video-post iframe {
    float: left;
    border: none;
}

.video-post .post-title,
.gallery-post .post-title,
.post2 .post-title {
    line-height: 100%;
    padding-top: 28px;
}

.gallery-post .gallery-images {
    margin: 0;
    padding: 0 15px 0;
}

.gallery-post .gallery-images a:after {
    margin-top: -14px;
    margin-left: -14px;
    font-size: 30px;
}

.gallery-post .gallery-images a {
    margin-bottom: 0;
    margin-top: 30px;
}

/** 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: #333;
    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: #ffff33;
}

/** 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: #333 !important;
    border: 2px solid #333 !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: #333;
}

.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: var(--color-primary);
    border-bottom: 2px solid #333;
    letter-spacing: 4px;
    z-index: 2;
}

.widget {
    border: 2px solid #333;
    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 #333;
    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: #333;
}

.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: #333;
    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, #333 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: #333
}

.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: #333;
    z-index: 2;
}

.widget_tag_cloud:after {
    content: "";
    position: absolute;
    bottom: 19px;
    left: 0;
    right: 0;
    height: 2px;
    background-image: linear-gradient(to right, #333 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: #333;
}

.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 #333;
    background: #f9f9f6;
    color: #333;
    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: #333 !important;
    background: #fff;
}

.calendar_wrap caption {
    text-align: center !important;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 4px;
    color: #333 !important;
    border-bottom: 2px solid #333;
}

.calendar_wrap thead th {
    text-align: center !important;
    padding: 10px 0;
}

.instagram-menu {
    position: relative;
    border: 2px solid #333;
    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: #333;
}

.instagram-menu:before {
    content: "";
    position: absolute;
    bottom: 40%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #333;
    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 #333;
    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: #333 !important;
}

.widget_search :-moz-placeholder {
    /* Firefox 18- */
    color: #333 !important;
}

.widget_search ::-moz-placeholder {
    /* Firefox 19+ */
    color: #333 !important;
}

.widget_search :-ms-input-placeholder {
    color: #333 !important;
}

.widget_search button {
    margin-top: 15px;
    width: 100%;
    height: 60px;
    background: #333;
    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("../images/kitchen.jpg") no-repeat;
    background-attachment: fixed;
    margin-bottom: 30px;
    background-position: 0 20%;
    -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 #333;
}

.blog-subtitle h1 {
    margin-top: 0;
    margin-bottom: 30px;
}

.blog-subtitle p {
    margin: 0;
}

/* blog-post img */

.blog-image {
    width: 100%;
    border-width: 0 2px 2px 2px;
    border-color: #333;
    border-style: solid;
}

/* blog quote-post*/

.blog-post-content .quote-post {
    border-width: 0 2px 0 2px;
    border-style: solid;
    border-color: #333;
    background: #fff;
    padding-top: 0;
}

.blog-post-content .quote-post .content-post:before {
    height: 90px;
    top: 30px;
}

.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 #333;
    border-left: 2px solid #333;
    border-right: 2px solid #333;
}

.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: #333;
}

.blog-text p {
    margin: 0;
}

/* about author */

.about-author {
    border-left: 2px solid #333;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    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: #333;
}

.about-author .col-md-8 {
    padding: 24px 60px 0 30px;
}

.about-author h1 {
    margin: 0 0 15px 0
}

.about-author h4 {
    position: relative;
    color: #666;
    margin-bottom: 50px;
}

.about-author h4:before {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 30px;
    height: 2px;
    background: var(--color-primary);
}

.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: var(--color-primary);
    border: 2px solid #333;
}

.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: #333;
}

.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: #ffff33;
}

.comment a {
    color: #333
}

.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 #333;
    height: 260px;
}

.reply .reply-header {
    color: #666;
    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 #333;
}

.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 #333;
    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 #333;
    background: transparent;
    padding: 20px 45px;
    width: 250px;
    color: #333;
    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 #333;
    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, #333 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("../images/offers_bg.jpg") 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 #333333;
    margin-bottom: 30px;
    background-color: #fff;
}

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

.offers-box h5:hover,
.offers-box h5:hover .bkgr-color {
    background: var(--color-primary);
}

.offers-box h5:before {
    content: "";
    position: absolute;
    top: 68%;
    left: 19px;
    width: 87%;
    height: 3px;
    background-image: linear-gradient(to right, #333 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: #333333;
}

.tagline-offers {
    width: 100%;
    overflow: hidden;
    border-bottom: 2px solid #333;
    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: var(--color-primary);
    height: 100%;
    line-height: 50px;
    border-right: 2px solid #333333;
    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("../images/how_it_works_bg.jpg") 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 #333;
    margin-bottom: 30px;
}

.step-icon {
    position: relative;
    border-right: 2px solid #333;
    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: var(--color-primary);
    z-index: -1;
}

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

.title-number {
    display: inline-block;
    position: relative;
    border-right: 2px solid #333;
    width: 85px;
    height: 63px;
    background-color: var(--color-primary);
    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: var(--color-primary);
    border: 2px solid #333;
    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 {
    margin: 40px auto 50px auto;
    display: block;
    background: #333;
    color: #fff;
    letter-spacing: 4px;
    padding: 0;
    height: 58px;
    line-height: 60px;
    font-size: 12px;
    font-weight: bold;
    -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("../images/contact_us.jpg") no-repeat;
    background-size: cover;
}

.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: #333;
    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, #333 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 #333;
    background-color: #fff;
    line-height: 31px;
}

.submit-icon {
    height: 192px;
    border-bottom: 2px solid #333;
    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: var(--color-primary);
    z-index: -1;
}

.submit-title-box {
    position: relative;
    border-bottom: 2px solid #333;
    width: 357px;
    vertical-align: top;
    height: 65px;
    float: left;
    background-image: linear-gradient(to right, #333 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: var(--color-primary);
    margin: 0;
    padding: 20px 10px 10px 10px;
    text-align: center;
    border-right: 2px solid #333;
    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("../images/page-404-bg.jpg") no-repeat;
    color: #fff;
    background-position: 100% 63%;
}

.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: #333;
    background: var(--color-primary);
    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: var(--color-primary);
    z-index: 9999;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.preloader {
    background: var(--color-primary);
    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: #333;
    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: .8s;
}

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

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

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

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

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

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

.preloader-dotline .dot:nth-child(8) {
    animation-delay: .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: var(--color-primary);
}

.front-top-categories a:hover {
    color: #333
}

.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: var(--color-primary)
}

.location:hover:after {
    visibility: visible
}

.location:hover .location-bg:before {
    bottom: auto;
    top: 8px;
    background-image: linear-gradient(to right, #333 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: var(--color-primary);
    color: #333;
}

.location-by-tag:hover h5:after {
    opacity: 1;
    right: -15px;
}

.about-description button:hover {
    color: #333;
    background: var(--color-primary);
}

/** 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 var(--color-primary);
}

.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: #333 !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 **/

.menu-download a:hover {
    background: var(--color-primary);
    color: #333
}

/* copyright */

.copyright a:hover {
    color: #333
}

.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: #333;
    color: #fff
}

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

.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: #333;
}

.pagination .next_page:hover,
.pagination .prev_page:hover {
    background: var(--color-primary)
}

.author-socials a:hover {
    color: #333;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.comment-form button:hover {
    background: var(--color-primary);
}

/** contact us & how it works **/

.bottom-box a:hover,
.contact-us a:hover {
    background: #fff;
    color: #333;
}

/** 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: #666;
}

.owl-dot.active span {
    background: #333;
}

/* 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 #333;
}

.owl-nav .owl-next:hover:before,
.owl-nav .owl-prev:hover:before {
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    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: #333;
}

.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;
}

.lefty,
.mydiv,
.classy,
.divc,
.libeled,
.kiwi,
.frow,
.fitz,
.poll,
.sown,
.coma,
.lehi,
.vice,
.bura {
    display: none !important;
}