/*
Theme Name: Aniro Hotel Light
Theme URI: http://anirohotel-light.wdvillage.com
Author: WD village
Author URI: http://wdvillage.com
Description: Aniro Hotel Light is the ideal WordPress theme for hotels, motels, hostels, B&B, room/apartment rental services. Aniro Hotel PRO integrated with the WP Hotel Booking plugin, solves your entire booking system efficiently. You can use payment sistem that integrated in WP Hotel Booking plugin (PayPal, Offline, Stripe, Authorize.Net) or you can use all power from woocommerce for your hotel. Easy to install, easy to manage! 
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aniro-hotel-light
Tags: one-column, two-columns, right-sidebar, featured-images, footer-widgets, sticky-post, theme-options, translation-ready

*********************************************
1. Underscores
aniro-hotel-light is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*********************************************
2. Normalizing styles
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*********************************************
3. Font Awesome
Font Awesome от Dave Gandy - http://fontawesome.com
License: Font Awesome Free License
Full details: https://fontawesome.com/license/free
*********************************************
4. Magnific Popup - v1.1.0 - 2016-02-20
Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device
(for jQuery or Zepto.js).
Authors: Dmitry Semenov
http://dimsemenov.com/plugins/magnific-popup/
https://github.com/dimsemenov/Magnific-Popup
MIT License (https://github.com/dimsemenov/Magnific-Popup/blob/master/LICENSE)
*********************************************
5. TGM Plugin Activation - The best way to require and recommend plugins for WordPress themes (and other plugins).
http://tgmpluginactivation.com/
https://github.com/TGMPA/TGM-Plugin-Activation
author     Thomas Griffin, Gary Jones, Juliette Reinders Folmer
license    http://opensource.org/licenses/gpl-2.0.php GPL v2 or later
*********************************************
6. retina.js 
https://github.com/strues/retinajs
http://imulus.github.io/retinajs/
author: imulus
license: MIT
*********************************************
7. Slick
https://github.com/kenwheeler/slick/
http://kenwheeler.github.io/slick/
author:Ken Wheeler
version: 1.8.0
The MIT License (MIT)
*********************************************
8. Blazy
https://github.com/dinbror/blazy/
http://dinbror.dk/blazy
author:dinbror
The MIT License (MIT)
**********************************************
9. Animate.css
https://github.com/daneden/animate.css
https://daneden.github.io/animate.css/
author:daneden
MIT License
https://github.com/daneden/animate.css/blob/master/LICENSE
*********************************************
10. WOW js
https://wowjs.uk/
https://github.com/graingert/wow
author:graingert
MIT License
https://github.com/graingert/WOW/blob/master/LICENSE
*********************************************
11. Masonry PACKAGED v3.3.2 -Cascading grid layout library by David DeSandro
http://masonry.desandro.com
MIT License
*********************************************
12. enquire.js v2.1.2 - Awesome Media Queries in JavaScript
Copyright (c) 2014 Nick Williams - http://wicky.nillia.ms/enquire.js
License: MIT (http://www.opensource.org/licenses/mit-license.php)
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Header
# Navigation
        ## Links
        ## Menus
        ## Other Navigation
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
        ## Global
        ## Indexes
        ## Front Page
        ## Posts and pages
        ## Asides	
        ## Comments
        ## Search form
        ## Contact form
        ## Custom Fields
# Infinite scroll
# Media
        ## Captions
        ## Images
        ## Galleries
        ## Slider
# Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

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

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-size: 1em;
    line-height: 1.5;
}

.site-content {
    font-size: 1em;
    line-height: 1.5em;
    margin: 0 auto;
    max-width: 81em;
    background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Muli', sans-serif;
    clear: both;
    line-height: 1.3em;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}

h1 { font-size: 2.4em; }
h2 { font-size: 2.2em; }
h3 { font-size: 2em; }
h4 { font-size: 1.8em; }
h5 { font-size: 1.6em; }
h6 { font-size: 1.4em; }

p {
    margin-bottom: 1em;
}

dfn,
cite,
em,
i {
    font-style: italic;
}
cite {
    color: #d2691e;
}
blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

blockquote {
    line-height: 1.4em;
    margin: 1.5em 0 1.5em 2em;
    position: relative;
    background: #eee;
    padding: 1em;
}

blockquote::before {
    font-family: 'fontawesome';
    content: "\f10d";
    position: absolute;
    left: -2em;
    color: #d2691e;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

figure {
    margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

table,
th,
td {
    border: 1px solid #d1d1d1;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px;
    margin: 0 0 1.75em;
    table-layout: fixed;
    width: 100%;
}

th,
td {
    font-weight: normal;
    text-align: left;
}

th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
    color: #d2691e;
}

td {
    border-width: 0 1px 1px 0;
}

th,
td {
    padding: 0.4375em;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header {
    background-color: #fff;
    position: relative;
}
.site-branding {
    text-align: center;
    float: left;
    width: 30%;
}

.info-in-left  {
    float: left;
    width:35%;
    text-align: left;
    color:#c0c0c0;
}

.info-in-right  {
    float: left;
    width:35%;
    text-align: right;
    color:#c0c0c0;
}

.site-title {
    margin: 0;
    font-family: 'Muli', sans-serif;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.3em;
    color: #d2691e;
    text-transform: uppercase;
    word-wrap: break-word; /* Catch and wrap very long words on small screens */
}

@media screen and (max-width: 30em) {
    .site-title {
        font-size: 1.5em;
    }
}

.site-title a {
    text-decoration: none;
    color: #d2691e;
}

.site-title a:hover,
.site-title a:focus {
    text-decoration: none;
}

.site-description {
    margin: 0;
    font-size: 90%;
    color: #a5a5a5;
    line-height: 1em;
}
.logo-container {
    margin-left: 0.5em;
}
.logo-container,
.title-container {
    display: inline-block; 
}

.logo-container a {
    display: block;
    line-height: 0;
    outline: none;
}

.header-title-container-full {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

.phone-number {
    color: #a9a9a9;
}
.add-address {
    color: #a9a9a9;
}
.phone-number i,
.add-address i {
    padding-right: 1em;
}

.header-title-container-full {
    position: relative;
}

.site-header .booknow a:hover, 
.site-header .booknow a:focus {
    background: #d2691e;
    color:#fff;
    border: 2px solid orange;
}
.booknow a:visited{
    color:#fff;
}

.header-container {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    width: 100%;
    background: #fff;
    vertical-align: middle;  
    z-index: 50;

    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0px 0px 10px 1px rgba(0, 0, 0, 0.1);
    box-shadow:         0px 0px 10px 1px rgba(0, 0, 0, 0.1);
    position: relative;
    top:0px;
    right: 0px;
}
.header-width {
    position: relative;
    display: block;
    margin: 0 auto;
    max-width: 81em;
}
@media screen and (max-width: 700px) {
    .menu-toggle {
        margin: 0 auto;
    }
} 
@media screen and (max-width: 500px) {
    .site-branding {
        float: none;
        width: 100%;
    }
}

#site-navigation{
    display: block;
    color: white;
    float: left;
    width: 100%;
} 
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 2px solid;
    border-color: #d2691e;
    background: #fff;
    color: #000;
    font-family: 'Muli', sans-serif;
    font-size: 1rem;
    line-height: 1.4;
    padding: .3em 1em .3em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    color: #fff;
    background: #d2691e;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background: #d2691e;
    color: #fff;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #c0c0c0;
    border-radius: 3px;
    padding: 3px;
}

select {
    border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

textarea {
    width: 100%;
}
input[type="password"] {
    width: 100%;
    padding: .5em 1em;
    border: 1px solid #c3c3c3;
    margin: 1em 0;
}

.post-password-form input[type="submit"] {  
    color: #d2691e;
    padding: 0.5em 1.4em;
    border: 1px #d2691e solid;
    font-size: 85%;
    float: right;
}
.post-password-form input[type="submit"]:active,
.post-password-form input[type="submit"]:hover {  
    color: #fff;
    background: #d2691e;
}

/*------------------------------------------------------------
Search form  
--------------------------------------------------------------*/ 
input[type="checkbox"],
input[type="radio"] {
    padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    -moz-box-sizing:    content-box;
    box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
}
.search-container form {
    margin-bottom: 0;
} 
.search-container .container {
    width: 100%;
}  
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a,
a:visited {
    color: #d2691e;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #d2691e;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
    clear: both;
    display: inline-block;
    font-family: 'Muli', sans-serif;
    font-size: 1em;
    text-transform: uppercase;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin-left: 0;
    margin: 0;
}
.main-navigation li {
    position: relative;
}

.main-navigation ul ul {
    display: none;
    margin-left: 0;
}

.main-navigation a {
    position: relative;
    display: block;
    padding: 0.8em 1em;
    text-decoration: none;
    line-height: 1.6em;
    color: white;
}

.main-navigation a:hover,
.main-navigation a:focus {
    background: #fff;
    color: #000;
}
.main-navigation .sub-menu a{
    background: #fff;
    color: #000;
}
.main-navigation .sub-menu a:hover,
.main-navigation .sub-menu a:focus {
    background: #eee;
    color: #000;
}

.main-navigation a,
.main-navigation ul ul li:last-child a {
    border-bottom: 1px solid white;
}

.main-navigation ul li:last-child a {
    border-bottom: none;
}

.main-navigation ul .toggled-on {
    display: block;
}

.main-navigation li {
    position: relative;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
    font-weight: bold;
}

.main-navigation .nav-menu > ul > li:first-child,
.main-navigation .nav-menu > li:first-child {
    border-top: 0;
}

.main-navigation .menu-item-has-children > a,
.main-navigation .page_item_has_children > a{
    padding-right: 48px;
}

.no-js .main-navigation ul ul {
    display: block;
}

.dropdown-toggle {
    position: absolute;
    height: 27px;
    width: 27px;
    top: 12px;
    right: 6px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0;
    font-family: 'fontawesome';
    background: #fff;
    border: 1px solid #fff;
    content: "";
    color: #fff;
    text-transform: lowercase; /* Stop screen readers from reading the text as capital letters */
}

.dropdown-toggle:after {
    content: "\f107";
    font-size: 14px;
    line-height: 27px;
    position: relative;
    top: 0;
    left: 0;
    width: 27px;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
    background: #fff;
    color: #000;
}

.dropdown-toggle.toggle-on:after {
    content: "\f106";
}

@media screen and (max-width: 801px) {
    .main-navigation .sub-menu {
        padding-left: 2em;
    }
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}
.menu-toggle {
    font-size: 1em;
    text-transform: uppercase;
    background: transparent;
    color: #fff;
    border: none;
    min-height: 3.5em;
    text-align: left;
}

.menu-toggle i {
    display: inline-block;
    padding: 0 1px;
}
.menu-toggle:hover,
.menu-toggle:focus {
    text-decoration: none;
    outline: none;
    background: transparent;
}

@media screen and (min-width: 801px) {
    .menu-toggle {
        display: none;
    }
    .main-navigation ul {
        display: block;
    }
    .sub-menu .toggled-on {
        background: rgba(0,0,0,0.2);
    }
}

/* Hovering menu */
.nav-menu {
    padding: 0.5em;
}

.main-navigation.toggled ul ul {
    display: none;
}

.main-navigation.toggled ul ul.toggled-on,
.main-navigation.toggled ul ul.toggled-on > ul {
    display: block;
}

/* Horizontal menu on wide screens */
@media screen and (min-width: 801px) {
    /* Position the menu in the header */
    .main-navigation,
    .main-navigation.toggled {
        position: relative;
        min-height: 3.5em;
        padding: 0;
        background-color: #fff;
    }

    .nav-menu {
        padding: .3em 0 0 0;
        background-color: #fff;
    }
    .main-navigation ul,
    .main-navigation.toggled ul {
        max-height: none;
        padding-left: 0;
    }

    .main-navigation.toggled ul {
        overflow-y: visible;
    }

    /* Display the menu items in a horizontal order */
    .main-navigation li {
        display: inline-block;
        border: none;
    }

    /* Left-align drop-down menu items */
    .main-navigation li li {
        display: block;
        text-align: left;
    }

    .main-navigation a,
    .main-navigation ul ul li:last-child a {
        border-bottom: none;
    }

    /* Add an outline on hovered and focused menu items */
    .main-navigation a:hover,
    .main-navigation a:focus {
        background: transparent;
        color: #fff;
        text-decoration: underline;
    }
    /* Create hover and focus contrast on drop-down items */
    .main-navigation li li a:hover,
    .main-navigation li li a:focus {
        background: #fff;
        color: #000;
        text-decoration: none;
    }

    /* Position drop-down menus absolutely */
    .main-navigation ul ul.toggled-on {
        position: absolute;
        top:3.8em;
        width: 15em;
        display: block;
        z-index: 40;
        margin-left: 0;
    }

    .main-navigation ul ul ul.toggled-on {
        position: relative;
        top:0;
        left:0;
    }
    /* Indent 3rd level drop-down menus */
    .main-navigation ul ul ul a {
        padding-left: 2em;
    }
    .main-navigation ul ul ul ul a {
        padding-left: 3em;
    }
    .main-navigation ul ul ul ul ul a {
        padding-left: 4em;
    }
    /* Simplify the drop-down toggle */
    .dropdown-toggle {
        top: 11px;
        right: 12px;
        border: none;
    }

    .dropdown-toggle::after {
        line-height: 27px;
        width: 27px;
    }	
}

.info, .info-near-title  {
    color:#c0c0c0;
    text-transform: capitalize;
    height: 100%;
}
.info .add-address,
.info .phone-number,
.info-near-title .add-address,
.info-near-title .phone-number{
    display:inline-block;
}
.info-near-title .add-address,
.info-near-title .phone-number{
    width:49%;
    text-align: center;
    height: 100%;
    vertical-align: text-top;
}
.info-near-title .add-address{
    text-align: left;
}
.info-near-title .phone-number{
    text-align: right;
}

.info-near-title{
    display:inline-block;
    width: 100%;
    margin-bottom: 0.5em;
}

a.menu-book-now, 
a.menu-book-now-top  {
    display:inline-block;
    background:#000;
    border: 2px solid #d2691e;
    text-align:center;
    padding:0.7rem 1.4rem ;
    cursor:pointer;
    line-height: 1.2em;
    color: #fff;
    height:100%; 
    text-decoration: none;
    text-transform: uppercase;
}
/*Button book now*/
.menuu {
    display:inline-block;
}
a.menu-book-now-small-screen {
    display: none;
    width: 100%;
    padding: 0.7em 0;
    color:#fff;
    background: #d2691e;
    text-align: center;
    cursor:pointer;
    text-transform: uppercase;
}
@media screen and (max-width: 800px) {
    .main-navigation a.menu-book-now {
        position: absolute;
        right:0;
        height: 2.6em;
        top:10px;
    }
    .menu-toggle {
        margin: 0 auto;
    }
    /*Button book now*/
    .menuu {
        display:block;
    }
}
@media screen and (max-width: 500px) {
    .main-navigation a.menu-book-now {
        display:none;
    }
    a.menu-book-now-small-screen {
        display:block;
    }
    .header-title-container-full,
    .header-container {
        padding-top: 0;
    }
    .info-in-left {
        display: none;
    }
    .info-in-right {
        float:none;
        width: 100%;
    }
    .phone-number {
        display: none;
    }
    .menu-book-now-top {
        width: 100%;
    }
    .header-title-container-full {
        padding-bottom: 0;
    }
    .info-near-title .add-address,
.info-near-title .phone-number,
.info-near-title .social-icons{
    width:100%;
    text-align: center;
}
}
/*--------------------------------------------------------------
## Other Navigation
--------------------------------------------------------------*/
.site-main .comment-navigation,
.site-main .posts-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}
.site-main .post-navigation {
    margin: 2em 0;
    overflow: hidden;
}

.nav-next a:after,
.nav-previous a:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.comment-navigation,
.post-navigation,
.paging-navigation {
    padding: 2em 0;
    font-family: 'Muli', sans-serif;
    text-align: left;
    overflow: hidden;
}
@media screen and (min-width: 50em) {
    .comment-navigation,
    .paging-navigation {
        padding: 2em 3em;
    }
    .post-navigation {
        padding: 0;
    }
}
.nav-links {
    display: block;
    margin: 0 auto;
    padding: 0 .4em;
}

.comment-navigation a,
.paging-navigation a {
    display: block;
    width: 100%;
    color:#d2691e;
    text-decoration: none;
    padding: 1em;
    border: 2px solid #d2691e;
    background: #fff;
}

.comment-navigation a:hover,
.comment-navigation a:focus,
.paging-navigation a:hover,
.paging-navigation a:focus {
    background: #d2691e;
    color: #fff;
}

.post-navigation a,
.post-navigation a {        
    color: #333;
    text-decoration: none;
}
.post-navigation a:hover .meta-nav,
.post-navigation a:focus .meta-nav{        
    color: #d2691e;
}

.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {        
    color: #d2691e;
    text-decoration: underline;
}
.post-navigation .post-title {
    font-size: 90%;
}

.nav-previous .meta-nav, .nav-next .meta-nav {background:#eee}

.clearfix:after {
    content: "";
    clear: both;
}
@media screen and (max-width: 40em) {
    .nav-next,
    .nav-previous {
        padding-bottom: 1em;
        border: 1px #eee solid;
    }
}

.nav-next .nav-text,
.nav-previous .nav-text {
    padding: 0.5em;
}

@media screen and (min-width: 30em) {
    .nav-links {
        display: block;
        padding: 0;
    }
    .comment-navigation .nav-previous,
    .post-navigation .nav-previous {
        display: block;
        float: left;
        width: 48%;
    }

    .comment-navigation .nav-next,
    .post-navigation .nav-next {
        display: block;
        float: right;
        text-align: right;
        width: 48%;
    }
}

.post-navigation .meta-nav {
    display: block;
}
.nav-previous .meta-nav {
    padding-left: 0.5em;
}
.nav-previous .meta-nav {
    font-size: 1em; 
    text-decoration: none;
}
.nav-previous .meta-nav i {
    padding-right: 0.5em;
}
.nav-next .meta-nav{
    padding-right: 0.5em;
    padding-left: 0.5em;
}
.nav-next .meta-nav {
    font-size: 1em;
    text-decoration: none;
}
.nav-next .meta-nav i {
    padding-left: 0.5em;
}
@media screen and (min-width: 30em) {
    .post-navigation .meta-nav {
        padding: 0.5em;
    }
}
@media screen and (max-width: 30em) {        
    .comment-navigation .nav-previous,
    .post-navigation .nav-previous {
        margin-bottom: 1em;
    }

    .comment-navigation .nav-next,
    .post-navigation .nav-next {
        margin-bottom: 1em;
    }
}

.paging-navigation {
    margin-top: -2em;
    text-align: center;
}

.paging-navigation ul {
    display: inline-block;
    padding: 0;
    list-style-type: none;
    margin: 0 0 1.5em 0;
}

.paging-navigation li {
    display: inline-block;
    margin-right: 0.5em;
}

.paging-navigation li a {
    padding: .3em 0.5em;
    color:#d2691e;
}

.paging-navigation .current {
    padding-left: 1.5em;
    padding-right: 1.5em;
    font-weight: 700;
}
@media screen and (max-width: 30em) {
    .paging-navigation a {
        font-size: 95%;
    }
    .paging-navigation li a {
        padding: .15em 0.5em;
        margin: .2em .1em;
    }

}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #d2691e;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    float: left;
    margin:1em;
    margin-right: 1.5em;
}

.alignright {
    float: right;
    margin:1em;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin:1em;
    margin-left: auto;
    margin-right: auto;
}

.alignvideo {
    clear: both;
    display: block;
    float: none;
    margin-left: 10%;
    margin-right: 10%;
}
.alignvideo iframe {
    clear: both;
    display: block;
    float: none;
    margin: 1em auto;
}

@media screen and (max-width: 350px) {
    .alignright , .alignleft {
        clear: both;
        display: block;
        margin:1em;
        margin-left: auto;
        margin-right: auto;
    }
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
#secondary {
    position: relative;
}
@media screen and (min-width: 80em) {
    .contact-widgets,
    #secondary {
        max-width: 20em;
    }
}  
.widget {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding: 1em;
    background: #fff;
}
#secondary .widget:nth-child(1) {
    margin-top: 0;
}
.content-area .widget {
    border:none;
}
.content-area .widget-title {
    margin-left: 0;
    margin-right: 0;
}

.widget-title {
    margin:0 0 1em;
    font-size: 1em;
    text-transform: uppercase;
    padding: 1em;
    text-align: center;
    background: #f7f7f7;
    color: #333;
}

.widget ul,
.widget ol {
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    list-style-type: none;
}

.site-content .widget li {
    display: block;
    padding: .3em 0;
}

.widget li ul,
.widget li ol {
    margin-left: .5em;
}

.widget li:last-child {
    padding-bottom: .35em;
}

@media screen and (min-width: 30em) {
    .widget li ul,
    .widget li ol {
        margin-left: 1em;
    }
}

.widget a {
    font-weight: normal;
    text-decoration: none;
    font-size: 0.9em;
    color:#303030;
}
.widget span {
    font-weight: normal;
    font-size: 0.9em;
    color:#303030;
}
.widget a:hover,
.widget a:focus {
    text-decoration: underline;
    color:#d2691e;
}

/* Make sure select elements fit in widgets. */
.widget select {
    width: 100%;
    padding: .5em;
}

/* Archive and Categories widgets */
.widget_archive li {
    color: #808080;
    font-size: 0.9em;
}

.widget_categories .children {
    padding-top: 0;
    padding-bottom: .5em;
}

/* Pages and Menu widgets */
.widget_pages .children,
.widget_nav_menu .sub-menu {
    padding-top: 0;
    padding-bottom: .5em;
}

.widget_pages a,
.widget_nav_menu a{
    display: block;
    padding: 1em 0;
    border-bottom: 1px solid #c3c3c3;
}

.site-content .widget_pages li,
.site-content .widget_nav_menu li{
    padding: 0;
}

.site-content .widget_pages li:last-child,
.site-content .widget_nav_menu li:last-child{
    margin-bottom: .5em;
}

/* Pages and Menu widgets in footer*/
.footer-widgets .widget_pages .children,
.footer-widgets .widget_nav_menu .sub-menu {
    padding-top: 0;
    padding-bottom: .5em;
}

.footer-widgets  .widget_pages a,
.footer-widgets  .widget_nav_menu a{
    padding: 0;
    border-bottom: 0 dashed #fff;
}

.footer-widgets  .site-content .widget_pages li,
.footer-widgets  .site-content .widget_nav_menu li{
    padding: 0;
}

.footer-widgets  .site-content .widget_pages li:last-child,
.footer-widgets .site-content .widget_nav_menu li:last-child{
    margin-bottom: .5em;
}
/*Footer top widgets*/
.footer-top-widgets, .footer-top-widgets .widget {
    margin-top: 0;
    margin-bottom: 0;
    padding: 1em;
}

/* Meta widget */
.site-content .widget_meta li {
    padding: .3em 0;
}

/* RSS widget */
.widget_rss li {
    margin-bottom: 1em;
}
.widget_rss a {
    color: #333;
}
.widget_rss a:hover,
.widget_rss a:focus {
    color: #d2691e;
}
.widget li a.rsswidget {
    padding-right: .5em;
    font-size: 1em;
    line-height: 1.4em;
}

.rss-date,
.widget_rss cite {
    color: #333;
    font-size: .8em;
}

.rssSummary {
    padding: .5em 0;
    font-family: 'Roboto', sans-serif;
    font-size: .8em;
    line-height: 1.4em;
}

/* Calendar widget */
.widget_calendar {
    font-family: 'Roboto', sans-serif;
}

.widget_calendar caption {
    padding: .5em 0;
    font-size: 0.9em;
    font-weight: 700;
    text-align: left;
}

.widget_calendar thead {
    background: #d2691e;
    color: #fff;
}

.widget_calendar thead th {
    border-bottom-width: 1px;
    color:#fff;
}

.widget_calendar td {
    padding: .1em;
    font-size: 0.7em;
    text-align: center;
    background: #d6d6d6;
    border: 1px solid white;
}

.widget_calendar th {
    border: none;
}

.widget_calendar .pad {
    background: #eaeaea;
}

/* Text widget */
.textwidget {
    font-size: .8em;
    line-height: 1.6em;
}

/* Search widget. */
.widget_search .search-form{
    position: relative;
}

.widget_search .search-field {
    box-sizing: border-box;
    width: 100%;
    padding: .5em 1em;
    border: 1px solid #c3c3c3;
}
.widget_search .container {
    width: 100%;
}
.widget_search .search-submit{
    width: 2em;
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    border: 2px solid #d2691e;
    background: #fff;
    color: #000;
    font-family: 'Muli', sans-serif;
    font-size: 1em;
}

.widget_search .search-submit:focus,
.widget_search .search-submit:hover {
    color:#fff;
}

/* Tag cloud widget. */
.widget_tag_cloud a {
    padding: 0.3em 0.5em;
    background: #fff;
    border: 2px #d2691e solid;
    margin: 4.5em 0.25em;
    line-height: 2.5em;
    white-space: nowrap;
    color: #d2691e;
}
.widget_tag_cloud .tagcloud {
    font-size: 80%;
}
.widget_tag_cloud a:active,
.widget_tag_cloud a:hover {
    background: #d2691e;
    text-decoration: none;
    color: #fff;
}

/* Widget categories */
.widget_categories ul{
    text-align: right;
}
.cat-item a {
    float: left;
}
/* Widget archive */
.widget_archive ul{
    text-align: right;
}
.widget_archive ul li a {
    float: left;
}

/* WP mailchimp widget (in sidebar)*/  
.mc4wp-form .mc4wp-form-fields label {
    display: none;
}
.mc4wp-form .mc4wp-form-fields input {
    width: 100%;
}

/* WP instagramm widget (in sidebar)*/  
.footer-widgets .widget .instagram-pics li,
#secondary .widget .instagram-pics li{
    display: inline-block;
}
.footer-widgets .widget .instagram-pics,
#secondary .widget .instagram-pics {
    margin: 0;
}
.footer-widgets .widget .instagram-size-original li,
.footer-widgets .widget .instagram-size-small li,
.footer-widgets .widget .instagram-size-large li,
.footer-widgets .widget .instagram-size-thumbnail li,
#secondary .widget .instagram-size-original li,
#secondary .widget .instagram-size-small li,
#secondary .widget .instagram-size-large li,
#secondary .widget .instagram-size-thumbnail li {
    padding: 0;
}
.footer-widgets .widget .instagram-size-original li img,
.footer-widgets .widget .instagram-size-small li img,
.footer-widgets .widget .instagram-size-large li img,
.footer-widgets .widget .instagram-size-thumbnail li img,
#secondary .widget .instagram-size-original li img,
#secondary .widget .instagram-size-small li img,
#secondary .widget .instagram-size-large li img,
#secondary .widget .instagram-size-thumbnail li img{
    padding-right: 6px;
}
.footer-widgets .widget .instagram-size-original li,
.footer-widgets .widget .instagram-size-small li,
.footer-widgets .widget .instagram-size-large li,
.footer-widgets .widget .instagram-size-thumbnail li,
#secondary .widget .instagram-size-original li,
#secondary .widget .instagram-size-small li,
#secondary .widget .instagram-size-large li,
#secondary .widget .instagram-size-thumbnail li{
    line-height: 0;
    width:33.33%;
}
.footer-widgets .null-instagram-feed .clear,
#secondary .null-instagram-feed .clear{
    margin: 0;
    text-align: center;
}

/* WP instagramm widget (in footer)*/  
.footer-full-widgets {
    position: relative;
    width:100%;
}

.footer-full-widgets .null-instagram-feed p{
    display: none;
}
.footer-full-widgets .null-instagram-feed ul,
.footer-full-widgets .widget {
    margin: 0;
}
.footer-full-widgets .widget .instagram-pics li {
    display: inline-block;
}

.footer-full-widgets .widget .instagram-size-original li,
.footer-full-widgets .widget .instagram-size-small li,
.footer-full-widgets .widget .instagram-size-large li,
.footer-full-widgets .widget .instagram-size-thumbnail li{
    padding: 0;
    margin: 0;      
}
.footer-full-widgets .instagram-size-original li,
.footer-full-widgets .instagram-size-small li,
.footer-full-widgets .instagram-size-large li,
.footer-full-widgets .instagram-size-thumbnail li{
    width:20%;
    margin-bottom: 0;
}
.footer-full-widgets .null-instagram-feed {
    position: relative;
    padding: 0;
}
.footer-full-widgets .null-instagram-feed .widget-title{
    display: none;
}

@media screen and (max-width: 900px) {
    .footer-full-widgets .instagram-size-original li,
    .footer-full-widgets .instagram-size-small li,
    .footer-full-widgets .instagram-size-large li,
    .footer-full-widgets .instagram-size-thumbnail li{
        width:20%;
    }
}

@media screen and (max-width: 639px){
    #secondary .widget a,
    #secondary .widget a i,
    #secondary .widget {
        font-size: 90%;
    }
    .widget-area .widget {
        max-width: 340px;
        margin:1em auto;
    }
}
@media screen and (min-width: 640px){
    .contact-widgets,
    #secondary {
        margin:1em auto;
        max-width: 380px;
    }
}
@media screen and (max-width: 1039px){
    .contact-widgets .widget,
    #secondary .widget {
        max-width: 380px;
        margin: 1em auto;
    }
}

.bottom-frontpage-widgets {
    width:100%;   
}
.bottom-frontpage-widgets .widget {
    border-width: 0;

}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## ## Global
--------------------------------------------------------------*/
.content-area {
    overflow-x: hidden;
    overflow-y: hidden; 
}

/* Rules for sidebar left, sidebar right and no sidebar */
@media screen and (min-width: 80em) {
    /* Unified styles */
    .sidebar-right #secondary,
    .sidebar-left #secondary {
        padding: 0;
        margin: 0;
    }
    /* Sidebar Right layouts */
    .sidebar-right .content-area {
        display: inline-block;
        float: left;
        width: calc(100% - 21em);
    }

    .sidebar-right #secondary {
        margin: 0 0 0 0;
    }
    .archive .sidebar-right #secondary,
    .search .sidebar-right #secondary{
        margin: 0;
        padding-top: 1em;
    }

    .sidebar-right .site-content .widget-area {
        display: inline-block;
        float: right;
        overflow: hidden;
        width: 21em;
    }
    /* Sidebar Left layouts */
    .sidebar-left .content-area {
        float: right;
        width: calc(100% - 21em);
    }
    .sidebar-left #secondary {
        margin: 0 0 0 0;
    }

    .sidebar-left .site-content .widget-area {
        float: left;
        overflow: hidden;
        width: 21em;
    }

    .no-sidebar .index-box {
        width: 100%;
    }       
    .no-sidebar #secondary {
        display: none;
    }
    .no-sidebar #contact-widgets {
        display: none;
    }
}

@media screen and (min-width: 57em) {           
    .no-sidebar .site-main {
        max-width: 65em;
        margin: 1em auto 3em;
    }        
} 

.site-main {
    margin: 0;
    font-size: .8em;
    line-height: 1.6em;
}
.search .site-main,
.archive .site-main {
    margin-top: 2em;
}

@media screen and (min-width: 40em) {
    .site-main {
        font-size: 1em;
    }
}
@media screen and (min-width: 57em) {
    .site-main {
        max-width: 900px;
        margin: 0 auto 3em;
    }
}
@media screen and (min-width: 80em) {
    .site-main {
        max-width: 900px;
        width:100%;
        margin: 0 auto;
        margin-left: 2em;
        margin-right: 2em;
    }
}
.site-title-width {
    max-width: 81em;
    margin: 0 auto;  
    display: block;

}
/*--------------------------------------------------------------
## Indexes
--------------------------------------------------------------*/
.page-header {
    display: block;
    margin-top: 0;
    margin-bottom: 1em;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    background: #d2691e;
}
.mid{
    background: rgba(0,0,0, 0.2);
    width: 100%;
    margin: 0 auto;
}
.page-title {
    padding-top: 8em;
    padding-bottom: 9em;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    font-style: italic;
    font-size: 1.4em;
    color: #fff;
    text-transform: uppercase;
}
.secondary-title {
    padding-top: 1em;
    padding-bottom: 2em;
    margin-top: 0;
    margin-bottom: 0;
}
.page-title:after {
    display: block;
    content: "";
    margin: .7em auto 0;
    width: 5em;
    border-bottom: solid 1px #fff;
}

.archive-description {
    margin-top: 0;
    text-align: center;
    font-style: italic;
    color: #fff;
    padding-bottom: 2em;
    max-width: 80%;
    margin: 0 auto;
}
.page-header .page-title {color:#fff;}
.page-header .archive-description {color:#fff;}
.index-box {
    display: block;
    float:none;
    position:relative;
    margin-bottom: 3em;
}
.services .index-box {
    display: block;
    float:none;
    position:relative;
    margin-bottom: 0;
}
.index-box .entry-title {
    margin-top: .5em;
    margin-bottom: 0;
    font-size: 1.5em;
}
.index-box .entry-content {
    margin-top: .3em;
    color: #808080;
    margin-bottom: 0;
    padding-left: 1em;
    padding-right: 1em;
}

.index-box .cat-links {
    margin-top: 0;
}  

.index-box .entry-footer {
    padding: 0 1.5em 0 1.5em;
    margin-bottom: 1.5em;
}
.index-box .entry-footer a {
    color:#aaa;
}
@media screen and (max-width: 27em) {
    .index-box .entry-footer {
        padding:0;
        margin: 0;
    }
    .index-box .entry-footer .inlinedata .byline{
        display:none;
    }
    .index-box .entry-footer .inlinedata .comments-link{
        display:none;
    }
    .index-box .entry-footer .inlinedata .edit-link{
        text-align: center;
    }
    .index-box .entry-footer .inlinedata .add-share-icon{
        text-align: center;
        float:none;
    }
}
@media screen and (max-width: 600px) {
    .index-box .inlinedata {
        display: block;
    }
    .index-box .inlinedata .byline{
        display: none;
    }
    .index-box .inlinedata .comments-link{
        display: none;
    }
    .index-box .inlinedata .edit-link{
        display: none;
    }
    .index-box .add-share-icon {
        float: none;
        text-align: center;
    }
} 

article {
    position: relative;
}

.squaer-showexcerpt {
    position: absolute;
    bottom:0;
    right: 0;
    background: #d2691e;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    z-index:5;
}
.squaer-showexcerpt i {
    font-size: 1rem;
    padding: 0.5rem 0.3rem 0.5rem 0.7rem;
    font-family: 'fontawesome';
    color: #fff;
}
.error404 .content-area{
    display: block;
    float: none;
    margin: 5em auto;
}
.error404header {
    font-size: 15em;
    text-align: center;
    color:#fff;
}
.error-404 input[type="search"],
.search-no-results input[type="search"] {
    width: 100%;
    padding: .5em 1em;
}
.error-404 .search-form,
.search-no-results .search-form {
    position: relative;
}
.error-404 .search-form .search-field,
.search-no-results .search-form .search-field {
    box-sizing: border-box;
    width: 100%;
    padding: .5em 1em;
    border: 1px solid #c3c3c3;
}
.search-no-results .page-content,
.error-404 .page-content {
    margin-bottom: 0;
}
.search-submit {
    width: 2em;
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    border: 2px solid #d2691e;
    background: #fff;
    color: #000;
    font-family: 'Muli', sans-serif;
    font-size: 1em;
}

.search-submit i{ 
    position: absolute;
    color: #d2691e;
    font-size: 1em;
    font-style: normal;
    right: 25%;
    top:50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);  
}

.search-submit:hover,
.search-submit:focus {
    background:#d2691e;
}
.search-submit:hover i,
.search-submit:focus i {
    color:#fff;
}
/*--------------------------------------------------------------
## Front Page
--------------------------------------------------------------*/
section{
    width: 100%;   
}
/*----------------------------------
Front Page Header
-----------------------------------*/
#front-page-header {
    width: 100%; 
    position: relative;
    padding: 0;
    margin: 0;
}
#front-page-header h2 {
    margin: 0;
}
.section-title {
    font-size: 2em;
    font-weight: normal;
    color:#aaa;
    line-height: 1.5em;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em; 
    margin-top: 0;
}
.section-title:first-letter {
    color: #d2691e; 
}
.site-content .front-page-slider li {
    padding-top: 0;
    padding-bottom: 0;
}

.call-booking-title {
    margin: 0;
    font-size: 1.3em;
    text-transform: uppercase;
    padding: 2em 1em;
    text-align: center;
    background: #d2691e;
    color: #fff;
}
.front-page-booking-search-right,
.front-page-booking-search-center,
.front-page-booking-search-down {
    -webkit-box-shadow: -3px 7px 7px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    -3px 7px 7px 0px rgba(0, 0, 0, 0.3);
    box-shadow:         -3px 7px 7px 0px rgba(0, 0, 0, 0.3);
} 
@media screen and (max-width: 700px) {
    .front-page-booking-search-right,
    .front-page-booking-search-center,
    .front-page-booking-search-down {           
        -webkit-box-shadow: 1px 0 4px 1px rgba(0, 0, 0, 0.1);
        -moz-box-shadow:    1px 0 4px 1px rgba(0, 0, 0, 0.1);
        box-shadow:         1px 0 4px 1px rgba(0, 0, 0, 0.1);
    }
}
.front-page-booking-search-right p,
.front-page-booking-search-center p,   
.front-page-booking-search-down p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}   
.call-booking-title p {
    margin-bottom: 0;
}

#front-page-header .call-us-full-width {
    background: #d2691e;
    padding: 1.2em;
    font-size: 1em;
    text-align: center;
    color:#fff;
}

#front-page-header .widget_hb_widget_search h3 {
    display:none;
}
#front-page-header .widget_hb_widget_search label {
    display:none;
}
#front-page-header .header-search .widget{
    margin-top: 0;
    margin-bottom: 0;
}
@media screen and (max-width: 900px) {
    #front-page-header{
        display: none; 
    }
}
/*----------------------------------
Front Page About
-----------------------------------*/
.front-page-about-container {
    margin: 0 auto;
    max-width: 81em;
}

#front-page-about h3 {
    text-align: center;
}
#front-page-about .section-title {
    padding-bottom: 0;
}
.see-about {
    padding-bottom: 1em;
}
.about-cont {
    height: 100%;
    position: relative;
    margin-bottom: 1em;
}
.about-text {
    width: 50%;
    height: 100%;
    float: left;
    padding: 2em;
    margin: 0;
}
.about-images {
    width: 50%;
    height: 100%;
    position: absolute;
    top:0;
    bottom: 0;
    left:50%;
    right:0;
}
.about-image1 {
    width: 60%;
    height: 100%; 
    float:left;
    border: 3px solid #fff;

    background-position: center center;    
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.about-image2 {
    width: 40%;
    height: 50%;
    float:left;
    border: 3px solid #fff;

    background-position: center center;    
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.about-image3 { 
    width: 40%;
    height: 50%;
    float:left;
    border: 3px solid #fff;

    background-position: center center;    
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
@media screen and (max-width: 900px) {
    .about-image1,.about-image2, .about-image3 {
        width: 100%; 
        height: 33.3%;
    }
}
@media screen and (max-width: 750px) {
    .about-text  {
        width: 100%;
        position: relative;
        float:none;
    }
    .about-images {
        left:0;
        width: 100%;
        position: relative;
        float:none;
        height: 400px;
    }
    .about-image1 {
        width: 60%;
        height: 100%; 
        float:left;}
    .about-image2, .about-image3 {
        width: 40%;
        height: 50%;
        float:left;}
}
@media screen and (max-width: 400px) {
    .about-image1, .about-image2, .about-image3 {
        width: 100%;
        height: 33.3%;
    }
    .about-images {
        height: 600px;
    }
}

.widget_anirohotellight_about_us .img-cont {
    max-width: 290px;
    position: relative; 
}
.anirohotellight-about-img {
    width: 220px;
    height: 220px;
    background-position: center center;    
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    padding: 0.5em;
    margin: 0.5em;

}

.widget_anirohotellight_about_us {
    display: inline-block;
    position: relative; 
    margin-top: 0;
    margin-bottom: 0;
    background: transparent;
}

@media screen and (max-width: 575px) {
    .widget_anirohotellight_about_us_section {
        float: none;
        margin: 0 auto;
    }
}

/*----------------------------------
Front Page Services
-----------------------------------*/
#front-page-services,
#front-page-advertisement,
#front-page-testimonials{
    margin-top:3em;
    padding-top: 1em;
    padding-bottom: 1em;
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.widget_anirohotellight_service {
    text-align: center;
    background: transparent;
    margin-bottom: 2em;
}
.service-name {
    padding: 1em;
    font-weight: bold;
    font-size: 1.2em;
}
/*#front-page-services .img-cont {
    width: 100px;
    height: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    margin: 0 auto;
    border-radius: 100px;
    border: 2px solid #fff;
}
.icon-cont i {
    font-size: 2em;
    padding: 0.5em;
    border: 2px solid #ccc;
    border-radius: 1.5em;
    width: 2em;
    height: 2em;
    content: "f00c";
    font-family: 'fontawesome';
    color: #ccc;
}
.icon-cont .fa-wifi, .icon-cont .fa-bicycle {
    padding: 0.5em 0 0.5em 0;
}*/

.front-page-service-container a{
    line-height: 0;
    color:#fff;
}

.front-page-service-container {
    position: relative;
    display:inline-block;
    margin: 3em 2em 4em 2em;
}
.front-page-service-container:after{
    display: block;
    content: "";
    margin: .7em auto 0;
    width: 3em;
    border-bottom: solid 1px #ddd;
}
.front-page-service-container .service-icon {
    text-align: center;
    font-size: 2em;
    margin-top: 1em;
}
.front-page-service-container .service-title {
    width: 100%;
    padding: 1em;
    font-size: 1.2em;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
    text-transform: uppercase;
}

.service-name {
    padding: 1em;
    font-weight: bold;
    font-size: 1.2em;
}
#front-page-services .img-cont {
    width: 100px;
    height: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    margin: 0 auto;
    border-radius: 100px;
    border: 2px solid #fff;
}
.icon-cont i {
    font-size: 2em;
    padding: 0.5em;
    border: 2px solid #ccc;
    border-radius: 1.5em;
    width: 2em;
    height: 2em;
    content: "f00c";
    font-family: 'fontawesome';
    color: #ccc;
}
.icon-cont .fa-wifi, .icon-cont .fa-bicycle {
    padding: 0.5em 0 0.5em 0;
}

.front-page-service-container a, 
.front-page-service-container a:hover,
.front-page-service-container a:focus,
.front-page-service-container a:visited {
    line-height: 0;
    color:#fff;
}
.front-page-service-container {
    position: relative;
    display:inline-block;
    margin: 1em 2em 2em 2em;
}
.front-page-service-container:after{
    display: block;
    content: "";
    margin: .7em auto 0;
    width: 3em;
    border-bottom: solid 1px #ddd;
}
.front-page-service-container .service-icon {
    text-align: center;
    font-size: 2em;
    margin-top: 1em;
}
.front-page-service-container .service-title {
    width: 100%;
    padding: 1em;
    font-size: 1.2em;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
    text-transform: uppercase;
    line-height: 1.5em;
}
/*----------------------------------
Front Page Rooms
-----------------------------------*/
#front-page-rooms {
    margin: 2em auto 0;
    max-width: 81em;
    position: relative;
}
.front-page-room-container {
       position: relative;
    width: 22%;
    display:inline-block;
    padding: 0.9em;
}
.room-title {
    font-size: 1em;
    text-align: center;
    font-weight: bold;
    padding: 1em 0;
    text-transform: uppercase;
    line-height: initial;
    color: #2a2a2a;
}
.front-page-room-container .price {
    background: #d2691e;
    text-align: right;
    color:#fff;
    padding: 1em;
    font-weight: bold;
    margin-top: -0.5em;
}
.front-page-room-container a {
    text-decoration: none;
}
#front-page-rooms .section-title {
    padding-bottom: 0;
}
#front-page-rooms .see-rooms,
.see-about,
.see-services {
    color:#d2691e;
    text-align: center;
}

.advertisement-name {
    font-size: 1.2em;
    font-weight: bold;
}

/*testimonial*/
.testimonial-container {
    background: transparent;
    text-align: center;
    margin-bottom: 1em;
}
.testimonial-container .testimonial-text {
    max-width: 70%;
    margin: 2em auto;
}
.testimonial-container .testimonial-title {
    display: block;
}
.testimonial-link {
    margin-top: 5em;
}
.testimonial-container .testimimg { 
    display: block; 
    width: 80px;
    height: 80px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
    border-radius: 40px;
    border: 2px solid #fff;
    margin: 1em auto;
}
/*----------------------------------
Front Page Advertisement 
-----------------------------------*/
.front-page-advertisement-container  {
    max-width: 60%;
    margin: 3em auto 2em;
}
.front-page-advertisement-container .advertisement-text,
.front-page-advertisement-container .advertisement-link {
    text-align: center;
}
.front-page-advertisement-container .advertisement-link {
    margin-top: 2em;
}

.embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;  
}
iframe {
    width: 100%;
    height: 400px;
}
/*----------------------------------
Front Page Blog
-----------------------------------*/
#front-page-blog {
    margin: 2em auto 0;
    max-width: 81em;
    position: relative;
}

.blog-container {
    padding-bottom:  1em;
    padding-top:  1em;
    text-align: center;
    display: block;
}
.front-page-blog-container a{
    line-height: 0;
}
.front-page-blog-container {
    position: relative;
    width: 22%;
    display:inline-block;
    padding: 0.9em;
}
.front-page-blog-container .blog-thumbnail {
    width: 100%;
}
#front-page-blog .section-title {
    padding-bottom: 0;
}
#front-page-blog .see-posts {
    color:#d2691e;
    text-align: center;
}
.blog-text {
    padding-top: 0.75em;
    width: 100%;
    text-align: center;
}

/*Blog*/
.blogpost {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    padding-right: 3em;
}
.blogpost .section-title {
    padding-bottom: 0;
}
.blogpost .see-posts,
.events .see-posts {
    color:#fff;
    text-align: center;
}
.blogpost-container {
    margin: 1em;
}
.blogpost .front-page-blog-container {
    width: 49%;
    margin-top: 1em;
    border:1px solid #eee;
}

/*----------------------------------
Front Page Contacts
-----------------------------------*/
#front-page-contact {
    display:block;
}
.front-page-contact-container {
    margin: 2em auto 0;
    max-width: 81em;
    position: relative;
}

/*Contact form*/
#front-page-contact .contactform {
    display:block;
    width: 50%;
    float:left;
}
#front-page-contact .contactform .wpcf7 {
    margin: 2em;
}
#front-page-contact .contactform form {
    margin-left: 4em;
    margin-right: 4em;
    padding: 0;
}
#front-page-contact form label {
    color: #808080;
}
.contactform form input[type="text"],
.contactform form input[type="email"],
.contactform form inputinput[type="url"]{
    width: 100%;
}
#front-page-contact .contactinfo .add-address,
#front-page-contact .contactinfo .phone-number {
    text-align: center;
}

.add-email {
    float: right;
    width:33.3%;
    text-align: right;
    color:#a9a9a9;
    width: 100%;
    text-align: center;
}
.contactinfo .add-email {
    text-align: left;
}
.add-email  {
    color: #a9a9a9;
}
.add-email i {
    padding-right: 1em;
}
#front-page-contact .contactinfo {
    width: 40%;
    float:left;
    padding-left: 2em;
    padding-right: 2em;
    text-align: center;
}
@media screen and (max-width: 1100px) {
    #front-page-contact .contactform p label {
        text-align: center;
    }
    #front-page-contact .contactform span{
        width: 100%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 750px) {
    #front-page-contact .contactform {
        width: 100%;
    }
    #front-page-contact .contactform .wpcf7 {
        margin: 1em;
    }
    #front-page-contact .contactform form {
        margin-left: 5em;
        margin-right: 5em;
    }
}
@media screen and (max-width: 550px) {
    #front-page-contact .contactform form {
        margin-left: 3em;
        margin-right: 3em;
    }
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky  {
    display: block;
    margin: 0;
    padding: 0;
}

/*Square*/
.squaer-container-tack,
.squaer-container-check {
    position: absolute;
    top:1.5em;
    right: 0;
    display: none;
    background: #d2691e;
    width: 2rem;
    height: 2rem;
    z-index: 30;
}
.squaer-container-tack span i {
    font-size: 1rem;
    padding: 0.5rem 0.4rem 0.5rem 0.6rem;
    content: "f00c";
    font-family: 'fontawesome';
    color: #fff;
}
.squaer-container-check span i {
    font-size: 1rem;
    padding: 0.5rem 0.4rem 0.5rem 0.6rem;
    content: "f08d";
    font-family: 'fontawesome';
    color: #fff;
}

.hentry {
    margin: 0 0 1.5em;
}
.single .entry-footer{
    clear: both;
    padding-top: 3em;
}
@media screen and (max-width: 30em) {
    .single .post .entry-header,
    .single .post .entry-content,
    .single .post .entry-footer{
        padding-left: 1em;
        padding-right: 1em;
    }
}

.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus {
    color: #d2691e;
}

.entry-meta a,
.entry-footer a {
    text-decoration: none;
    color: #000;
}
.entry-meta a:hover,
.entry-meta a:focus,
.entry-footer a:hover,
.entry-footer a:focus {
    color: #d2691e;
    text-decoration: underline;
}
.hentry {
    margin: 0;
    padding-bottom: 0;
}

.single .hentry,
.page .hentry {
    padding-bottom: 0;
}

.entry-title {
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 2em;
    line-height: 1.3em;
    text-align: center;
    color: #808080;
    word-wrap: break-word; /* Catch and wrap very long words on small screens */
}
.index-box .entry-title a {
    color: #808080;
}
@media screen and (min-width: 40em) {
    .entry-title {
        margin-top: 1em;
        font-size: 1.5em;
        line-height: 1.3em;
    }
}

.entry-title a {
    color: inherit;
    text-decoration: none;
}

.entry-title a:hover,
.entry-title a:focus {
    color: #d2691e;
}

.site-content li {
    line-height: 1.6em;
    padding-top: .5em;
    padding-bottom: .5em;
}

.site-content li > ul {
    margin-bottom: -1em;
}

.site-content li:last-child {
    margin-bottom: 0;
}

.entry-content {
    margin: 1.5em 0 0;
}

@media screen and (min-width: 30em) {
    .entry-content {
        padding: 0 1.5em;
    }
}

.entry-footer::before,
.entry-footer::after  {
    font-style: italic;
}
.entry-footer {
    font-size: 95%;
    font-style: italic;
}

.entry-footer span {
    color: #808080;
}

.entry-footer span::after {
    content: "|";
    padding: 0 1em;        
}
.entry-footer span:last-of-type::after {
    content: "";
    padding: 0;
}

.entry-footer span a {
    text-decoration: none;
}

article .entry-meta {
    position: relative;
    display: block;
}
.single article .entry-meta {
    margin-top: 1em;
}
article .entry-meta .posted-on {
    display: block;
    position: absolute;
    top: -1.5em;
    left: 50%;
    border: 1px #eee solid;
    margin-left: -7em;
    text-align: center;
    background: #eee;
    width: 14em;
    height: 3em;
    margin-bottom: 2em;
}
.entry-meta .posted-on a {
    display: block;
    padding: 0.75em;
    color: #d2691e;
    text-decoration: none;  
}

.entry-meta .posted-on  a:hover,
.entry-meta .posted-on  a:focus {
    text-decoration: underline;
}

.entry-title {
    text-transform: uppercase;
}

.entry-title, .entry-meta {
    text-align: center;
}

.cat-links {
    text-align: center;
    display: inline-block;
    padding: .2em 0;
}
.cat-links a {
    color: #d2691e;
    padding: 0;
    text-decoration: none;
}
.cat-links a:hover,
.cat-links a:focus {
    text-decoration: underline;
}
.cat-links:after {
    display: block;
    content: "";
    margin: .7em auto 0;
    width: 5em;
    border-bottom: solid 1px #d2691e;
}

.tags-links {
    display: block;
    padding: 1em;
    background: #f7f7f7;
    margin-top: 0.5em;
    text-align: center;
}
.tags-links a {
    padding: 0.5em;
    margin-right: 0.5em;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline-block;
    text-align: left;
}
.inlinedata {
    display: inline-block;
    width: 100%;
}
.postedoncontainer{
    text-align: center;
    margin: 1em;
}
.single .postedoncontainer{
    text-align: left;
    margin: 0.5em 0.5em 0.5em 0;
}
.postedoncontainer .posted-on a {
    color:#c9c9c9;
}
.posted-on-container{
    text-align: center;
}

.posted-on-container .posted-on .entry-date{
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}
.posted-on-container .posted-on .entry-date:after,
.posted-on-container .posted-on .entry-date:before{
    content: '';
    display: inline-block;
    width: 40%;
    height: 1px;
    background: #ccc;
    z-index: -1;
    position: relative;
    vertical-align: middle;
}
.posted-on-container .posted-on .entry-date:before {
    right: 15px;
    margin: 0 0 0 -100%;
}
.posted-on-container .posted-on .entry-date:after {
    left: 15px;
    margin: 0 -100% 0 0;
}

.posted-on-container .posted-on a {
    position: absolute;
    top: -1.5em;
    left: 35%;
    color:#c9c9c9;
    text-decoration: none;
    width: 100%;
    padding: 0.3em;
    background: white;
    z-index: 3;
    width: 30%;
    font-size: 0.85em;
}
.postedoncontainer .posted-on a:focus,
.postedoncontainer .posted-on a:hover,
.posted-on-container .posted-on a:focus,
.posted-on-container .posted-on a:hover{
    color: #d2691e;
    text-decoration: underline;
}
.page .add-share-icon,
.single .add-share-icon {
    display: block;
    float: right;
}

.add-share-icon a {
    width: 2.5em;
    color: #d2691e;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    outline: none;    
    height: 2.5em;    
    margin-left: 0.4rem;
}
.add-share-icon a:focus,
.add-share-icon a:hover {
    text-decoration: none;
}
.add-share-icon a i:hover,
.add-share-icon a i:focus {
    color: #d2691e;
}
.add-share-icon a i {
    font-size: 14px;
    font-size: 0.875rem;
    font-family: 'fontawesome';
    font-weight: 900;
}
@media screen and (max-width: 600px) {
    .add-share-icon a i {
        font-size: 85%;
    }
}
@media screen and (max-width: 600px) {
    .inlinedata {
        display: block;
        text-align: center;
    }
    .add-share-icon {
        float: none;
        text-align: center;
    }
    .page .add-share-icon, .single .add-share-icon {
        display: block;
        float: none;
    }
}
.add-share-icon a:hover {
    color: #d2691e;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 2.5em;
}

.page-links {
    clear: both;
    margin: 1em 0 1.5em;
    color: #d2691e;
}
.page-links a {
    text-decoration: none;
}
.page-links a:hover,
.page-links a:focus {
    text-decoration: underline;
}
.page .entry-footer {
    padding-left: 1.5em; 
}
.page .entry-header {
    margin-top: 1.5em;
}
@media screen and (max-width: 600px) {
    .page .entry-header, 
    .page .entry-content{
        padding-left: 1em;
        padding-right: 1em;
    }
    .page .entry-footer {
        padding-left: 1em; 
    }
}
.masonry-container,
.masonry-container1,
.masonry-container2 {
    width:100%;
    margin: 1em auto 5em;
}

.page-template-page-nosidebar .no-sidebar .content-area,
.page-template-page-nosidebar .sidebar-right .content-area,
.page-template-page-nosidebar .sidebar-left .content-area {
    width: 100%;
}

@media screen and (min-width: 57em){
    .page-template-page-nosidebar .no-sidebar .site-main,
    .page-template-page-nosidebar .sidebar-right .site-main,
    .page-template-page-nosidebar .sidebar-left .site-main {
        max-width: 65em;
        margin: 1em auto 3em;
    }        
}     
/*Page About*/

#promo-container {
    width: 100%;
    background-color: #fff;
    margin-bottom: 2em;
}

#promo-container ul {
    margin: 0;
    padding:0;
}

#promo-container ul li {  
    width: 138px;
    display: inline-block;
    text-align: center;
    border: 1px solid red;
    line-height: normal;
    font-size: 14px;
    margin-top: 0.5em;
    margin-right: 2em;
    padding: 1em;
}   

#promo-container ul li .text-container .promo_icon {
    text-align: center;
}
#promo-container ul li .text-container .promo_icon i,
#promo-container ul li .text-container .promo_number {
    font-size: 1.8em;
    font-weight: bold;
    padding:5px;
}
#promo-container ul li .text-container .promo_text {
    font-size: 1.2em;
}
@media screen and (max-width: 500px){
    #promo-container ul li .text-container {
        position: relative;
    }
}     
.advantage_icon {
    color:#d2691e;
    display: inline-block;
    width: 40px;
    text-align: center;
}
.advantage_icon i{
    font-size: 1em;
    padding: 1em 0 1em 0;

}

.faq_container {
    padding: 5px 15px;
}

.faq_question {
    border-bottom: 1px solid #e5e5e5;
    margin: 0px;
    padding: 1em 0 1em 0;
    cursor: pointer;
    font-weight: bold;
    display: table;
}

.question {
    margin-bottom: 5px;
    display: table-cell;
    width: 100%;
}

.faq_answer_container {
    height: 0px;
    overflow: hidden;
    padding: 0px;
}

.accordion-button-icon {
    display: table-cell;
    line-height: inherit;
    opacity: .5;
    opacity: 0.5;
    padding-left: 15px;
    vertical-align: middle;
}
/*Page restaurant*/
.menu_image {
    width: 150px;
    height: 150px;
}
.restaurant-slide-container {
    position: relative;
}
.pic-name {
    position: absolute; 
    color:#fff;
    background: rgba(0,0,0,0.3);
    bottom: 0;
    left:0;
    width: 100%;
    text-align: center;
    padding: 1em;
}

.pic-price {
    position: absolute; 
    top:1px;
    right: 1px;
    color:#fff;
    background: #d2691e;
    padding: 1em;
}
#tabs {
    margin-top: 2em; 
}

#tabs .tab {
    display: inline-block; 
    padding: 1.5em;
    cursor: pointer;
    position: relative;
    z-index:5;
    background: #b3b3b3;
    color:#fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
#tabs .active {
    border-radius: 3px 3px 0  0;
    background: #f7f7f7;
    color:#d2691e;
}
#tabs .tabContent {
    width: 100%;
    min-height: 60px;
    position: relative;
    top: -1px; 
    z-index:1;
    padding: 10px;
    border-radius: 0 0 3px 3px;
    background: #f7f7f7;
}
#tabs .hide {
    display: none;
}
#tabs .show {
    display: block;
}
.dish {
    width: 32.5%;
    position: relative;
    display: inline-block;
    margin-left: 0.5%;
    vertical-align: top;
}
.dish-image {
    width: 100%;
}
.dish-name {
    color:#a1a1a1;
    background: #f7f7f7;
    width: 100%;
    text-align: center;
    padding: 1em;
    margin-bottom: 0.5em;
}
.dish-name-no-img {
    color:#a1a1a1;
    background: #fff;
    width: 100%;
    text-align: center;
    padding: 1em;
    margin-bottom: 0.5em;
}
.dish-price {
    position: absolute; 
    top:0;
    right: 0;
    color:#fff;
    background: #d2691e;
    padding: 1em;
}
.dish-price-no-img {
    position: relative; 
    color:#fff;
    background: #d2691e;
    padding: 1em;
    text-align: center;
}
/*Page contact*/
.wpcf7 {
    border:1px dotted #ccc;
}

.page-template-page-contact-nosidebar .wpcf7 {
    width: 60%;
    display: block;
    float: left;
}
.page-template-page-contact-nosidebar .contactinfo {
    width: 40%;
    padding-left: 2em;
    display: block;
    float: left;
    font-size: 1.2em;
    line-height: 1.3em;
}
.page-template-page-contact-nosidebar .social-icons,
.page-template-page-contact-nosidebar .add-email {
    text-align: left;
}
.page-template-page-contact-nosidebar .add-email i {
    color:#a9a9a9;
}
.page-template-page-contact-nosidebar .add-address,
.page-template-page-contact-nosidebar .phone-number{
    margin-bottom: 0.5em;
}

@media screen and (max-width: 500px){
    .page-template-page-contact-nosidebar .wpcf7,
    .page-template-page-contact-nosidebar .contactinfo {
        width: 100%;
        margin: 0.5em;
    }        
}     
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}
.format-quote .index-box .article-content-container-full,
.format-aside .index-box .article-content-container-full{
    width:100%;
    max-width:  1040px;
    font-size: 90%;
    padding: 1em;
}
.format-quote .index-box .entry-footer,
.format-aside .index-box .entry-footer{
    text-align: center;
}

.format-quote .index-box .add-share-icon, 
.format-aside .index-box .add-share-icon {
    float: none;
    text-align: center;
    margin-top: 1em;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
    margin: 4em 0;
}
.comments-area{
    padding-left: 1em;
    padding-right: 1em;
}
@media screen and (min-width: 40em) {
    .comments-area {
        margin: 4em 1em;
    }
}

.comments-title {
    margin-bottom: 1em;
    font-size: 1.2em;
    text-align: center;
}

.comment-list {
    padding: 0;
    margin: 0;
}

.comment-list,
.comment-list ol {
    list-style-type: none;
}

.comment-body {
    border-bottom: 1px solid #eee;
    margin-bottom: 1em;
    padding-bottom: 1em;
}

.comment-meta {
    position: relative;
    margin-left: 70px;
    font-style: italic;
    font-size: 80%;
}

.comment .avatar {
    position: absolute;
    left: -60px;
    width: 50px;
    height: 50px;
}

.children {
    margin-left: 1em;
    padding-left: 0;
}

@media screen and (min-width: 30em) {

    .children {
        margin-left: 2em;
    }

    .comment-meta {
        margin-left: 80px;
        font-size: 90%;
    }

    .comment .avatar {
        left: -90px;
        width: 60px;
        height: 60px;
    }

    .comment-content {
        margin-left: 80px;
    }

}
@media screen and (min-width: 50em) {

    .children {
        margin-left: 3em;
    }
    .comments-area {
        margin: 4em 0;
        font-size: 1em;
    }

    .comment-meta {
        margin-left: 90px;
    }

    .comment .avatar {
        left: -90px;
        width: 60px;
        height: 60px;
    }

    .comment-content {
        margin-left: 90px;
    }
}
.comment-content {
    margin-top: 1.5em;
}
.comment-meta a {
    text-decoration: none;
}

.comment-meta a:hover,
.comment-meta a:focus {
    text-decoration: underline;
}

.comment-metadata a:hover,
.comment-metadata a:focus {
    border-color: #c3c3c3;
}

.comment-author {
    font-size: 1.2em;
}

.comment-metadata {
    margin-top: .2em;
    padding-bottom: .5em;
    font-size: .8em;
    line-height: 1em;
}

.comment-metadata a {
    color: #808080;
}

.reply {
    margin-bottom: 0;
    text-align: right;
}
.reply a {
    display: inline-block;
    padding: .5em 1.4em;
    font-size: 85%;
    color: #d2691e;
    line-height: 1.3em;
    text-decoration: none;
    border: 2px solid #d2691e;
}

.reply a:hover,
.reply a:focus {
    background: #d2691e;
    color: #fff;
}

.comment-content ol {
    list-style-type: decimal;
}

.comment-content a {
    word-wrap: break-word;
}
.bypostauthor .comment-author .fn {
    color: #d2691e;
}
.bypostauthor .comment-author .fn:before {
    font-family: 'fontawesome';
    font-size: 0.75em;
    content: "\f11d";
    color: #d2691e;
    padding-right: 0.5em;
}

/* Comment Form */
.comment-reply-title {
    margin-bottom: 1em;
    text-align: center;
    font-size: 1.2em;
}

.comment-list .comment-reply-title {
    text-align: left;
}

.comment-form {
    line-height: 1.3em;
    padding: 0 1.5em;
}
.comment-form .comment-notes{
    color:#ccc;
    font-size:90%;
}
.comment-form label {
    color:#ccc;
}
.comment-form-author {
    float: left;
    width: 50%;
}
.comment-form-email {
    float: left;
    width: 50%;
}
.comment-form-url {
    padding-top: 1em;
    clear: both;
}
.comment-form-url {
    width: 90%;
}
.comment-form-author #author,
.comment-form-email #email,
.comment-form-url #url {
    border-left-width: 0;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-bottom-color: #e8e8e8;
    border-bottom-style: solid;
    background: #fff;
}
.comment-form-comment #comment {
    border-top-width: 1px;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-bottom-style: solid;
    border-top-color: #ddd;
    background: #fff;
}
.comment-form-author #author:focus,
.comment-form-email #email:focus,
.comment-form-url #url:focus{
    outline:none;
    border-left: 1px dotted #ddd;
    border-right: 1px dotted #ddd;
    border-top: 1px dotted #ddd;
}
.comment-form-comment #comment:focus {
    outline:none;
    border-left: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
}
#wp-comment-cookies-consent {
    margin: 2em 1em 3em 0;
}
.comment-form-comment #comment {
    height: 150px;
}
.comment-form a {
    font-weight: 500;
}

.comment-form .form-submit {
    margin-top: 2em;
}

.comment-form .form-submit input {
    display: block;
    padding: .5em 1.4em;
    font-size: 85%;
    color: #d2691e;
    line-height: 1.3em;
    text-decoration: none;
    border: 2px solid #d2691e;
    margin: 0 auto;
}

.comment-form .form-submit .submit:hover,
.comment-form .form-submit .submit:focus {
    color: #fff;
    background-color: #d2691e;

}

.comment-form .required {
    color: #ccc;
}
@media screen and (max-width: 55em) {
    .comment-form-author,
    .comment-form-email {
        float: none;
        width: 80%;
    }
    .comment-form-url{
        padding-top: 0;
        width: 80%;
    }
    .comment-form input {
        font-size: 90%;
    }
}
/*--------------------------------------------------------------
##Search form
--------------------------------------------------------------*/
.social-icons li a:hover {
    color:  #d2691e;
}
.social-icons li a {
    font-family: 'fontawesome';
    font-size: 1em;
    color: #ccc;
    text-decoration: none;
    padding: 0.5em;
    outline: none;
}
.social-icons-and-search-menu li a {
    color: #fff;
}
.social-icons li {
    display: inline-block;
}
.social-icons {
    text-align: center;
    margin: 0;
    padding-left: 0;
}

.popup-with-form{
    z-index: 70;
}

@media screen and (max-width: 55em) {
    .social-icons-and-search-menu {
        display: none;
    }
}

/*--------------------------------------------------------------
## Contact form
--------------------------------------------------------------*/
.comment-reply-title {
    margin-bottom: 1em;
    text-align: center;        
    font-size: 1em;
    text-transform: uppercase;
}

.comment-list .comment-reply-title {
    text-align: left;
}

.wpcf7-form {
    line-height: 1.3em;
    padding:2em 1.5em 1em 1.5em;
}
.wpcf7-form label br{
    display: none;
}

.wpcf7-form label {
    color: #aaa;
    font-size: 85%;
}
.wpcf7-form label,
.wpcf7-form span {
    width: 100%;
}
.wpcf7-form label {
    display: inline-block;
}
.wpcf7-form label span{
    display: inline-block;
}
.wpcf7-form .your-name,
.wpcf7-form .your-email,
.wpcf7-form .your-subject{
    float: right;
    width: 70%;
}

.wpcf7-form .your-message {
    clear: both;
    width: 100%;
    margin-top: 0.5em;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"] {
    border-left-width: 0;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-bottom-style: solid;
    background: #fff;
}
.wpcf7-form textarea {
    clear: both;
    border-top-width: 1px;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-bottom-style: solid;
    border-top-color: #ddd;
    background: #fff;
}
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="url"]:focus{
    outline:none;
    border-left: 1px dotted #ddd;
    border-right: 1px dotted #ddd;
    border-top: 1px dotted #ddd;
}
.wpcf7-form textarea:focus {
    outline:none;
    border-left: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
}

.wpcf7-form .wpcf7-textarea {
    height: 150px;
    width: 100%;
}
.wpcf7-form a {
    font-weight: 500;
}

.wpcf7-form input[type="submit"] {
    margin-top: 2em;
}

.wpcf7-form input[type="submit"] {
    display: block;
    padding: .5em 1.4em;
    font-size: 85%;
    color: #d2691e;
    line-height: 1.3em;
    text-decoration: none;
    border: 2px solid #d2691e;
    margin: 0 0 0 90%;
}
#secondary .wpcf7-form input[type="submit"] {
    margin: 0 0 0 80%;
}

.wpcf7-form input[type="submit"]:hover,
.wpcf7-form input[type="submit"]:focus {
    color: #fff;
    background-color: #d2691e;
}

.wpcf7-form  .wpcf7-not-valid-tip {
    font-size: 85%;
    font-style: italic;
}
@media screen and (max-width: 50em) {
    .wpcf7-form .your-name,
    .wpcf7-form .your-email,
    .wpcf7-form .your-subject{
        width: 100%;
    }
    .wpcf7-form input[type="text"],
    .wpcf7-form input[type="email"],
    .wpcf7-form input[type="url"]{   
        width:100%;
    } 
    .wpcf7-form label, .wpcf7-form input {
        font-size: 95%;
    }
}
/*Booking form*/
.bookingform .wpcf7-form label{
    width: 100%;
}

.bookingform .wpcf7-form span {
    width: 70%;
    float: right;
}
.widget-area .wpcf7-form span{
    width: 100%;
    float: none;
}

.bookingform .wpcf7-form input[type="text"],
.bookingform .wpcf7-form input[type="email"],
.bookingform .wpcf7-form input[type="url"],
.bookingform .wpcf7-form-control-wrap select{
    float: right;
    width: 100%;
    padding: 1em;
}

.bookingform .wpcf7-form-control-wrap input{
    float: right;
    width: 100%;
    padding: 1em;
}
.bookingform .wpcf7-form-control-wrap input[type="text"], 
.bookingform .wpcf7-form-control-wrap input[type="email"], 
.bookingform .wpcf7-form-control-wrap input[type="url"] {
   width: 100%;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-bottom-style: solid;
    background: #fff;
}
.bookingform .wpcf7-form textarea {
    clear: both;
    width: 100%;
    border-top-width: 1px;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-bottom-style: solid;
    border-top-color: #ddd;
    background: #fff;
}
.bookingform .wpcf7-form input[type="submit"] {
    margin-right: 0;
}
.page .wpcf7-form-control-wrap input,
.page .wpcf7-form-control-wrap .wpcf7-select {
    float:right;
    width: 100%;
    padding: 1em;
    border: 1px solid #c0c0c0;
}
.page .wpcf7-form-control-wrap {
    float:right;
    width: 70%;
}
@media screen and (max-width: 50em) {
.bookingform .wpcf7-form input[type="text"],
.bookingform .wpcf7-form input[type="email"],
.bookingform .wpcf7-form input[type="url"],
.bookingform .wpcf7-form-control-wrap select{
    width: 100%;
}
.bookingform .wpcf7-form-control-wrap input{
    width: 100%;
}
.bookingform .wpcf7-form-control-wrap input[type="text"], 
.bookingform .wpcf7-form-control-wrap input[type="email"], 
.bookingform .wpcf7-form-control-wrap input[type="url"] {
    width: 100%;
}  
.bookingform .wpcf7-form span {
    width: 100%;
}
}

/*--------------------------------------------------------------
 ## Custom Fields
--------------------------------------------------------------*/
/*Rooms*/
article:nth-child(odd) .index-box .article-content-container .indexprice,
article:nth-child(even) .index-box .article-content-container .indexprice { 
    width: 50%;
    height: 100%;
    float:left;
    margin-left: 25%; 
    margin-top: 3em;
    margin-bottom: 2em;
    text-align: center;
}
.indexprice .price {
    background: #d2691e;
    padding: 2em 0.5em;
    text-align: center;
    color:#fff;
    font-size: 1.5em;
    line-height: 1.2em;
    text-align: center;
}
.roomfeaturedcontainer .roomfeaturedprice{
    margin-bottom: 1em;
    padding: 1em;
    background: #d2691e;
    color:#fff;
    font-size: 1.5em;
    text-align: center;
}
.roomfeaturedcontainer .roomfeaturedprice,
.roomfeaturedcontainer .roomfeaturedbed,
.roomfeaturedcontainer .roomfeaturedoccupancy,
.roomfeaturedcontainer .roomfeaturedlocation,
.roomfeaturedcontainer  .roomfeaturedsize,
.roomfeaturedcontainer .roomfeaturedbathroom {
   font-weight: bold; 
}

/*Services*/
.serviceicon {
    background: #d2691e;
    color:#fff;
    float:left;
    margin-right: 2em;
}
.indexserviceicon {
    color:#fff;
    text-align: center;
}
.indexserviceicon i{
    font-size: 3em;
    padding: 2em 1em 0 1em ;
}

.serviceicon i {
    font-size: 4em;
    padding: 1em;
}
.single-services .entry-content {
    padding: 0.5em;
}
@media screen and (max-width: 550px) {
    .serviceicon i {
        font-size: 2em;
        padding: 1em;
    }
}

.post-type-archive-services article:nth-child(odd) {
    width:33.3%;
    min-height:300px;
    display: inline-block;
    background: #aaa;
    margin-left: -0.25em;
    border: 1px solid #fff;
    vertical-align:top;
}
.post-type-archive-services article:nth-child(even) { 
    width:33.3%;
    min-height:300px;
    display: inline-block;
    background: #d2691e;
    margin-left: -0.25em;
    border: 1px solid #fff;
    vertical-align:top;
}
.post-type-archive-services article:nth-child(even) .index-box,
.post-type-archive-services article:nth-child(odd) .index-box{ 
    width:100%;
    min-height:300px;
}
.post-type-archive-services .entry-title {
    padding: 0.7em;
}

.post-type-archive-services .entry-title a, 
.post-type-archive-services .entry-title a:hover,
.post-type-archive-services .entry-title a:visited{
    color:#fff;
}
@media screen and (max-width: 550px) {
    .post-type-archive-services article:nth-child(odd) { 
        width:50%;
    }
    .post-type-archive-services article:nth-child(even) { 
        width:50%;
    }
}
@media screen and (max-width: 400px) {
    .post-type-archive-services article:nth-child(odd) { 
        width:100%;
    }
    .post-type-archive-services article:nth-child(even) { 
        width:100%;
    }
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    font-style: italic;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    padding-top: 1em;
    padding-bottom: 1em;
    background: #f3f3f3;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .aligncenter {
    margin-top: 2em;
    margin-bottom: 2em;
}

.wp-caption.alignright,
.wp-caption.alignleft {
    margin-top: 0;
    margin-bottom: 1.5em;
}

.wp-caption em {
    font-style: normal; 
}
/*--------------------------------------------------------------
## Images
--------------------------------------------------------------*/

@media screen and (min-width: 50em) {	
    img .alignright,
    .wp-caption .alignright {
        margin-right: -1.5em;
    }	
    img.alignleft,
    .wp-caption.alignleft {
        margin-left: -1.5em;
    }	
}

@media screen and (min-width: 74em) {
    img.alignright,
    .wp-caption.alignright {
        margin-right: -3em;
    }
    img.alignleft,
    .wp-caption.alignleft {
        margin-left: -3em;
    }
}

.featured-image {
    margin-top: 0;
    margin-bottom: 0;
    min-height: 2em;
}
.featured-image,
.page .featured-image,
.single .featured-image {
    position: relative;
}

.featured-image img {
    display: block;
    margin: 1.5em auto 0.5em;
}
.featured-image .gallery-item {
    display: block;
    margin: 1.5em auto 0;
}
.single .featured-image img,
.page .entry-header .featured-image img{
    padding: 0;
    margin: 0;
}
.single-format-gallery .featured-image img {
    padding: 0;
}
/*Opacity*/
.widget-post-thumb img,
.featured-image img{ 
    position: relative;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin: 1.5em 0;
}
.format-gallery .gallery {
    margin: 0;
    margin-bottom: -0.5em;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.format-gallery .gallery-item {
    padding: 0;
}
.gallery-item img {
    display: block;
}

.gallery-item a {
    display: inline-block;
    border-bottom: none;
}

.gallery-item a:hover,
.gallery-item a:focus {
    border-bottom: none;
    box-shadow: none;
}

.gallery-item a img {
    margin: 0 auto;
    border: 1px solid #fff;
}
.format-gallery .gallery-item a img {
    margin: 0 auto;
    border-width: 0;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
    border-color: #c3c3c3;
}
.format-gallery .gallery-columns-2 .gallery-item,
.format-gallery .gallery-columns-3 .gallery-item,
.format-gallery .gallery-columns-4 .gallery-item,
.format-gallery .gallery-columns-5 .gallery-item,
.format-gallery .gallery-columns-6 .gallery-item,
.format-gallery .gallery-columns-7 .gallery-item,
.format-gallery .gallery-columns-8 .gallery-item,
.format-gallery .gallery-columns-9 .gallery-item {
    max-width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
    margin: 0;
    font-size: smaller;
    border: none;
}

.gallery-caption::before {
    content: "";
}
/*--------------------------------------------------------------
## Slider
---------------------------------------------------------------*/
/*Main slider*/
.mainslider {
    margin: 0;
    padding: 0;
    border-width: 0;
}
.main-slide-container {
    position: relative;
    border-right: 1px solid #fff;
}

.mainslider-type11 .main-slide-text {
    position: absolute;
    color:#fff;
    width:80%;
    left:10%;
    text-align: center;
    padding: 4em 3em 4em 3em;  
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
        text-transform: uppercase;
}
.mainslider-type11 .main-slide-text .slidertxt {
    font-size: 2.5em;
    line-height: 2em;
    padding-bottom: 1em;
}
.mainslider-type22 .main-slide-text .slidertxt a,
.mainslider-type11 .main-slide-text .slidertxt a {
    color: #fff;
}
/*full width pic in slider*/
.mainslider-type22 .main-slide-text {
    position: absolute;
    color:#fff;
    width:60%;
    left:20%;
    text-align: center;
    padding: 3em 2em 3em 2em;  
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); 
    text-transform: uppercase;
}

.mainslider-type22 .main-slide-text .slidertxt {
    font-size: 2.5em;
    padding-bottom: 1em;
    line-height: 2em;
}

.main-slide-text a  {
    color:#fff;
    text-decoration: none;
    font-size: 1em;
    background: #d2691e;
    padding: 1em 2em;
}

.main-slide-text a:visited, .main-slide-text a:hover, .main-slide-text a:focus  {
    color:#fff;
    text-decoration: none;
}

.main-slide-title {
    font-size: 1.5em;
    font-weight: bold;
    padding: 1em 0;
    text-transform: uppercase;
    line-height: initial;
    color:#2a2a2a;
}
.front-page-blog-container a:hover,
.front-page-blog-container a:focus{
    color:#2a2a2a;
    text-decoration: none; 
}

.category-container {
    display: block;
} 

.mainslider-type11 .main-slide-thumb{
    width: 100%;
    height: 600px;  

    background-position: center center;    
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
} 
.mainslider-type22 .main-slide-thumb{
    width: 100%;
    height: 600px;  
    
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;     
      
    background-position: center center;    
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}
.mask {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-image:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2));
}

.front-page-slider {
    position: relative;
}

@media screen and (max-width: 900px) {
    .mainslider-type11 .main-slide-text .slidertxt,
    .mainslider-type22 .main-slide-text .slidertxt {
        font-size: 2.2em;
        line-height: 2.2em;
    }
}
@media screen and (max-width: 600px) {
    .mainslider-type11 .main-slide-text .slidertxt,
    .mainslider-type22 .main-slide-text .slidertxt {
        font-size: 2em;
        line-height: 2em;
    }
}

.mainslider {
    position: relative;
}
.prev-arrow,
.next-arrow {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    color: #fff;
    padding: 1em;
}
.prev-arrow:hover,
.next-arrow:hover {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
}
.prev-arrow {
    left: 0;
}
.next-arrow {
    right: 0;
}
/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 2.5em;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
 
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 25px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 25px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .3;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/*Slider on page-template About*/
/*Slider on post format Room*/
.about-slider,
.room-slider {
    margin: 0; /* for IE и Opera */
    padding-left: 0;
    border-width: 0;
    width: 100%;
    margin-bottom: 2em;
}
.about-slider li,
.room-slider li {
    list-style-type: none;
}
.about-slider img,
.room-slider img {
    border:1px solid #fff;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer {
    font-family: 'Muli', sans-serif;
    text-align: center;
    background: #000;
    margin-top: 3em;
}
.home .site-footer {
    margin-top: 0;
}
.site-footer .site-info a {
    color: #fff;
}
.site-footer .site-info {
    color: #fff;
    padding: 2em;
    background:#000;
}
.site-footer .footer-widgets .widget {
    width: 300px;
    margin-left: 1em;
    margin-right: 1em;
    color: #fff;
    background: transparent;
}
.site-footer .footer-top-widgets .widget {
    width: 100%;
    margin-left: 1em;
    margin-right: 1em;
    color: #fff;
    background: transparent;
}
.footer-widgets {
    margin: 0 auto;
    text-align: left;
}
.footer-widgets .widget {
    border: none;
    color: #fff;
}

.footer-widgets .contact-address .contact-info:before,
.footer-widgets .contact-phone .contact-info:before,
.footer-widgets .contact-email .contact-info:before,
.footer-widgets .contact-skype .contact-info:before
.footer-widgets .social-icons a{
    color: #fff;
}
.footer-widgets .widget a, 
.footer-widgets .widget a:hover, 
.footer-widgets .widget a:focus{
    color: #fff;
}
.footer-top-widgets .widget-title,
.footer-widgets .widget-title {
    background: transparent;
    color: #fff;
    padding-left: 0;
}
.footer-top-widgets .widget span,
.footer-widgets .widget span {
    color: #fff;
}

.footer-widgets .widget li {
    display: block;
    padding: .3em 0;
}

.widget .social-icons li {
    display: inline-block;
    text-align: left;
}
.widget .social-icons {
    text-align: left;
}
.footer-widgets .widget_anirohotellight_recent_posts_slider li,
.footer-widgets .widget_anirohotellight_related_posts_slider li,
.footer-widgets .widget_anirohotellight_popular_posts_slider li{
    display: inline-block;
    padding: .3em 0;
}
@media screen and (max-width: 715px) {  
    .site-footer .widget-area {
        margin: 1em auto;
        width: 60%;

    }      
    .site-footer .widget-area .widget{
        width: 100%;
        margin: 1em 0;
    }    
}
@media screen and (max-width: 640px) {  
    .site-footer .widget-area {
        margin: 0 auto;
        width: 95%;

    }      
    .site-footer .widget-area .widget{
        width: 100%;
        margin: 1em auto;
        max-width: 380px;
    }    
}
/*footer top widgets - Mailchimp*/
.footer-full-widgets {
    margin: 0;
}

.footer-full-widgets .widget_mc4wp_form_widget{
    max-width: 81em;
}

.footer-full-widgets .widget_mc4wp_form_widget{
    margin: 0 auto;
}

.footer-full-widgets .widget_mc4wp_form_widget .mc4wp-form-fields p{
    display:inline-block;
}
.footer-full-widgets .widget_mc4wp_form_widget .mc4wp-form-fields input[type="submit"]{
    width: 120px;
    position: absolute;
    top:50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right:10px;
    border: 2px solid;
    border-color: #d2691e;
    background: #fff;
    color: #000;
    font-family: 'Muli', sans-serif;
    font-size: 0.9rem;
    line-height: 1.4;
    padding: .3em 1em .3em;

}
.footer-full-widgets .widget_mc4wp_form_widget .mc4wp-form-fields input[type="submit"]:hover {
    color: #fff;
    background: #d2691e;
}
.footer-full-widgets .widget_mc4wp_form_widget .mc4wp-form-fields input[type="email"] {
    width: 370px;
    border-radius: 0;
    border: 2px solid #fff;
    background: #fff;
    color: #000;
    font-family: 'Muli', sans-serif;
    font-size: 1rem;
    line-height: 1.4;
    padding: .5em 1em .5em;
}
.footer-full-widgets .widget_mc4wp_form_widget .widget-title{
    display:inline-block;
    background: transparent;
    color:#fff;
    margin: 0;
}
.footer-full-widgets .widget_mc4wp_form_widget form{
    display:inline-block;
    position: relative;
}
@media screen and (max-width: 500px) {
    .footer-full-widgets .widget_mc4wp_form_widget .mc4wp-form-fields p {

    }
    .footer-full-widgets .widget_mc4wp_form_widget .mc4wp-form-fields input[type="email"] {
        width: 270px;
    }
    .footer-full-widgets .widget_mc4wp_form_widget .mc4wp-form-fields input[type="submit"]{
        top:0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        right:0;
        position: relative;
        display: block;
        text-align: center;
    }
    .footer-full-widgets .widget_mc4wp_form_widget .mc4wp-form-fields p{
        margin: 0.5em;
    }
}
/*footer Rooms carousel widgets area*/
.footer-carousel-widgets .widget{
    margin: 0;
}

.site-info { 
    display: block;
    width: 100%;
    text-align: center; 
    background: #ccc;
    padding-top: 2em;
    font-weight: normal;
}
@media screen and (max-width: 600px) {
    .site-info { 
        height:7em;
    }
}
#years,
#theme,
#all-rights-text {
    display: inline-block;
}

.topbtn {
    background:#fff;
    border: 2px solid #d2691e;
    text-align:center;
    padding:0.5rem;
    position:fixed;
    bottom:30px;
    right:30px;
    cursor:pointer;
    line-height: 0;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0px 3px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow:         0px 3px 10px 0px rgba(0, 0, 0, 0.5);
    z-index: 500;
    color: #d2691e;
    max-width: 2.5rem;
}
.topbtn i {
    font-size: 16px;
    font-size: 1rem;
}
.topbtn:hover {
    background: #d2691e;
    color: #fff;
}
@media screen and (max-width: 700px) {
    .topbtn {
        bottom:30px;
        right:10px;
    }
} 
/* background color and text in the allocation of the mouse */
::-moz-selection{background: #ffb700; color: #fff;} 
/*::webkit-selection{background: #ffb700; color: #fff;}*/
::selection{background: #ffb700; color: #fff;}

.embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.theme-info {
    font-size:small;
    display: block;
}
/*----------------------------------------------------------
Turn OFF Animate.css on Mobile Devices
 Small Devices, Tablets 
-----------------------------------------------------------*/
@media only screen and (max-width : 600px) {
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
}

/*Gutenberg*/
/*Button*/
.wp-block-button__link, .wp-block-button__link:visited {
    color:#fff;
    text-decoration:none;
}
.entry-content .wp-block-button__link {
    text-decoration: none;
}

.entry .entry-content .wp-block-button .wp-block-button__link {
    transition: background 150ms ease-in-out;
    border: none;
    font-size: 0.88889em;
    font-family: 'Roboto', sans-serif;
    line-height: 1.2;
    box-sizing: border-box;
    font-weight: bold;
    text-decoration: none;
    padding: 0.76rem 1rem;
    outline: none;
}

.wp-block-button:not(.is-style-squared) .wp-block-button__link {
    border-radius: 5px;
}

/*Table*/
.wp-block-table tr:first-child td {
    font-weight:bold;
}
/*Align*/
.alignwide {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

figure.alignfull {
    margin: 1em 0;
}

ul.wp-block-gallery {margin:0;}

.entry-content .alignwide {
    margin-left  : 0;
    margin-right : 0;
}

.entry-content .alignfull {
    margin-left: calc(50% - 50vw);
    width: 100vw;
    max-width: 100vw;
}
ul.wp-block-gallery.alignfull {
    left: calc( 50% - 50vw );
    width: 100vw;
}
    
#page {
    overflow: hidden;
}