/* 
Theme Name: MH Theme Child
Theme URI: https://geckodoit.com/
Description: MH Theme Child is a child theme of Hello Elementor
Author: Syed Ahmed
Author URI: https://geckodoit.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: mh-theme-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

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

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

/* Images and wp-captions should always fit and be responsive */

img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}

img[class*="wp-image-"] {
    margin-top: 10px;
    margin-bottom: 10px;
}

.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    max-width: 100%;
    border-radius: 4px;
    padding: 0 10px;
}

.wp-caption.aligncenter {
    margin-bottom: 10px;
}

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

.wp-caption .wp-caption-text {
    text-align: center;
    margin-top: 10px;
}


/* WP Gallery */

.gallery {
    margin-bottom: 1.5em;
}

.gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}

.gallery dd {
    margin: 0;
}

.gallery-caption {
    display: block;
}


/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
    max-width: 100%;
    border: 1px #fff solid;
}

.home .embed-container{
  padding-bottom: 0;
}
/* Text meant only for screen readers */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.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: #21759b;
    display: block;
    font-size: 14px;
    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 */
}

#gecko-navigation-bar .menu-item .caret{
  display: none;
}

/* Content */

.main-content-inner {
    padding-bottom: 1.5em;
}

.hentry {
    margin: 0;
}

.sticky {
    display: block;
}

.bypostauthor {
    display: block;
}


/* Clearing */

.clear {
    clear: both;
}


/* Navigation */

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:active>.dropdown-menu,
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:active>a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */

.widget {
    margin-bottom: 2em;
}

.widget_nav_menu ul.sub-menu li,
.widget_pages ul.children li {
    padding-left: 15px;
}


/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */

.widget_search .search-form input[type="submit"] {
    display: none;
}


/* Make sure select elements fit in widgets */

.widget select {
    max-width: 100%;
}


/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */

.comment .children {
    margin-left: 1.5em;
}


/**
* Some WP Theme Repository requirements
*/

.sticky {}

.gallery-caption {}

.bypostauthor {}

.entry-meta {
    clear: both;
}


/*
 == Quick CSS styling tips ==

 You can start off in a rough direction with some minimal styles.
 See below for some tips. ;)


 == Want to have the whole site wrapped? ==

 Just fill the .container class with some background color to have a the whole site "wrapped".
 This works so easy because every main part is wrapped only once into a container class by bootstrap.
 Try out by decommenting the next line and go from there.

 .container { background: #f9f9f9; border-right: 1px solid #eee; border-left: 1px solid #eee; }


 == Want to wrap just the content and sidebar in Bootstrap style? ==

 That one is a great example to show that some things are much cleaner and easier to do via just adding some HTML classes.
 In this case, we will add just one CSS class "panel", look for example at the beginning in content.php!


 == Infinite Scrolling by Jetpack ==
 You can enable this cool feature by simply decommenting the lines below and make sure you use the same classes on the right place in your html..

/* Globally hidden elements when Infinite Scroll is supported and in use.
 * Older / Newer Posts Navigation (the pagination, must always be hidden), Theme Footer only when set to scrolling.. */


/*
.infinite-scroll .page-links,
.infinite-scroll.neverending .site-footer {
	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;
}
*/


/* Hey, if you don't need my comments anymore, just delete me! :)  */


/* styles for gecko_pagination und gecko_link_pages */

nav form.tk-page-nav,
nav .input-group,
nav .input-group-btn,
nav .form-control {
    display: inline;
}

.site-footer,
.site-footer a {
    color: #9b9b9c;
}

.site-footer .widget {
    margin-bottom: 0;
}

.site-footer .footer-1 {
    background-color: #111111;
}

.site-footer .footer-1 .nav>li {
    position: relative;
    display: block;
}

.site-footer .footer-1 .nav>li>a {
    padding: 4px 0;
    font-weight: 600;
}

.site-footer .footer-1 .nav>li>a:focus,
.site-footer .footer-1 .nav>li>a:hover {
    background-color: transparent;
    color: #fff;
}

.footer-2,
.footer-2 a {
    font-size: 11px;
    background-color: #000000;
    padding-top: 15px;
}

.footer-2 a {
    font-size: 11px;
}

.site-footer .footer-1 .container {
    padding: 50px 0 50px 0;
}

h3.footer-title {
    margin: 50px 0 50px 0;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
}

.site-footer ul.footer-about {
    padding: 0;
    margin: 2em 0;
}

.site-footer ul.footer-about li {
    list-style: none;
    padding: 8px 0;
}

.site-footer ul.footer-about li i {
    color: #fff;
}

.site-footer ul.footer-about li span {
    margin-left: 8px;
}

.site-credit {
    color: #cecece;
    text-align: left;
}

.site-info {
    color: #cecece;
    text-align: right;
}

.site-footer .footer-site-logo img {
    max-width: 250px;
}

body .gecko-navigation-bar-container #gecko-navigation-bar-logo {
    max-height: 80px;
    background-size: contain;
    width: 150px;
}

body .gecko-navigation-bar-container.is-sticky #gecko-navigation-bar-logo {
    max-height: 50px;
    background-size: contain;
}

.gecko-navigation-bar-container .wrapper ul li a {
    color: #969696;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

body .gecko-navigation-bar-container.is-sticky {
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px #ddd solid;
}

body.page .gecko-navigation-bar-container.gecko-nav-fixed-top,
body.blog .gecko-navigation-bar-container.gecko-nav-fixed-top,
body.single .gecko-navigation-bar-container.gecko-nav-fixed-top,
body.archive .gecko-navigation-bar-container.gecko-nav-fixed-top {
    position: inherit;
}

body.home.page .gecko-navigation-bar-container.gecko-nav-fixed-top {
    position: fixed;
}

body.home.page .gecko-navigation-bar-container .wrapper ul li a {
    color: #000;
}

body.home.page .gecko-navigation-bar-container.is-sticky .wrapper ul li a {
    color: #969696;
}

.home-boxes {
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    padding: 40px;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    margin-bottom: 20px;
    position: relative;
}

.home-boxes a:hover {
    text-decoration: none;
    color: #fff;
}

.home-container {
    padding-top: 30px;
}

.home-sidebar-title {
    margin-top: 0;
}

.home-box-title {
    font-size: 30px;
}

.home-box-sub-title {
    font-size: 20px;
    font-weight: 800;
}

.hover-box {
    position: absolute;
    background-color: rgba(243, 113, 44, 0.90);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.home-boxes h2 {
    font-size: 22px;
    font-weight: 800;
}

a.home-widget:hover {
    text-decoration: none;
}

.hover-box h2 {
    font-size: 22px;
    font-weight: 800;
}

.hover-box p {}

.hover-box button {
    background-color: #0057E7;
    border: 1px #0057E7 solid;
    border-radius: 2px;
    font-weight: 800;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.56);
}

.home-boxes:hover .hover-box {
    visibility: visible;
    opacity: 1;
}

.hero {
    padding: 10em 0;
    position: relative;
    text-align: center;
    background-size: cover;
    background-position: center;
}

.hero.homepage-hero .hero-inner {
    padding: 5em 0;
}

.hero.overlay:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.hero .hero-inner {
    position: relative;
}

.hero .hero-inner h1.hero-title {
    font-family: 'Source Sans Pro', sans-serif;
    color: #000;
    text-align: center;
    font-size: 55px;
    font-weight: 100;
    text-transform: uppercase;
}

.hero .hero-inner .hero-detail,
.hero .hero-inner .hero-detail p {
    color: #000;
    font-size: 18px;
    font-weight: 400;
}

.hero .hero-inner .hero-logo {
    display: block;
    margin: 3em 0;
}

.hero .hero-inner .hero-logo img {
    max-width: 300px;
}

.breadcrumbs {
    font-size: 13px;
    font-weight: 800;
    color: #666666;
    margin-bottom: 10px;
}

.breadcrumbs a {
    color: #000;
    font-weight: 400;
}

.breadcrumbs i {
    padding: 0 5px;
}

.search-form input[type=search] {
    border: none;
    border-bottom: 2px #000 solid;
    border-radius: 0;
    font-size: 12px;
    color: #666;
    box-shadow: none;
    -webkit-box-shadow: none;
}

/* .search-form label {
    display: block;
    position: relative;
    max-width: 250px;
} */

/* .search-form label:after {
    content: "\f002";
    font-family: FontAwesome;
    right: 8px;
    position: absolute;
    top: 8px;
} */

.sidebar {
    padding-right: 0;
    padding-left: 0;
}

.sidebar-padder h3.widget-title {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.sidebar-padder .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #666;
    font-size: 13px;
    font-weight: 600;
}

.blog-archive {
    margin-top: 5em;
}

.post-thumb {
    display: inline-block;
    float: left;
}

.blog-archive-container {
    text-align: left;
    display: block;
    overflow: hidden;
    background-color: #eeeeee;
}

.post-thumb,
.post-content {
    /*display:inline;*/
    float: left;
}

.post-thumb {
    max-width: 300px;
}

.post-content h1 {
    display: inline-block;
    margin: 0.5em 0;
}

.post-content h1 a {
    color: #000;
    font-size: 22px;
    font-weight: 700;
}

.post-content {
    padding: 3em;
}

.post-content .entry-summary {
    display: inline-block;
    max-width: 750px;
}

.post-content .entry-meta {
    margin: 4px 0;
    font-size: 12px;
    color: #666;
}

.post-content .entry-meta a {
    color: #666;
}

.blog-archive .hentry {
    margin: 0 0 3em;
    position: relative;
}

.blog-archive .readmore {
    position: absolute;
    right: 2em;
    bottom: 2em;
}

.blog-archive .readmore a {
    color: #666;
    font-size: 13px;
    font-weight: 800;
    text-decoration: underline;
}


/*--- Call action part ---*/

.container.clearfix {
    padding: 120px 20px;
}

#call-action {
    background-color: #EEEEEE;
    padding: 0;
    margin: 0;
    position: relative;
}

#call-action .call-action-content {
    padding: 0 30px 0 0;
    width: 50%;
    float: left;
}

#call-action .call-action-content h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    margin: 1em 0;
}

#call-action .call-action-content.call-woo h2 {
    margin-bottom: 0.5em;
}

#call-action .call-action-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-left: 50%;
    width: 50%;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}

#call-action .call-action-content.aRight {
    padding: 0 0 0 30px;
    float: right;
}

#call-action .call-action-image.aRight {
    margin-right: 50%;
    left: inherit;
    right: 0;
}

#call-action .btn-call-action {
    color: #000;
    font-weight: 700;
    text-decoration: underline;
    margin: 3em 0 0 0;
    display: inline-block;
}

#call-action .p-price {
    color: #5a5a5a;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 1em 0;
}

#call-action .woocommerce-Price-amount {
    display: none !important;
}

#call-action .woocommerce a.button {
    color: #000;
    font-weight: 700;
    text-decoration: underline;
    margin: 3em 0 0 0;
    display: inline-block;
    background: none;
    padding: 0;
    text-transform: uppercase;
}


/*--- Featured products ---*/

.featured-products {
    text-align: center;
}

.featured-products h2.feat-pdct-title {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.featured-products h2.feat-pdct-title:after {
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    background-color: #000;
    margin: 1em auto;
    border-radius: 7px;
}

.featured-products .feat-pdct-inner {
    padding: 5em 0;
}

.featured-products .feat-pdct-desc {
    display: block;
    padding: 2em;
}

.feat-pdct-items {
    margin: 2em 0 1em 0;
}

.feat-pdct-item {
    display: block;
    overflow: hidden;
    background: #fff;
}

.feat-pdct-item .item-header {
    padding: 2em;
}

.feat-pdct-item .feat-pdct-item-content {
    display: block;
}

.feat-pdct-item .feat-pdct-item-content h3 {
    margin: 0 0 .5em 0;
}

.feat-pdct-item .feat-pdct-item-content h3 a {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    display: block;
    color: #000;
    text-transform: uppercase;
}

.feat-pdct-item .feat-pdct-item-content .feat-pdct-item-meta {
    text-align: center;
}

.feat-pdct-item .feat-pdct-item-content .feat-pdct-item-meta .feat-pdct-price {
    font-weight: 700;
    color: #5a5a5a;
}


/*--- iHover effects ---*/

.ih-item.square {
    position: relative;
}

.ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ih-item.square.effect6 {
    overflow: hidden;
}

.ih-item.square.effect6 .img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.ih-item.square.effect6 .info {
    visibility: hidden;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}

.ih-item.square.effect6 .info i {
    position: absolute;
    top: 0;
    left: 40px;
    right: 40px;
    color: #FFFFFF;
    text-align: center;
    font-size: 50px;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}

.ih-item.square.effect6 a:hover .info i {
    top: 40%;
}

.ih-item.square.effect6 a:hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.ih-item.square.effect6 a:hover .info {
    visibility: visible;
    opacity: 1;
}


/* Form design */

select#input_3_27 {
    height: 31px;
    width: 120px;
}

.gform_wrapper ul.gfield_checkbox li label,
.gform_wrapper ul.gfield_radio li label {
    display: -moz-inline-stack;
    display: inline-block;
    letter-spacing: inherit;
    vertical-align: middle;
    cursor: pointer;
    padding-left: 0.2em;
    padding-top: 0.3em;
}

.gform_wrapper .field_description_below .gfield_description {
    padding-top: 0px!important;
}

label.gfield_label {
    margin-bottom: 0px;
    margin-top: 10px;
    font-size: 1.15em!important;
    color: #333;
}

.gform_wrapper label.gfield_label {
    font-weight: 600!important;
    font-size: inherit;
}

select#input_3_11,
select#input_3_13,
select#input_3_18 {
    height: 31px;
}

div#gform_wrapper_3 input {
    background-color: #ffffff;
	color: #000;
    border: 0;
    border: solid 1px #e296af;
    margin: 0 0 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

select#input_3_27 {
    height: 31px;
    width: 120px;
    background-color: #ffffff;
    border: 0;
    border: solid 1px #e296af;
    margin: 0 0 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.gform_wrapper textarea.medium,
.gform_wrapper textarea.small {
    height: 160px;
    background-color: #ffffff;
    border: 0;
    border: solid 1px #e296af;
    margin: 0 0 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

select#input_3_11,
select#input_3_13,
select#input_3_9,
select#input_3_18 {
    background-color: #ffffff;
    border: 0;
    border: solid 1px #e296af;
    margin: 0 0 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

select#input_3_27:focus,
div#gform_wrapper_3 input:focus,
.gform_wrapper textarea.medium:focus,
select#input_3_11:focus,
select#input_3_13:focus,
select#input_3_9:focus,
select#input_3_18:focus {
    outline: none !important;
    border: 1px solid #cc3366;
    box-shadow: 0 0 5px #cc3366;
}

input#input_3_26 {
    margin: 0 0 10px!important;
}

div#gform_wrapper_5 input,
select#input_5_27 {
    background-color: #ffffff;
    border: 0;
    border: solid 1px #e296af;
    margin: 0 0 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

select#input_5_27 {
    height: 31px;
    width: 120px;
}

div#gform_wrapper_5 input:focus,
select#input_5_27:focus {
    outline: none !important;
    border: 1px solid #cc3366;
    box-shadow: 0 0 5px #cc3366;
}

div#gform_wrapper_2 input,
select#input_2_18,
select#input_2_8,
select#input_2_10,
select#input_3_25{
    background-color: #ffffff;
    border: 0;
    border: solid 1px #e296af;
    margin: 0 0 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

input#gform_submit_button_2 {
    color: black;
}

::-webkit-input-placeholder {
    /* Chrome */
    color: #9e9d9d;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #9e9d9d;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #9e9d9d;
    opacity: 1;
}

:-moz-placeholder {
    /* Firefox 4 - 18 */
    color: #9e9d9d;
    opacity: 1;
}

.gform_wrapper h3{
    font-size: 1.2rem;
    margin: 0;
}

/* End Form design */


/*--- Testimonial section ---*/

.testimonial-sec {
    text-align: center;
}

.testimonial-sec h2 {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.testimonial-sec h2:after {
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    background-color: #000;
    margin: 1em auto;
    border-radius: 7px;
}

.testimonial-sec .testimonial-inner {
    padding: 5em 0;
}

.testimonial-sec .testimonial-desc {
    display: block;
    padding: 2em;
}


/*--- Header Cover ---*/

.header-cover {
    padding: 8em 0;
    background-size: cover;
    background-position: center;
    position: relative;
    background-color: #EEEEEE;
    margin-top:0px;
    align-items: center;   /* vertical center */
}

.header-cover:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.41);
}

.header-cover .header-cover-inner {
    text-align: center;
    position: relative;
    color: #fff;
    text-align: center;
}

.header-cover .header-cover-inner h1 {
    text-align: center;
    font-family: "Playfair Display", Sans-serif;
    font-size: 5.6rem;
    font-weight: 600;
}

.header-cover .header-cover-inner .cover-descriptions {
    margin: 4em 0 0 0;
    padding: 0 15px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.header-cover .header-cover-inner .cover-descriptions p {
    font-size: 18px;
    font-weight: 300;
}


/*.header-cover .header-cover-inner:after {
    content: "";
    display: block;
    width: 40px;
    height: 3px;
    background-color: #000;
    margin: 1em auto;
    border-radius: 7px;
}*/

.header-cover .header-cover-inner .entry-meta {
    font-size: 12px;
    color: #000;
    font-style: italic;
}

.header-cover .header-cover-inner .entry-meta a {
    color: #000;
}

.banner-slider {
    height: 60vh;
}

.banner-slider ul {}

.banner-slider ul li {
    background-position: center;
    background-size: cover;
    text-align: left;
    position: relative;
    height: 60vh;
    text-shadow: 1px 1px 1px #000;
}

.banner-slider ul li h3 {
    font-family: 'Source Sans Pro', sans-serif;
    color: #fff;
    font-size: 55px;
    font-weight: 100;
    text-transform: uppercase;
    margin: 1em 0;
}

.banner-slider ul li .descriptions {}

.banner-slider ul li .descriptions p {
    font-size: 20px;
    font-weight: 100;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    font-family: 'Source Sans Pro', sans-serif;
}

.gecko-navigation-bar-container {
    border-bottom: 1px #eee solid;
}

.unslider-nav {
    margin-top: -72px;
    z-index: 92;
    position: relative;
    margin-bottom: 3px;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
}

.item-listing {
    display: block;
    margin: 2em 0 0 0;
}

.unslider {
    overflow: hidden !important;
    margin: 0;
    padding: 0;
}

.banner-slider-inner {
    height: 100vh;
}

.col-xs-15,
.col-sm-15,
.g,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.icon-card {
    display: block;
    overflow: hidden;
    text-align: center;
}

.icon-card .icon {
    max-width: 80px;
    display: inline-block;
}

.icon-card .icon img {}

.icon-card .desc {
    font-size: 13px;
    color: #999;
}

.icon-card h3 {
    font-size: 16px;
    font-weight: 800;
}

.icon-card a {}

.icon-sec {
    background-color: #F0F0F0;
    border-bottom: 1px #ddd solid;
    padding: 3em 0;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

.property-item {
    display: block;
    margin-bottom: 3em;
}

.property-item header {
    position: relative;
    padding: 0px;
}

.property-item header .pid {
    position: absolute;
    background-color: rgba(204, 51, 102, 0.65);
    color: #fff;
    padding: 2px 8px;
    top: 5px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    font-size: 13px;
}

.property-item content {}

.property-item content h4 {
    margin: 0 0 .3em 0;
    font-weight: 300;
    font-size: 18px;
}

.property-item content h4 a {
    /* color: #000; */
    color: #333;
    font-weight: 400;
    text-decoration: none;
}
.property-item header .readmore-btn{
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 0;
    display: none;
}

.property-item content h5 {
    /* color: #101010; */
    color: #969696;
    font-weight: 300;
    margin: 0 0 0 0;
    display: inline-block;
    float: left;
}

span.price:before {
    content: '฿';
    font-weight: 400;
}

span.price {
    background-color: #f9690e;
    color: #fff;
    padding: 3px 15px;
    font-weight: 600;
    border-radius: 2px;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.32);
}

.property-item content ul.property-details {
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 2em 0;
}

.property-item content ul.property-details li {
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0 0 6px 0;
    clear: both;
}

.property-item content ul.property-details li span.label {
    float: left;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    padding: 0;
    font-weight: 400;
}

.property-item content ul.property-details li span.value {
    float: right;
    font-size: 15px;
}

.property-item content .additional {
    display: block;
    overflow: hidden;
    margin: 1em 0 0 0;
    /*     border-left: 3px #f9690e solid; */
    padding: 5px 5px 0px 0px;
    font-weight: 400;
    clear: both;
}

.property-item content .additional p {
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 14px;
}

.clear {
    display: block;
    clear: both;
}

.property-item content .rate {
    display: block;
    overflow: hidden;
    color: #F2B827;
    float: left;
    margin: 0 0 0 5px;
    line-height: 16px;
    font-size: 14px;
}
.facetwp-template .property-item content h5{
    margin: 0;
    font-size: 14px;
}
.facetwp-template .property-item content .rate{
    display: block;
}

.facetwp-template .property-item content h5 a{
    text-decoration: none;
}

h1.page-title {
    font-weight: 300;
    margin: .3em 0 .2em 0;
    line-height: 1;
}

h5.property-address {
    margin: 0 0 10px 0;
    color: #676767;
    font-weight: 300;
    font-size: 16px;
}

.property-slider,
.single-page-slider {
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 3em
}

.tax-archive-slider {
    margin-bottom: 1em
}

.archive-slider .unslider-nav {
    margin-top: -36px;
}

.archive-slider {
    margin-bottom: 1em;
}

.tax-embed-container {
    margin-bottom: 2em;
}

.slider-navigation {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}
.sidebar-padder .property-item content .rate{
    margin: 0;
}

.slider-navigation a {
    padding: 13px 25px;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    background-color: rgba(204, 51, 102, 0.65);
    float: left;
}

.slider-navigation a:hover {
    background-color: rgba(204, 51, 102, 0.85);
}

.single-property .unslider-nav {
    margin-top: -72px;
}

.single-property .unslider {
    margin-bottom: 3em;
    overflow: hidden;
}

.slider-navigation a.prv {}

.slider-navigation a.nxt {}

.single-page-slider .slider-caption {
    position: absolute;
    left: 2em;
    bottom: 2em;
    background-color: rgba(249, 105, 14, 0.65);
    color: #fff;
    padding: 1em;
    max-width: 70%;
}

.single-page-slider .unslider-wrap li {
    position: relative;
}

h3.sector-title {
    border-bottom: 1px #eee solid;
    margin: 0 0 0 0;
    font-weight: 300;
    padding-bottom: .5em;
	font-size: 1.5em;
}

ul.property-summary {
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 1em 0;
}

ul.property-summary li {
    display: block;
    overflow: hidden;
    padding: 3px;
    margin: 0 0 6px 0;
    clear: both;
}

ul.property-summary li span.label {
    float: left;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    padding: 0;
    font-weight: 400;
}

ul.property-summary li span.value {
    float: right;
}

.single-content content {
    display: block;
	margin-top: 20px;
}

.sector-container {
    display: block;
    margin-bottom: 3em;
    clear: both;
}

.overall-rating {
    display: inline-block;
    float: right;
    color: #F9690F;
}

ul.property-features {
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul.property-features li {
    list-style: none;
    display: inline-block;
    width: 50%;
    float: left;
    padding: 10px 0;
    font-weight: 300;
}

ul.property-features li i {
    color: #c36;
    margin-right: 10px;
}

.property-map {
    background-color: #ddd;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 450px;
}


/* fixes potential theme css conflict */

.property-map img {
    max-width: inherit !important;
}

.agent-form {}

.agent-form .gform_wrapper .top_label .gfield_label,
.agent-form .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
    display: none;
}

.agent-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.agent-form .gform_wrapper textarea.medium {
    border: 1px #c36 solid;
    width: 100%;
}

.agent-form .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
}

.agent-form .gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
    background-color: #c36;
    border: 1px #F9690F solid;
    color: #fff;
    padding: 6px 20px;
    float: right;
    margin: 0;
    font-weight: 600;
}

.agent-thumb {
    display: block;
    overflow: hidden;
}

.agent-thumb img {
    width: 100%;
}

.agent-info {
    display: block;
    overflow: hidden;
}

.agent-info h4.agent-title {
    font-weight: 300;
    margin: 0 0 1.5em 0;
}

.agent-info .aget-bio {
    font-weight: 300;
    margin-bottom: 1.5em;
}

.agent-info ul.agent-contact {
    display: block;
    padding: 0 0 1.5em 0;
    overflow: hidden;
    margin-bottom: 1.5em;
    border-bottom: 1px #F9690F solid;
}

.agent-info ul.agent-contact li {
    list-style: none;
    padding: 5px 0;
}

.agent-info ul.agent-contact li .left {}

.agent-info ul.agent-contact li .right {
    font-weight: 300;
    float: right;
}

.agent-info a.profile-url {
    color: #000;
}

.agent-info a.profile-url:after {
    content: "\f105";
    font-family: "Font Awesome 6 Free";
    color: #F9690F;
    margin-left: 10px;
}

.property-side-box {
    display: block;
    overflow: hidden;
    margin: 0 0 0 -15px;
    padding-bottom: 3px;
}

.property-item content .property-side-box h4 {
    font-size: 14px;
    font-weight: 400;
}

.property-item content .property-side-box h5 {
    font-size: 11px;
    margin: 0;
}

ul.category-list {
    display: block;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

ul.category-list li {
    list-style: none;
    display: block;
    padding: 8px 0;
}

ul.category-list li a:before {
    content: "\f192";
    font-family: "Font Awesome 6 Free";
    color: #f9690e;
    font-size: 8px;
    display: inline-block;
    line-height: 24px;
    float: left;
    margin-right: 10px;
}

ul.category-list li a {
    color: #000;
    font-size: 16px;
    clear: both;
    display: block;
}

.filter-options {
    display: block;
    overflow: hidden;
    margin-bottom: 3em;
    border-bottom: 1px #eee solid;
}
.filter-options .facetwp-facet {
    margin-bottom: 5px;
}

.filter-options select {
    width: 100%;
    border: 1px #ddd solid;
    border-radius: 0;
    padding: 5px 15px;
    display: block;
    -webkit-appearance: none;
    background-color: #fff;
}

.filter-options .filter-item {
    position: relative;
}

.filter-options .filter-item:before {
    content: "\f0dd";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 9px;
    top: 3px;
    color: #c36;
}
.filter-options .filter-date-range button.facetwp-availability-update{
    display: none;
}
.filter-options .facetwp-date-min {
    width: 100%;
    padding: 5px 5px;
    border: 1px #ddd solid;
    font-size: 12px;
    line-height: 20px;
    display: block;
    margin: 0 0 5px 0;
    border-radius: 0;
    box-shadow: none;
    height: auto;
}
.no-p-right{
    padding-right: 0 !important;
}
.filter-options .facetwp-date-max {
    width: 100%;
    padding: 5px 5px;
    border: 1px #ddd solid;
        font-size: 12px;
    line-height: 20px;
    display: none;
}

label.filter-label {}

button.facetwp-availability-update {
    background-color: #f9690e;
    color: #fff;
    padding: 8px 30px;
    font-weight: 600;
    border-radius: 2px;
    float: left;
    display: none;
    width: 19px;
    text-align: center;
    border: 1px #f9690e solid;
    cursor: pointer;
    font-size: 10px;
}

button.facetwp-availability-update i {
    margin-left: -5px;
}

div.property-intro {
    border: none;
    padding: 0;
    margin: 0 0 20px;
    font-weight: 900;
}

div.property-intro p {
    font-weight: 700;
}

.booking-form .gform_wrapper .top_label .gfield_label {
    display: none;
}

.booking-form .gform_wrapper ul.gform_fields li.gfield {
    padding: 0;
}

.booking-form .gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
    margin: 0;
}

.reservation-summary {
    display: block;
    overflow: hidden;
    margin: 1em 0;
    padding: 0px;
    font-size: 12px;
    color: #008744;
}

.reservation-summary header {
    display: block;
    overflow: hidden;
    border: 1px #eee solid;
    padding: 0px;
    border-bottom: none;
}

.reservation-summary ul {
    display: block;
    margin: 0;
    padding: 5px;
}

.reservation-summary ul li {
    list-style: none;
    display: block;
    clear: both;
    padding: 5px 0;
    border-bottom: 1px #eee dotted;
}

.reservation-summary ul li:last-child {
    border-bottom: none;
}

.reservation-summary ul li span {
    float: right;
    color: #D62D20;
    font-weight: 600;
}

.reservation-summary ul li span.season-night {
    font-size: 12px;
    color: #186DEE;
    font-weight: 400;
}

.reservation-summary ul li .season-info-title {
    color: #186DEE;
}

.reservation-summary ul li ul {
    padding: 0 0 0 10px;
    color: #6d6d6d;
    font-size: 11px;
}

.reservation-summary ul li ul li {}

.reservation-summary ul li ul li span {
    color: #6d6d6d;
    font-weight: 400;
}

.reservation-summary h5 {
    font-size: 1.6em;
    font-weight: 700;
    margin: 0 0 .5em 0;
    /*background-color: #f9690e;
    color: #fff;*/
    text-align: center;
    padding: 5px 0;
    text-transform: uppercase;
}

.reservation-summary h6 {
    background-color: #f9690e;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 18px 5px;
    clear: both;
    margin: 0;
    line-height: 30px;
}

.reservation-summary h6 span {
    float: right;
    font-size: 30px;
    font-weight: 500;
}

.reservation-summary h6 span:after {
    content: '฿';
    font-weight: 600;
    font-size: 27px;
}

.reservation-total {
    background-color: #c36;
    text-align: right;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 18px 5px;
    clear: both;
    margin: 0;
    line-height: 30px;
}

.reservation-total span {
    float: left;
    display: inline-block;
}

.reservation-total .loader {
    float: right;
    visibility: hidden;
    opacity: 0;
    display: none;
}

.reservation-total .loader.on {
    visibility: visible;
    opacity: 1;
    display: inline-block;
}

.reservation-total span#rt-total {
    display: inline-block;
    float: none;
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    45% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    45% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 0.7;
    }
    80% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.ball-pulse>div:nth-child(1) {
    -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.ball-pulse>div:nth-child(2) {
    -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.ball-pulse>div:nth-child(3) {
    -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
    animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.ball-pulse>div {
    background-color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
}

.cost-total input,
.check-in-date input,
.check-out-date input {
    display: none;
}

.booking-form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border: 1px #c36 solid;
    -webkit-appearance: none;
    -webkit-border-radius:0;
    border-radius:0;
}

.booking-form .gform-theme--foundation .gfield .ginput_password.medium, .gform-theme--foundation .gfield input.medium, .gform-theme--foundation .gfield select.medium{
	width: 100%;
	inline-size: 100% !important;
}

.booking-form .gform_wrapper textarea.large {
    border: 1px #c36 solid;
    max-height: 277px;
    -webkit-appearance: none;
    -webkit-border-radius:0;
    border-radius:0;
}

.booking-form .gform_wrapper li.gfield.field_description_below+li.gsection {
    margin-right: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

.gmap-link {
    float: right;
    font-weight: 800!important;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    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%;
}

.oembed {
    display: block;
    overflow: hidden;
    padding: 2.6em 0;
}

#mc4wp-form-1 {
    display: block;
    overflow: hidden;
    margin: 10px 0 0 0;
}

#mc4wp-form-1 input[type="email"] {
    border: 1px #fff solid;
    width: 270px;
    padding: 15px 10px;
}

#mc4wp-form-1 input[type="submit"] {
    border: 1px #000 solid;
    background-color: #000;
    color: #fff;
    padding: 15px 10px;
}

ul.social-links {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}

ul.social-links li {
    display: inline-block;
    margin: 0 3px;
}

ul.social-links li a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #a7a7a7;
    border-radius: 50%;
    color: #fff;
}

ul.social-links li.facebook a {
    background-color: #505A8B;
}

ul.social-links li.twitter a {
    background-color: #73A1D4;
}

ul.social-links li.instagram a {
    background-color: #6431AC;
}

ul.social-links li.linkedin a {
    background-color: #1A73BC;
}

ul.social-links li.youtube a {
    background-color: #C13626;
}

ul.social-links li.google-plus a {
    background-color: #C05544;
}

ul.social-links li.pinterest-p a {
    background-color: #BE1E2D;
}

.cta-btn {
    margin-top: 16px;
    font-size: 1.6rem;
    padding: 8px 16px;
    padding: .8rem 1.6rem;
    color: #fff;
    display: inline-block;
    border-radius: 4px;
    background-color: #E95C00;
    text-align: center;
}

.cta-btn .sub-title {
    display: block;
    font-size: 13px;
    font-weight: 100;
}

.cta-btn .main-title {
    display: block;
    font-size: 1.8em;
}

.banner-slider-inner a:hover {
    text-decoration: none;
}

.filtering-options {
    display: block;
    overflow: hidden;
    margin: 2em 0 4em 0;
    text-align: center;
}

.filtering-options button {
    background-color: rgb(249, 221, 203);
    border: 1px rgb(245, 194, 162) solid;
    font-size: 16px;
    font-weight: 600;
    margin: 0 3px 10px 3px;
    padding: 5px 15px;
    border-radius: 2px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.filtering-options button.mixitup-control-active,
.filtering-options button:hover {
    background-color: #f9690e;
    border: 1px #f9690e solid;
    color: #fff;
}

.about-item {
    background-color: #fff;
    border: 1px #eee solid;
    height: 100%
}

.about-item header {
    text-align: center;
}

.about-item content {
    display: block;
    overflow: hidden;
    padding: 2em;
}

.about-item content h2 {
    font-size: 20px;
    margin-top: 0;
    font-weight: 600;
}

.about-item content .about-cats {
    display: block;
    overflow: hidden;
    margin: 0 0 2em 0;
}

.about-item content .about-cats span {
    background-color: rgb(249, 105, 14);
    color: #fff;
    padding: 3px 11px;
    margin-right: 5px;
    border-radius: 1px;
    font-size: 12px;
}

.about-item content .about-desc {}

body.post-type-archive-about {
    background-color: #f9f4f2;
}

.about-item-container {
    margin-bottom: 2em;
    /* height: 475px; */
}


.below-map-info{
	margin-top: 20px;
}

.contact-sidebar {
    margin-top: 5px;
    padding-left: 1em;
    padding-right: 1em;
}

.contact-sidebar .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    width: 100%;
    border: 1px #ddd solid;
}

.contact-sidebar .gform_wrapper .top_label .gfield_label {
    display: none;
}

.contact-sidebar .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,
.contact-sidebar .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
    display: none;
}

.contact-sidebar .gform_wrapper textarea.medium {
    border: 1px #ddd solid;
    border-radius: 0;
    background-color: #fff;
}

.pagination {
    display: block;
    clear: both;
}

nav form.tk-page-nav,
nav .input-group,
nav .input-group-btn,
nav .form-control {
    display: none;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #337ab7;
    cursor: default;
    font-weight: 800;
    background-color: transparent;
    border-color: #337ab7;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #000;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
    font-size: 13px;
    border: none;
}

.pagination>li>a,
.pagination>li>span {
    border: none;
}

.sidebar-padder {
    margin-top: 3.3em;
    font-size: 1.15em;
    line-height: 20px;
    background-color: #f3f3f3;
    border-radius: 0.2em;
    /* color: #fff!important; */
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 10px;
    padding-right: 10px;
}

.page-template-template-welcome .sidebar-padder {
    margin-top: 2em;
    font-size: 1.15em;
    line-height: 30px;
    background-color: #f3f3f3;
    border-radius: 0.2em;
    /* color: #fff!important; */
    padding: 1em;
    /* padding-left: 1em; */
    /* padding-top: 1em; */
    /* padding-bottom: 1em; */
}

.sidebar-padder a {
    color: #f58523;
    text-decoration: none;
}

.sidebar-padder a:hover {
    color: #f7ac6a;
    text-decoration: underline;
}

.sidebar-padder a:focus {
    color: #7d7d7d;
    text-decoration: none;
}

div#parent-2056,
div#parent-2026 {
    padding-top: 1.5em;
}

#menu-item-wpml-ls-6-en a,
#menu-item-wpml-ls-6-sv a {
    min-width: 40px;
}

div#gform_confirmation_message_7 {
    font-weight: bold;
    font-size: 1.4em;
    padding-top: 1.5em;
}
.only-mobile{
    display: none;
    visibility: hidden;
    opacity: 0;
}

.only-desktop{
    visibility: visible;
    display: block;
    opacity: 1;
}
.page-template-template-reservation .only-mobile{
    visibility: visible;
    display: block;
    opacity: 1;
}
.back-to-top{
    display: none;
    visibility: hidden;
    opacity: 0;
    background: rgba(249, 105, 14, 0.65);
    width: 40px;
    height: 35px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    position: fixed;
    bottom: 8px;
    right: 8px;
    z-index: 5;
    cursor: pointer;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.page-template-template-reservation .only-mobile .back-to-top{
    visibility: visible;
    display: block;
    opacity: 1;
}
#month-list{
    -webkit-appearance: none;
    border: 1px #ddd solid;
    padding: 8px 50px;
    border-radius: 0;
}
.go-to-month{
    display: inline-block;
    margin-bottom: 15px;
    position: relative;
}
.go-to-month:after{
    content: "\f107";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    position: absolute;
    top: 8px;
    right: 10px;
}
.back-to-top.on{
    display: block;
    visibility: visible;
    opacity: 1;
}
#booking-calendar .pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-range{
    height: 34px;
    line-height: 34px;
}
#booking-calendar .pignose-calendar .pignose-calendar-unit a{
    width: 100%;
    height: 34px;
    line-height: 34px;
}
#booking-calendar .pignose-calendar .pignose-calendar-unit{
    line-height: 34px;
}
#booking-calendar .pignose-calendar{
    max-width: 390px;
}
.reservation-each-month{
    display: block;
    overflow-x: hidden;
    margin: 0 0 5em 0;
    position: relative;
}
.reservation-each-month h2.month-header{
    font-weight: 300;
    font-size: 35px;
    margin: 0 0 0.5em 0;
    text-transform: capitalize;
}
.reservation-each-month h2.month-header .container{
    position: relative;
    display: block;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0;
}
.reservation-each-month h2.month-header.fixed .container{
    position: relative;
    display: block;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
}
.reservation-each-month h2.month-header.fixed{
    position: fixed;
    top: 80px;
    background-color: #ffffff;
    left: 0;
    right: 0;
    z-index: 9;
}
.admin-bar .reservation-each-month h2.month-header.fixed{
    top: 125px;
}
.reservation-each-month ul.reservation-list{
    padding: 0;
    display: block;
    overflow: hidden;
    margin: 0;
    border: 1px #eee solid;
}
.reservation-each-month ul.reservation-list li{
    display: block;
    list-style: none;
    border-bottom: 1px #eee solid;
    clear: both;
    overflow: hidden;
}
.reservation-each-month ul.reservation-list li:last-child{
    border:none;
}
.reservation-each-month ul.reservation-list li .rsv-title{
    display: inline-block;
    width: 20%;
    float: left;
    padding: 5px 10px;
}
.reservation-each-month ul.reservation-list li .rsv-title a{
    color: #000;
    font-size: 12px;
    text-decoration: none;
}
.reservation-each-month ul.reservation-list li .rsv-title a:hover{
    text-decoration: underline;
}
.reservation-each-month ul.reservation-list li .rsv-title a.dm-btn{

        float: right;
    font-size: 11px;
    color: #909090;
}
.reservation-each-month ul.reservation-list li .rsv-title a.dm-btn i{
    margin-left: 5px;
}
.reservation-each-month ul.reservation-list li .rsv-dates{
    display: table;
    width: 80%;
    float: right;
    border-left: 1px #eee solid;

}
.reservation-each-month ul.reservation-list li .rsv-dates span{
    padding: 8px 8px;
    font-size: 11px;
    display: table-cell;
    border-right: 1px #eee solid;
    background-color: #34A853;
    color: #fff;
    font-weight: 900;
}
.reservation-each-month ul.reservation-list li .rsv-dates span.booked{
    background-color: #FF5534;
    cursor: pointer;
}
.reservation-each-month ul.reservation-list li .rsv-dates span.blocked {
    position: relative; /* allow absolute positioning inside */
    background-color: #FF5534;
    cursor: pointer;
}

.reservation-each-month ul.reservation-list li .rsv-dates span.blocked::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 5px solid #fff;   /* triangle color */
    border-right: 5px solid transparent; /* triangle shape */
}

.reservation-each-month ul.reservation-list li .rsv-dates span.chkin-date{
    background-color: #C70039;
}
.reservation-each-month ul.reservation-list li .rsv-dates span:last-child{
    border-right: none;
}
a.booking-overview-btn{
    background-color: #f9690e;
    color: #fff;
    padding: 8px 15px;
    display: inline-block;
    font-weight: 200;
    font-size: 14px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 2px;
    margin-bottom: 15px;
    float: left;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a.booking-overview-btn:hover{
    background-color: #FF9800;
    text-decoration: none;
}
a.booking-overview-btn:after{
    content:"\f274";
    font-family: "Font Awesome 6 Free";
        margin-left: 30px;
}
a.booking-overview-btn-s{
    background-color: #fff;
    color: #cdb083;
    padding: 12px 20px;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    border-radius: 2px;
	text-decoration: none;
	border: #cdb083 solid 1px;
    margin-bottom: 15px;
	margin-top: 15px;
    float: left;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a.booking-overview-btn-s:hover{
    background-color: #cdb083;
	color: #fff;
    text-decoration: none;
	border: #cdb083 solid 1px;
}
a.booking-overview-btn-s:after{
    content:"\f274";
    font-family: "Font Awesome 6 Free";
    margin-left: 30px;
}
.reservation-chart{
    display: block;
    overflow: hidden;
    text-align: right;
}
.reservation-chart .rsv-chart{
    display: inline-block;
    font-weight: 400;
    margin-left: 20px;
    font-size: 14px;
}
.reservation-chart .rsv-chart:before{
    content: "";
    display: inline-block;
    width: 18px;
    background-color: #ccc;
    height: 18px;
    margin-right: 5px;
    float: left;
    border-radius: 1px;
}
.reservation-chart .rsv-chart.green:before{
    background-color: #34a853;
}
.reservation-chart .rsv-chart.red:before{
    background-color: #ff5534;
}
.reservation-chart .rsv-chart.checkin:before{
    background-color: #c70039;
}
#contact-popup{
    position: relative;
    background-color: #f3f4f4;
    width: auto;
    max-width: 800px;
    margin: 20px auto;
    padding: 40px;
}
#contact-popup .gform_wrapper form {
    background-color: transparent;
    padding: 0px;
}
#contact-popup .gfield > div.ginput_container > input.medium,
#contact-popup .gfield > div.ginput_container > input.large,
#contact-popup .gform_wrapper textarea.large{
    border-radius: 0;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 300;
    padding: 15px 10px;
    border: 1px rgb(151 15 249 / 27%) solid;
}
.pop-up-form-msg textarea.medium{
    margin: 0;
    border: 1px #ccc solid;
    border-radius: 2px;
    height: 173px !important;
    padding: 10px;
        font-size: 13px;
    font-weight: 300;
}
#contact-popup .gform_wrapper {
    overflow: inherit;
    margin: 0;
    max-width: 100%;
    position: relative;
}
#contact-popup .gform_button.button{
    width: 100%;
    height: 50px;
    max-width: 100%;
    color: #000 !important;
    font-weight: 200;
    margin: 0;
}
#contact-popup h2{
    margin: 0;
    font-weight: 300;
}
#contact-popup h3{
    font-size: 15px;
    font-weight: 300;
    margin: 0.5em 0 2em 0;
}
#contact-popup .gform_wrapper .gform_footer {
    padding: 0;
    margin: 0 0 0 0;
    clear: both;
    position: absolute;
    right: 15px;
    bottom: 0px;
}
body.page-template-template-reservation .container,
body.page-template-template-available-properties .container{
    width: 1400px;
}
.my-mfp-zoom-in .zoom-anim-dialog {
        opacity: 0;

        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;



        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
      }

      /* animate in */
      .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
        opacity: 1;

        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
      }

      /* animate out */
      .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);

        opacity: 0;
      }

      /* Dark overlay, start state */
      .my-mfp-zoom-in.mfp-bg {
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-out;
        -moz-transition: opacity 0.3s ease-out;
        -o-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;
      }
      /* animate in */
      .my-mfp-zoom-in.mfp-ready.mfp-bg {
        opacity: 0.8;
      }
      /* animate out */
      .my-mfp-zoom-in.mfp-removing.mfp-bg {
        opacity: 0;
}
#contact-popup #contact_msg{
    display: none;
}
#contact-popup .gform_wrapper .top_label .gfield_label{
    display: none;
}
.season-nav{
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}
.season-nav .previous_ss{
    color: #a0a0a0;
    font-weight: 300;
}
.season-nav .next_ss{
    text-align: right;
    color: #a0a0a0;
    font-weight: 300;
}
.season-nav .next_ss a,
.season-nav .previous_ss a{
    color: #c36;
    font-weight: 300;
}
.season-nav .next_ss i{
        margin-left: 5px;
}
.season-nav .previous_ss i{
        margin-right: 5px;
}
.site-ads-banners{
        display: block;
    overflow: hidden;
    margin-bottom: 5px;
}
.site-ads-banners.apartment-ads{
    margin-bottom: 40px;
}
.site-ads-banners img{
    width: 100%
}
.site-ads-banners-footer .container{
    padding-bottom: 0;
}
.site-ads-banners.site-ads-banners-footer{
    margin: 20px 0;
}
body.search{
	max-width: 100%;
}
.header-cover-404{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  /* min-height: 120px; */
  margin-top: 80px;
  padding-top: 60px;
  padding-bottom: 60px;
}
.header-cover-404 h1{
  font-size: 75px;
  font-weight: bold;
  text-align: center;
}
.page-404 header{
  text-align: center;
}
.page-404 .page-content{
  text-align: center;
  margin: 35px 0;
}
.page-404 .search-404{
  margin: 30px auto;
  text-align: center;
}
.search-404 .search-form input[type=search] {
  border: none;
  border-bottom: 1px #1C3144 solid;
  border-radius: 0;
  font-size: 12px;
  color: #1C3144;
  box-shadow: none;
  -webkit-box-shadow: none;
  width: 400px;
  font-weight: 500;
}
.search-404 form button{
  border:0;
  background:none;
  color: #1C3144;
}
.search-404 form button i{
  font-size: 1.3em;
}
.page-search header .page-title{
  margin: 0 0 35px 0;
}
.page-search article{
  border-bottom: solid 1px #eee;
  padding-bottom: 10px;
}
.page-search article .title a{
  color: #1C3144;
}
.pagination-ss{
    display: block;
    overflow: hidden;
}
.pagination-ss ul{
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}
.pagination-ss li{
    display: inline-block;
    padding: 0;
    margin: 0 15px;
    list-style: none;
}
.pagination-ss li a{
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 12px;
    display: block;
    font-size:16px;
    border-radius: 4px;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}
.pagination-ss li a:hover,
.pagination-ss li.active a,
.pagination-ss li a:focus{
    color: #fff;
    background-color: #ff5534;
}

.event-rate-ctn{
    position: relative;
    display: inline-block;
}
.event-rate-ctn .event-rate-stars{
    position: relative;
}
.event-rate-ctn .event-rate-stars span{
    position: absolute;
    background-color: #fff;
    top: 0;
    bottom: 0;
    right: 0;
}
.event-rate-ctn .event-rate-boder{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.event-rate-num{
    display: inline-block;
    margin-left: 5px;
    font-family: 'helvetica-neue', arial, sans-serif;
    font-weight: 100;
    margin-left: 5px;
}
.event-rate-ctn{
    color: #c36;
}
.event-rate-ctn .event-rate-stars span {
    background-color: #F3F3F3;
}
ul.cnss-social-icon{
  margin-left: -65px !important;
}
ul.cnss-social-icon li a, ul.cnss-social-icon li a img{
  /* height: 25px !important; */
  /* width: 25px !important; */
}
#duration{
  padding: 15px;
}
#duration .tb-block{
  border: 1px #eee solid;
  padding: 0;
}
#duration .tb-block .th{
  font-weight: bold;
  background-color: #f3f3f3;
  padding: 8px;
}
#duration .tb-block .tb{
  padding: 5px;
}
@media (max-width: 480px) {
  .reservation-chart{
    text-align: left;
  }
  .reservation-chart .rsv-chart{
    margin-left: 10px;
    margin-bottom: 15px;
  }
  
  .property-item header{
      padding-right:15px;
      padding-left:15px;
  }
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
    .property-item content h4 {
       margin-top:10px;
    }
    .property-item content h5 {
        margin: 0 0 0 0;
    }
    
    .property-item header{
      padding-right:15px;
      padding-left:15px;
    }
    
}

@media (max-width: 767px) {
    .property-item content h4 {
        margin: 10px 0 .1em 0!important;
        font-weight: 300;
        font-size: 20px;
    }
    .property-item content h5 {
        color: #909090;
        font-weight: 300;
        margin: 0 0 0 0!important;
        display: inline-block;
        float: left;
    }
    .property-item content .additional {
        display: block;
        overflow: hidden;
        margin: 0;
        /* border-left: 3px #f9690e solid; */
        padding: 5px 5px 0px 0px;
        font-weight: 400;
        clear: both;
    }
    .property-item content .additional p {
        font-weight: 400;
        margin-bottom: 5px;
/*         margin-left: 1em; */
    }
    .property-item content .rate {
            margin: -2px 0 0 5px;
    line-height: 11px;
    font-size: 14px;
    }
    .p-content{
        margin-top:50px;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
    .property-item content h4 {
        margin: .7em 0 .3em 0;
        font-weight: 300;
        font-size: 20px;
        margin-top:0;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
@media screen and (max-width: 768px) {
    .unslider {
        margin: 70px 0 0 0;
    }
    banner-slider {
        height: auto;
    }
    .unslider .outer {
        display: block;
        position: static;
        height: 100%;
        width: 100%;
    }
    .banner-slider ul li h3 {
        font-family: 'Source Sans Pro', sans-serif;
        color: #fff;
        font-size: 40px;
        font-weight: 800;
        text-transform: uppercase;
        margin: 1em 0;
    }

    .banner-slider ul li .descriptions p {
        font-size: 20px;
        font-weight: 400;
    }
    .only-mobile{
        visibility: visible;
        display: block;
        opacity: 1;
        padding: 0 15px;
    }
    .only-desktop{
        display: none;
        visibility: hidden;
        opacity: 0;
    }
    .property-side-box{
        margin: 0;
    }
    .facetwp-template .property-item content {
        padding: 0;
        overflow: hidden;
        display: block;
    }
    .facetwp-template .property-item content .additional p {
        margin-left: 0;
    }
    .sidebar-padder .property-item content .rate{
        margin: 0 0 0 5px;
    }
    .banner-slider ul li{
        height: 70vh;
    }
    .banner-slider{
        height: 70vh;
    }
    .reservation-each-month ul.reservation-list li .rsv-title{
        width: 100%;
        float: none;
        text-align: center;
    }
    .reservation-each-month ul.reservation-list li .rsv-dates span {
        display: inline-block;
        width: 10%;
        border-bottom: 1px #eee solid;
    }
    .reservation-each-month ul.reservation-list li .rsv-dates {
        display: block;
        width: 100%;
        float: none;
    }
    body.page-template-template-reservation .container,
    body.page-template-template-available-properties .container {
        width: 100%;
    }
    .reservation-each-month h2.month-header.fixed{
        top:0;
    }

}
@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

.readmore-btn{
        background-color: #f9690e;
    color: #fff;
    padding: 8px 15px;
    display: inline-block;
    font-weight: 200;
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 2px;
    margin-bottom: 15px;
    float: left;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.header-cover.property-sales-page .header-cover-inner{
  font-family: "Playfair Display", Sans-serif;
  font-size: 3.3rem;
  font-weight: 600;
}

.property-item content h5{
  font-weight: bold;
}
.sidebar-padder ul.property-summary li.Type{
  display: none;
}
.sidebar-padder .property-item content h4{
  margin-top: 0;
}
.property-item.sts-booked header:before{
    content: "";
    background-image: url(includes/imgs/ico-bkd.png);
    position: absolute;
    left: 30px;
    right: 30px;
    top: 15px;
    bottom: 15px;
    background-size: 200px;
    background-position: center;
    background-repeat: no-repeat;
}
.property-item.sts-sold header:before{
    content: "";
    background-image: url(includes/imgs/ico-sod.png);
    position: absolute;
    left: 30px;
    right: 30px;
    top: 15px;
    bottom: 15px;
    background-size: 200px;
    background-position: center;
    background-repeat: no-repeat;
}
.property-item.sts-reserved header:before{
    content: "";
    background-image: url(includes/imgs/ico-rev.png);
    position: absolute;
    left: 30px;
    right: 30px;
    top: 15px;
    bottom: 15px;
    background-size: 200px;
    background-position: center;
    background-repeat: no-repeat;
}
.property-price{
	font-size: 1rem;
}
.property-price .p-title{
	float: left;
    margin-right: 5px;
}
.property-price .price-display{
	margin: 0;
}
.sidebar header{
    padding:0px 15px;
}
.sidebar .property-item header .pid{
    padding:3px 5px;
    font-size: 10px;
}
.rs-info{
    font-style:italic;
}
.rs-info strong i{
    color:#c36;
}
.rarea-head{
	color: #c36 !important;
}