:root {

   --bg: 0,0,0;
   --text: 240,240,240;

   --faded-text: rgba(250,250,250, 0.5);

   --dark-gold: 203, 152, 49;
   --light-gold: 255, 217, 136;

   --accent: var(--dark-gold);
   --fadeout: 150, 150, 150;

   --main-font: "Playfair Display", serif;
   --accent-font: Jubilat, serif;

   --golden-gradient: linear-gradient(135deg, rgb(var(--light-gold)), rgb(var(--dark-gold)));
   --transp-golden-gradient: linear-gradient(135deg, rgba(var(--light-gold),0.3), rgba(var(--dark-gold),0.3));
   --faded-golden-gradient: linear-gradient(135deg, rgba(var(--light-gold),0.2), rgba(var(--dark-gold),0));
   --small-shadow: 0 0 5px rgba(var(--bg),0.5);
   --big-shadow: 0 0 20px rgb(var(--bg));

   --error-bg: transparent;
   --error-font: normal normal 12px/1.1 sans-serif;

 }

 :root {

   /* Page Body & Loader */

   --body-bg: rgb(var(--bg));   /* required - main page background */
   --body-font: normal normal 15px/1.3 var(--main-font); /* required - main text font defined as CSS font one-liner */
   --body-text: rgb(var(--text)); /* required - main text color on the page */
   --link-hover: rgb(var(--accent)); /* required - link hover color for the page */
   --loader-color: var(--golden-gradient); /* required - loader color */
   /*--loader-opacity: opacity of the loader as a whole. */
   /*--loader-radius: radius for default loader */
   --loader-scale:  0.75; /*loader scale */

   /* Logotype */
   --logo-fixed: 100px; /* required - logo image height in pixels */
   --logo-mobile: 40px; /* required - logo image height for sticky menu */
   --logo-stuck: 50px;  /* required-  logo image height for mobile menu */

   /* Menu design */
   --menu-font: normal normal 14.9px/1.1 var(--accent-font); /* required - main website menu font for desktop */
   --menu-text: rgb(var(--text)); /* required - menu text color */
   --menu-active: rgb(var(--accent)); /* required - color of active and hover menu elements */
   --menu-bg: transparent; /*required - background for main desktop menu block with logotype. */
   --menu-padding: 0px; /* required - padding outside the menu. */
   --menu-inner-padding: 10px 5px; /* required - padding inside menu item. */
   /*--menu-case: menu text-transform */
   /*--menu-item-bg: menu item background */
   /*--menu-item-radius: menu item block radius */
   /*--menu-active-bg: background color of active and hover menu elements */
   --menu-spacing: 20px; /* spacing between menu elements */
   --menu-slogan-font:  normal normal 26px/1.1 var(--main-font);  /* font the the slogan element */
   /*--menu-slogan-text: color of menu slogan.*/
   /*--menu-slogan-case: menu slogan text-transform */
   --menu-slogan-padding: 40px 30px 30px 30px; /* padding for slogan block in the menu */
   /*--menu-slogan-width: width of the slogan block */
   --menu-stuck-bg: rgb(var(--bg)); /*background for the sticky menu */
   /*--menu-stuck-filter: backdrop-filter behind the sticky menu */
   /*--menu-stuck-padding: padding for the sticky menu */
   --menu-stuck-shadow: var(--small-shadow); /* shadow for the sticky menu */
   /*--menu-stuck-border: bottom border for the sticky menu */

   /* Mobile menu */

   --menu-toggle: rgba(var(--text),1);
   /*--menu-toggle-bg: background for menu toggle element */
   --menu-toggle-height: 1px; /* menu toggle element thickness */
   --menu-mobile-text: rgb(var(--text)); /* required - mobile menu text color */
   --menu-mobile-active: rgb(var(--accent)); /* required - active/hover menu item on mobile */
   --menu-mobile-padding: 150px 20px 20px 20px; /* required - padding for the whole menu on mobile */
   --menu-mobile-inner-padding: 5px 10px; /* required - padding for a menu item on mobile */
   --menu-mobile-bg: rgba(var(--bg),0.9); /* required - whole menu background on mobile */
   /*--menu-mobile-panel-bg: top panel background on mobile */
   /*--menu-mobile-filter: backdrop-filter behind the mobile menu */

   /* Dropdown menu (Desktop) and Submenu (mobile) */
   --menu-dropdown-bg: linear-gradient(to bottom, transparent, rgb(var(--bg),1) 50%); /* required - menu dropdown background */
   /*--menu-dropdown-radius: block radius for dropdown menu */
   /*--menu-dropdown-width: fixed width of the dropdown menu and arrow offset on mobile */
   /*--dropdown-toggle: dropdown toggle color */
   /*--submenu-font: font for submenu item */
   /*--submenu-text: color for submenu item */
   --submenu-active: rgb(var(--accent)); /* color for active/hover submenu item */
   /*--submenu-offset: offset for active/hover submenu item */
   --submenu-mobile-font: normal normal 14.9px/1.1 var(--accent-font);/* font for submenu item on mobile */
   /*--submenu-mobile-text: color for submenu item on mobile */
   --submenu-mobile-padding: 0; /*padding for submenu item on mobile */

   /*Social Icons*/
   --menu-icon-size: 15px; /* font size for social icons on the mobile menu */
   --menu-icon-text: rgb(var(--text)); /* color for social icons on the mobile menu */
   --menu-icon-bg: transparent; /* background for social icons on the mobile menu */
   --menu-icon-hover: rgb(var(--dark-gold)); /* hover color for social icons on the mobile menu */
   --menu-icon-hover-bg: var(--golden-gradient); /* hover background for social icons on the mobile menu */
   /*--icon-size: font-size for social icons elsewhere on the page */
   /*--icon-text: color for social icons elsewhere on the page */
   /*--icon-hover-text: hover color for social icons elsewhere on the page */
   /*--icon-bg: background for social icons elsewhere on the page */
   /*--icon-hover-bg: hover background for social icons elsewhere on the page */
   /*--icon-radius: social icons radius */
   /*--icon-hover-transform: hover transform property for social icons */
   /*--cell-icon-size: icon size when displayed in their own grid layout */

   /* Page First Blocks */
   --first-font: normal normal 20px/1.7 var(--main-font); /* required - font for the main header on the home page */
   --first-text: rgb(var(--text)); /* required -color for the main header on the home page */
   /*--first-case: text-transform property for the main header on the home page */
   /*--first-shadow: text-shadow propery for the main header on the home page */
   --first-slogan-font: var(--menu-font); /* font property for text under the main header on the first page */
   --first-slogan-text: var(--faded-text); /* color for text under the main header on the first page */
   /*--first-slogan-shadow: text-shadow property for text under the main header on the first page */
   --inside-first-font: var(--first-font); /* required - font for the main header on all the site pages */
   --inside-first-text: var(--first-text); /* required - color for the main header on all the site pages */
   /*--inside-first-shadow:  text-shadow property for the main header on all the site pages */
   --first-height: 85vh; /*first block height on the home page */
   --inside-first-height: 40vh; /*first block height on all the site pages */

   --first-plain-bg: transparent; /* background for the first block on inside pages when there is no image */

   /*Additional backgrounds for blocks*/
   --first-before-bg: linear-gradient(to bottom, rgb(var(--bg)) 20%, transparent 45%, transparent 65%, rgb(var(--bg)) 90%); /* additional background for the first block on the home page */
   --inside-first-before-bg: linear-gradient(to bottom, rgba(var(--bg),1) 0%, rgba(var(--bg),0.75) 15%, rgba(var(--bg),0.5) 50%, rgb(var(--bg)) 100%);/* additional background for the first block on all the site pages */
   --image-before-bg: linear-gradient(to right, rgba(var(--bg),0.75),rgba(var(--bg),0.75));/* additional background for when a block has background image */
   /*--primary-before-bg: additional background for `primary` style block */
   /*--accent-before-bg: additional background for `accent` style block */
   /*--invert-before-bg: additional background for `invert` style block */
   /*--invert-accent-before-bg: additional background for `invert-accent` style block */

   /* Special settings for `image-bg-left` and `image-bg-right` background styling for main blocks */
   /*--image-bg-width: width of the image on the size of the block */
   /*--image-bg-height: height of the image when it's moved to top on mobile */
   /*--header-height: header height offset to move the content either up or down from the image */

   /* Buttons default styling */
   --button-font: var(--submenu-mobile-font); /* required - button font property */
   --button-text: rgb(var(--text)); /* required - button text color */
   /*--button-case: text-transform property */
   --button-bg: transparent; /* required - button background */
   --button-border: 1px solid transparent; /* button border */
   --button-padding: 10px 25px 10px 25px; /* padding for buttons */
   /*--button-radius: border radius for buttons */
   /*--button-hover-text: text color when hovered */
   --button-hover-bg: var(--faded-golden-gradient);/*background when hovered */
   /*--button-hover-border: border when hovered */
   /*--button-hover-filter: filter property when hovered */
   /*--button-hover-transform: transform property when hovered */

   /* Special style for a button inside the first block on the home page */
   --first-button-font: normal normal 30px/1.1 var(--main-font); /*font property */
   --first-button-text: rgb(var(--text)); /* text color */
   --first-button-bg: transparent; /* background normal state */
   --first-button-border: 0; /*border normal state */
   --first-button-hover-text: rgb(var(--accent));/* text when hovered */
   --first-button-hover-bg: transparent; /* background when hovered */
   /*--first-button-hover-border: border when hovered */

   /* Form inputs, labels and messages */

   /*--input-text: color for form fields */
   /*--input-bg: background for form fields */
   --input-border: 1px solid rgb(var(--text)); /* border for form fields */
   --input-padding: 15px 25px 15px 15px; /*padding for form fields */
   /*--input-radius: border radius for form fields */
   /*--input-disabled: text color for disabled dropdown elements */
   --label-font: var(--menu-font); /* color of the field labels */
   /*--label-text: color of the field labels */
   /*--label-case: text transform property for the field labels */
   /*--error-color: text color when field has an error */
   /*--error-bg: background color when field has an error */
   /*--error-outline: field outline when there's an error */
   /*--error-font: error message under field font property */
   /*--snackbars-font: form message popup block font property */
   /*--snackbars-text: text color on form message popup block */
   --snackbars-bg: var(--golden-gradient); /*form message popup block background */

   /* Default Headers and Subheaders */
   --header-font: normal normal 50px/0.9 var(--main-font); /* font for the main block header (`h2`,`.heading-2`) */
   /*--header-text: text color for the main block header */
   /*--header-case: text-transform property for the main block header */
   --subheader-font: normal normal 20px/1.1 var(--accent-font); /* font for the block subheader (`h3`,`heading-3`) */
   /*--subheader-case: text-transform property for the block subheader.

   /*Block styles: `primary`, `accent`, `invert`, `invert-accent`*/

   /*--primary-bg: background for `primary` style block */
   --primary-header: var(--body-text);/* main block header color */
   /*--primary-subheader: block subheader color */
   /*--primary-text: text color for the block */
   /*--primary-button-text: button text color */
   /*--primary-button-bg: button background color */
   /*--primary-button-border: button border */
   /*--primary-button-hover-text: button text when hovered */
   /*--primary-button-hover-bg: button background when hovered */
   /*--primary-input-text: form field text color */
   /*--primary-input-bg: form field backround */
   /*--primary-input-border: form field border */

   /* --accent-bg: rgb(var(--fadeout),0.2); /* background for `accent` style block */
   /*--accent-header: main block header color */
   /*--accent-header-font: font property for main block header */
   /*--accent-subheader: block subheader color */
   /*--accent-subheader-font: font property for block subheader */
   --accent-text: var(--body-bg); /* text color for the block */
   --accent-button-text: var(--body-bg); /*button text color */
   /*--accent-button-bg: button background color */
   --accent-button-border: 2px solid transparent; /* button border */
   --accent-button-hover-border: 2px solid transparent; /* button border */
   --accent-button-hover-text: var(--accent-button-text);/* button text when hovered */
   /*--accent-button-hover-bg: button background when hovered */
   /*--accent-input-text: form field text color */
   /*--accent-input-bg: form field backround */
   /*--accent-input-border: form field border */

   --invert-bg: rgb(var(--text)); /* background for `invert` style block */
   --invert-header: rgb(var(--bg)); /* main block header color */
   /*--invert-header-font: font property for main block header */
   --invert-subheader: rgb(var(--bg)); /* block subheader color */
   /*--invert-suheader-font: font property for block subheader */
   --invert-text: rgb(var(--bg)); /* text color for the block  */
   /* --invert-button-text: button text color  */
   --invert-button-bg: transparent; /* button background color */
   --invert-button-border: 1px solid rgb(var(--bg)); /* button border */
   /*--invert-button-hover-text: button text when hovered */
   /*--invert-button-hover-bg: button background when hovered */
   /*--invert-input-text: form field text color */
   /*--invert-input-bg: form field backround */
   /*--invert-input-border: form field border */

   /* --invert-accent-bg: rgb(var(--accent)); /* background for `invert-accent` style block  */
    --invert-accent-header: var(--primary-header); /* main block header color */
   /*--invert-accent-header-font: font property for main block header */
   /* --invert-accent-subheader: var(--invert-subheader); /* block subheader color */
   /*--invert-accent-subheader-font: font property for block subheader */
   --invert-accent-text: var(--accent-text); /* text color for the block */
   --invert-accent-button-text: var(--accent-button-text); /* button text color */
   /* --invert-accent-button-bg: var(--accent-button-bg); /* button background color */
   --invert-accent-button-border: var(--accent-button-border); /* button border */
   --invert-accent-button-hover-border: var(--accent-button-border); /* button border */
   --invert-accent-button-hover-text: var(--accent-button-hover-text); /* button text when hovered */
   /*--invert-accent-button-hover-bg: button background when hovered */
   /*--invert-accent-input-text: form field text color */
   /*--invert-accent-input-bg: form field backround */
   /*--invert-accent-input-border: form field border */

   /* General Blocks & wrappers */

   /*--block-radius: general block radius to used throughout CSS */
   /*--image-radius: radius for images in blocks */

   /* Services Block images: `.services-image` class: */
   /*--services-border: image border */
   /*--services-image: image height */
   /*--services-padding: image padding */
   /*--services-radius: image radius */

   /* Recommended wraper: `.post-boxed` class: */
   --accented-padding: 50px; /* padding for accented blocks */
   /*--accented-radius: border radius */
   --accented-bg: rgba(var(--accent),0.1);

   /* Another option for wrapper: `.post-info` class: */
   /*--info-font: font property */
   --info-bg: var(--body-text); /* background */
   --info-padding: 30px 50px; /*padding */
   /*--info-radius: border-radius */

   /*Slick Slider Image gallery*/
   /*--slick-height: image height for `slick-ribbon` class Slick Slider */
   --slick-spacing: 30px; /*distance in pixels from top and bottom edges for the block */
   /*--slick-caption: font property for the text caption on desktop (visible when hovered) */
   /*--slick-caption-case: text-transform property for caption (`uppercase`, `lowercase`, `capitalize` or `none`) */
   --slick-caption-bg: rgba(var(--bg),0.75); /*background for when the image is hovered */
   /*--slick-image-frame: image frame width in pixels */
   /*--slick-image-frame-color: image frame color */
   /*--slick-caption-border: decorative border on image when hovered */
   /*--slick-caption-spacing: spacing from the sides of the caption to the image */
   /*--slick-mobile-caption-bg: caption is visible on mobile on this background */
   --slick-arrow-size: 120px; /*last/next arrow size in pixels (one value) */
   /* --slick-arrow-border: 10px solid transparent; /*border for last/next arrows */
   --slick-arrow-bg: transparent; /* background color (not the full backgound property) for last/next arrows */
   /*--slick-arrow-hover-bg: hover background color (not the full backgound property) for last/next arrows */
   --slick-arrow-offset: -10px; /*horizontal offset for last/next slick arrows */
   /*--slick-fadeout: image fadeout color for `slick-gallery` class Slick Slider */

   /* Isotope Layout Image Gallery */
   /*--isotope-spacing: spacing between individual images, this value is doubled */
   /*--isotope-border: border for individual images */
   /*--isotope-radius: border-radius form images */
   /*--isotope-bg: caption background when image is hovered */
   /*--isotope-title-font: font property for image title (image number and text in `defaults.json`>`image-word`) */
   /*--isotope-title-text: text color for image title */
   /*--isotope-font: font property for image caption */
   /*--isotope-text: text color for image caption */
   /*--isotope-case: text transform for image caption (`uppercase`, `lowercase`, `capitalize` or `none`) */

   /* LightGallery Popup */
   /*--lg-bg: background color for when image is opened */
   /*--lg-filter: backdrop filter for when image is opened */
   /*--lg-align: text align for caption */
   /*--lg-caption-text: text color for caption */
   /*--lg-caption-bg: background for text caption */

   /* Owl Carousel and Quote `.post-quote` class** */
   --owl-arrow-size: 110px; /*last/next arrow size in pixels (one value) */
   --owl-arrow-offset: 10px; /* horizontal offset for last/next arrows */

   --quote-text: rgb(var(--bg)); /*text color for `.post-quote` class */
   --quote-bg: rgb(var(--text)); /*background for quote */
   --quote-border: 0; /*  border for quote */
   /*--quote-padding: padding for the quote block */
   /*--quote-radius: quote block radius */
   --quote-mark: var(--header-font); /*font-property for quote marks (`.has-quote-before` and `.has-quote-after` extra classes) */
   --quote-color: rgb(var(--bg)); /*quote marks color */
   --quote-scroll: var(--golden-gradient); /*thumb color for quote scroller (may appear on small sizes) */
   /*--quote-scroll-border: thumb border for quote scroller */
   --quote-scroll-bg: rgb(var(--text)); /*track color for quote scroller */
   /*--quote-scroll-bg-border: track border for quote scroller */

   /* Properties by layout type: pricelist */
   /*--pricelist-align: align text in the block (flex: `center`, `flex-start`,`flex-end`) */
   /*--pricelist-hover: pricelist item hover color */
   /*--pricelist-spacing: spacing between pricelist items */
   /*--pricelist-border-vertical: vertical border for price items */
   /*--pricelist-bottom-horizontal: horizontal border for price items */
   /*--pricelist-button-text: text color for pricelist hover button */
   /*--pricelist-button-case: text transform for pricelist hover button (`uppercase`, `lowercase`, `capitalize` or `none`) */
   /*--pricelist-button-bg: pricelist hover button background */
   /*--pricelist-button-border: pricelist hover button border */
   /*--pricelist-button-font: font property for pricelist hover button */
   /*--pricelist-button-padding: padding for pricelist button */
   /*--pricelist-button-radius: border radius for pricelist button */
   /*--pricelist-button-width: hover button fixed width */

   /* Properties by layout type: schedule */
   /*--schedule-header-font: font property for the days of the week */
   /*--schedule-header-case: text transform for the days of the week (`uppercase`, `lowercase`, `capitalize` or `none`) */
   /*--schedule-subheader-font: font property for the hours column */
   /*--schedule-border: border separator between week days */
   /*--schedule-item-text: text color for the scheduled item */
   /*--schedule-item-bg: background for the scheduled item */
   /*--schedule-item-border: border for the scheduled item */
   /*--schedule-item-hover-text: text color for the hovered scheduled item */
   /*--schedule-item-hover-bg: background for the hovered scheduled item */
   /*--schedule-item-hover-border: border for the hovered scheduled item */
   /*--schedule-subitem-font: font property for time and duration hover label */
   /*--schedule-subitem-text: text color the hover label */
   /*--schedule-subitem-icon-text: icon color for online label */
   /*--schedule-subitem-bg: background for the hover label */

   /*Form boxline layout*/
   /*--boxline-bg: hover background for the form in `boxline` layout (usually when the block is nested) */
   --boxline-padding: 0; /*padding for the form in block */

   /* Form checkout block & tickets */
   /*--payment-success-bg: payment success block background.
   /*--payment-success-border: border for the block.
   /*--payment-success-padding: padding for the block.
   /*--payment-success-radius: payment success block radius.

   /*--ticket-font: font property of found ticket name on Booking forms.
   /*--ticket-label: color for the found ticket name.
   /*--ticket-case: text transform property for the found ticket name (`uppercase`, `lowercase`, `capitalize` or `none`).
   /*--ticket-bg: found ticket block background.
   /*--ticket-border: found ticket block border.
   /*--ticket-padding: found ticket block padding.
   /*--ticket-radius: found ticket block radius.
   /*--ticket-selected: checkmark color for the selected ticket.
   /*--ticket-selected-bg: background color for the selected ticket.
   /*--ticket-selected-border: border color for the selected ticket.

   /* Page Footer */
   /*--footer-bg: background for the page footer */
   --footer-padding: 30px 0 30px 0; /*padding for the footer block */
   --footer-text: rgb(var(--text)); /* text color for the page footer */
   --footer-font: var(--menu-font); /*font property for text in the footer */
   /*--footer-hover: link hover when inside footer */

   /*--map-width: embedded Google Maps width */
   /*--map-height: embedded map height */
   /*--map-border: embedded map border */
   /*--map-outline: embedded map outline */
   /*--map-radius: embedded map block radius */
   /*--map-margin: embedded map margin (sometimes necessary to make it take up whole width) */

   /* To Top Element */
   /*--totop-size: font size for the icon */
   /*--totop-text: link to top icon color */
   --totop-bg: rgb(var(--bg));/*link to top background */
   /*--totop-hover: color when hovered */
   --totop-hover-bg: var(--faded-golden-gradient); /*background when hovered */
   --totop-border: var(--input-border);

   /* Other elements */
   /*--mark-text: text color for `<mark>` tag */
   --mark-bg: var(--transp-golden-gradient); /* background color for `<mark>` tag */

 }

 @media(max-width:991px) {
   :root {

    --menu-font: normal normal 20px/1.1 var(--accent-font);
    --menu-spacing: 0;
    --inside-first-height: 60vh;

    --first-before-bg: linear-gradient(to bottom, rgb(var(--bg)) 40%, transparent 65%, transparent 75%, rgb(var(--bg)) 100%);

    --owl-arrow-offset: 10px; 


   }
 }

 @media (max-width:768px) {
   :root {
    --info-padding: 30px 30px; /*padding */

   }
 }

 @media (max-width:496px) {
   :root {
    --first-before-bg: linear-gradient(to bottom, rgb(var(--bg)) 50%, transparent 75%, transparent 85%, rgb(var(--bg)) 100%);
   }
 }

 @font-face {
	font-family: 'Jubilat';
	src: url("/fonts/user/Jubilat.ttf");
	src: url("/fonts/user/Jubilat.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Jubilat';
	src: url("/fonts/user/Jubilat-light.ttf");
	src: url("/fonts/user/Jubilat-light.ttf") format("truetype");
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Jubilat';
	src: url("/fonts/user/Jubilat-italic.ttf");
	src: url("/fonts/user/Jubilat-italic.ttf") format("truetype");
	font-weight: normal;
	font-style: italic;
}


.rd-navbar-nav li>a, .slogan, .form-label, h3, .heading-3 {
  font-variant: small-caps !important;
  letter-spacing: 0.05em;
  text-transform: capitalize;
}

.form-label {
  top: 28px;
}

.rd-navbar-static .rd-navbar-panel, .rd-navbar-static .rd-navbar-panel .brand__name {
  padding: 0;
  margin: 0;
}

.rd-navbar-static .brand__name .brand__slogan, .rd-navbar-fixed .rd-navbar-nav .brand__slogan {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(calc(-50%));
  text-align: center;
  display: none;
}

.rd-navbar--is-stuck .brand__slogan, .rd-navbar-fixed .brand__name .brand__slogan {
  display: inline-flex;
  padding-top: 40px;
  margin-top: -7px;
  margin-bottom: -20px;
  background: var(--menu-stuck-bg);
  height: calc(var(--logo-stuck) + 30px);
}

.brand__slogan {
  flex-direction: column;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-image: var(--golden-gradient);
  border-image-slice: 1;
  border-top: 0;
  height: calc(var(--logo-fixed) + 30px );
  margin-left: calc(var(--menu-spacing)*2);
  margin-right: calc(var(--menu-spacing)*2);
  transition: all 0.5s ease-in-out;
  box-shadow: var(--small-shadow), var(--big-shadow);
  background-color: var(--body-bg);
}

.rd-navbar-fixed .rd-navbar-brand {
  position: absolute;
  top: 0;
  left: 50%;
}

.rd-navbar-fixed .rd-navbar-brand .brand__slogan {
  position: absolute;
  transform: translateX(-50%);
}

.brand__slogan small {
  font-size: 16px;
  line-height: 10px;
}

.rd-navbar-static .rd-navbar-nav, .rd-navbar-element .list-icons {
  flex-wrap: nowrap;
}

.rd-navbar-element .list-icons .icon { 
  background-clip: text;
  min-width: 15px;
}

.rd-navbar-element .list-icons .icon:hover::before {
  background: inherit;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

.current>a {
  color: transparent !important;
  background: var(--golden-gradient) !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text !important;
}

.rd-navbar-element .list-icons {
  display: flex;
}

.rd-navbar-static .rd-navbar-main {
  justify-content: center;
}

.rd-navbar-static .rd-navbar-nav li:nth-of-type(4) + li {
  margin-left: 200px;
}

.rd-navbar-static .rd-navbar-element {
  display: block;
}

.first-block {
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.inside-first-block.bg-header-plain, .inside-first-block.bg-image h1 {
  display: none;
}

.inside-first-block.head-not-found {
  display: block;
}

.not-found p {
  color: var(--body-text);
}

.inside-first-block.bg-image {
  margin-top: calc(-1*var(--logo-fixed));
}

.inside-first-block.bg-image + section {
  margin-top: -80px !important;
}

@media(max-width:992px) {
  .first-block {
    background-size: 150% auto;
    background-position: center bottom;
  }

  section:nth-of-type(2) {
    margin-top: var(--logo-mobile);
  }
  
}

@media(max-width:496px) {
  .first-block {
    background-size: 200% auto;
  }

}

.first-block .shell {
  align-items: flex-start;
}

.galleries-1, #transactions p:first-of-type {
  font: var(--subheader-font);
  opacity: 0.5;
  margin-top: 5px;
  margin-bottom: 5px;
}

#listing {
  margin-bottom: 50px;
}

#listing .galleries-1 {
  font-size: 30px;
  padding-left: 50px;
}

#listing .t-line {
  padding-left: 55px;
}

.rd-navbar-static .rd-navbar-dropdown {
  padding-top: 0px !important;
  padding-left: 27px !important;
  border: 0;
}

footer .rd-navbar-dropdown { 
  padding-top: 0 !important;
  margin-top: -5px;
}

.button, #ui-to-top, .gallery-caption, .reviews-text-wrapper, .rd-navbar-dropdown, .infoblock-has-image-top > div, .infoblock-has-image-top.no-image {
  border-image: var(--golden-gradient) !important;
  border-image-slice: 1 !important;
  min-width: auto;
  margin-top: 3px;
}

.gallery-short {
  margin-top: 30px;
}

#ui-to-top::before {
  position: relative;
  top: -3px;
}

.gallery-caption, .reviews-text-wrapper, .infoblock-has-image-top > div, .infoblock-has-image-top.no-image {
  border: 1px solid transparent;
  display: block;
  padding: 25px 30px;
  transition: none;
  position: relative;
}

.reviews-text-wrapper .heading-3, .infoblock-has-image-left h3 {
  font-size: 25px;
}

.reviews-text-wrapper, .reviews-image {
  width: calc(100% - 2px);
}

.reviews-text-wrapper a, .galleries-3 a {
  position: absolute;
  /*right: 20px;
  top: 50%;*/
  right: -1px;
  bottom: -24px;
  transform: translateY(-50%);
  font: var(--button-font);
  font-variant: normal;
  border: var(--button-border);
  border-image: var(--golden-gradient);
  padding: var(--button-padding);
  display: inline-flex;
  align-items: center;
  transition: none;
  border-image-slice: 1;
}

#listing-short .galleries-3 {
  display: none;
}

.galleries-3 a {
  bottom: unset;
  top: 30px;
  font: var(--button-font);
}

#listing h2 {
  padding-right: 120px;
}

@media(max-width:992px) {

  #listing h2 {
    padding-right: 0;
  } 
  .galleries-3 a {
    position: relative;
    top: 30px;
    left: 50px;
  }
  
}

.reviews-text-wrapper a:hover {
  color: inherit;
  background: var(--button-hover-bg);
}

@media(max-width:576px) {

  .reviews-text-wrapper {
    padding-bottom: 60px;
  }

  .reviews-text-wrapper a { 
    right: -1px;
    top: unset;
    bottom: -24px;
  }

}

a.gallery-caption:hover {
  color: var(--text);
}

a.gallery-caption:hover h3 {
  color: var(--link-hover);
}

.button-arrow, .galleries-3 a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.button-arrow::before, h2:first-child::before, .t-header span:before, .reviews-text-wrapper a::before, #studies_home:not(:has(.owl-carousel)) .heading-2::before, .galleries-3 a::before {
  content: "";
  width: 10px;
  height: 25px;
  display: inline-block;
  margin-right: 10px;
  background-image: url(/images/arrow-sm.svg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.2s ease-in-out;
  position: relative;
  left: -5px;
}

.first-block .button-arrow {
  padding-left: 40px;
  padding-right: 40px;
}

.t-header span:before {
  width: 10px;
  height: 15px;
  margin-right: 0px;
  margin-left: 15px;
  background-image: url(/images/arrow-xs.svg);
}

.t-header span:first-child::before {
  margin-left: 0;
}

.t-header span {
  display: inline-flex;
  align-items: flex-end;
}


.first-block .button-arrow::before {
  width: 30px;
  height: 60px;
  background-image: url(/images/arrow-md.svg);
  left: -15px;
}

h2:first-child::before, #studies_home:not(:has(.owl-carousel)) .heading-2::before {
  position: absolute;
  width: 40px;
  height: 100%;
  background-image: url(/images/arrow-md.svg);
  margin-top: 5px;
  background-size: contain;
  background-position: center left;

}

@media(max-width:768px) {

  #listing h2:first-child::before {
    background-position: top left;
    margin-top: 15px;
  }

}

#studies_home:not(:has(.owl-carousel)) .reviews-text-wrapper {
  margin-bottom: 20px;
}

.button-arrow:hover::before, .reviews-text-wrapper a:hover::before,.galleries-3 a:hover::before {
  left: 0px;
}

.first-block .button-arrow:hover::before {
  left: -5px;
}

.bg-accent .infoblock, .bg-invert-accent .content {
  background: var(--body-text);
  padding: var(--accented-padding);
}

.bg-primary .content {
  padding: 30px 50px;
}

.infoblock p:last-of-type:not(:last-child) {
  margin-bottom: 20px;
}

h2:first-child, #studies_home .heading-2, #testimonials .heading-2 {
  position: relative;
  padding-left: 50px;
  letter-spacing: 0.03em;
}

#studies_home .heading-2 {
  position: relative;
}

.bg-accent .infoblock h2:first-child {
  padding-left: 0;
  margin-bottom: 20px;
}

.bg-accent .infoblock h2:first-child::before {
  display: none;
}


.bg-accent .range {
  overflow: hidden;
}

.bg-accent .range>div .image-wrapper, #flipping_home .range>div .image-wrapper {
  position: absolute;
  left: 15px;
  width: calc(50% - 15px);
  height: 100%;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  justify-content: center;
}

#about_home .range>div .image-wrapper, footer .range {
  align-items: flex-start;
}

#flipping_home .range>div .image-wrapper {
  align-items: center;
  justify-content: center;
  left: unset;
  right: 0;
  width: 50%;
}

#flipping_home .range>div .image-wrapper img { 
  height: 100%;
  width: auto;
  max-width: unset;
}

@media(min-width:1200px) {
  #flipping_home .range>div .image-wrapper img { 
    min-height: 100%;
    width: auto;
    min-width: 100%;
  }
}

.bg-accent .infoblock {
  padding-left: calc(50% + var(--accented-padding));
}

#flipping_home .content {
  padding-right: calc(50% + var(--accented-padding));
}

@media(max-width:992px) { 
  .bg-accent .range>div .image-wrapper img {
    max-width: unset;
    height: 100%;
  }

  .bg-accent .range>div .button {
    margin-top: 10px;
  }

}

@media(max-width:768px) {
  .bg-accent .range>div .image-wrapper,  #flipping_home .range>div .image-wrapper {
    position: relative;
    width: 100%;
    max-height: 500px;
    top: 3px;
    left: 0;
  }

  #flipping_home .range>div .image-wrapper { 
    height: auto;
  }

  .bg-accent .range>div .image-wrapper img, #flipping_home .range>div .image-wrapper img {
    min-width: 100%;
    min-height: 100%;
    height: auto;
    max-height: unset;
  }


  .bg-accent .infoblock, #flipping_home .content {
    padding: var(--accented-padding);
  }

}

h2 small {
  display: block;
}

.range {
  position: relative;
}

.buttons-before {
  position: absolute;
  right: 15px;
  top: 20px; 
  z-index: 10;
}

#flipping_home .range {
  margin-top: 0px;
}

#flipping_home h2:first-child {
  position: absolute;
  top: -110px;
}

.form-wrap+* {
  margin-top: 0;
}

input, select, textarea {
  border-left: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
}

.rd-mailform .button {
  max-width: 200px !important;
}

textarea {
  min-height: 150px !important;
  padding-bottom: 50px;
}

.button-corner {
  position: absolute;
  right: 0;
  bottom: 0px;
}

.rd-mailform {
  background: linear-gradient(155deg, rgba(var(--bg),1), rgba(var(--bg),0) 50%);
}

.box-line {
  margin: 0;
}

.box-line__main, .contact-links {
  max-width: 80%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.contact-links {
  margin-top: 80px;
}

@media(max-width:992px) {
  .box-line__main {
    max-width: 100%;
  }
  .contact-links {
    margin-top: 50px;
  }
}

.box-line__main::before {
  content: "Contact";
  font: var(--header-font);
  padding-left: 50px;
  display: inline-flex;
  align-items: center;
  background: url(/images/arrow-md.svg);
  background-repeat: no-repeat;
  background-position: 0 5px;
  background-size: auto calc(100% - 5px);
  height: 80px;
  margin-bottom: 30px;
  letter-spacing: 0.03em;
}

#contacts .fa {
  font-size: 26px;
  line-height: 1.8;
}

#contacts .fa::before {
  font-size: 15px;
  padding-right: 20px;
}

.copyright {
  font: var(--body-font);
  opacity: 0.5;
  font-size: 13px;
}

footer .rd-navbar-nav>li:last-child {
  display: none;
}

.bg-accent + .bg-primary {
  padding-top: 0 !important;
}

.owl-arrow {
  top: -85px;
}

#testimonials .owl-arrow {
  top: -65px;
}

.gallery-image, .reviews-image-wrapper {
  position: relative;
  display: block;
}

.gallery-image::before, .reviews-image-wrapper::before, .infoblock-has-image-top>div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(var(--bg),1), transparent 30%);
}

.infoblock-has-image-top>div::before  {
  height: 100px;
  width: calc(100% + 2px);
  left: -1px;
  background: linear-gradient(to top, rgba(var(--bg),1), transparent 100%);
  top: -103px;
  z-index: 1;
}


.rd-navbar-fixed .rd-navbar-nav li, .rd-navbar-fixed .rd-navbar-element {
  text-align: center;
}

@media(max-width:376px) {

  #contacts .link-email {
    font-size: 15px;
  }
}

footer .rd-navbar-nav {
  flex-wrap: wrap;
  font: var(--submenu-mobile-font);
}

.rd-navbar-static .rd-navbar-nav>li.active>a, 
.rd-navbar-static .rd-navbar-nav>li.focus>a, 
.rd-navbar-static .rd-navbar-nav>li.opened>a, 
.rd-navbar-static .rd-navbar-nav>li>a:hover, 
.rd-navbar-static .rd-navbar-dropdown>li>a:hover, 
.rd-navbar-static .rd-navbar-dropdown>li>a:focus, 
.rd-navbar-static .rd-navbar-dropdown>li.active>a, 
footer .rd-navbar-dropdown>li.active>a,
.rd-navbar-fixed .rd-navbar-nav li>a:hover,
.rd-navbar-fixed .rd-navbar-dropdown>li.active>a, 
.rd-navbar-fixed .rd-navbar-dropdown>li.focus>a, 
.rd-navbar-fixed .rd-navbar-dropdown>li.opened>a, 
.rd-navbar-fixed .rd-navbar-dropdown>li:hover>a,
footer .rd-navbar-nav>li.active>a, 
footer .rd-navbar-nav>li a:hover {
  background: var(--golden-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rd-navbar-fixed .rd-navbar-nav-wrap.active {
  background: linear-gradient(to bottom, rgb(var(--bg)) 20%, rgba(var(--bg),0.5) 45%,  rgba(var(--bg),0.5) 65%, rgb(var(--bg)) 90%), url(/images/head-index-photo.jpg) no-repeat center 60% / 150% auto, linear-gradient(to bottom, rgb(var(--bg)), rgb(var(--bg)));
}

.infoblock-image-left {
  position: absolute;
  left: 0;
  max-height: 140px;
  padding: 30px;
  padding-left: 60px;
  background-color: var(--body-bg);
}

.infoblock-has-image-left {
  padding-left: 0;
  background: linear-gradient(to right, var(--body-bg) 200px, var(--body-text) 200px);
  color: var(--body-bg);
  margin-top: 40px;
  margin-bottom: 0px;
  padding: 40px;
  padding-left: 240px;
}

.infoblock-has-image-left.no-image {
  display: block;

}

.form-wrap.has-error .form-input {
  border-color: inherit;
}

.slick-next {
  background: linear-gradient(to left, rgb(var(--bg)) 15px, transparent);
  padding: 10px;
  height: 100% !important;
}

.slick-prev {
  background: linear-gradient(to right, rgb(var(--bg)) 15px, transparent);
  padding: 10px;
  height: 100% !important;
}

.thumb-ann__title {
  color: var(--body-text);
  display: none;
}

.mobile .thumb-ann__title {
  display: none;
}

.inside-first-block + section {
  padding-top: 95px !important;
}

#lg-download, #lg-share {
  display: none;
}

#studies_home .cell-xs-12 .reviews-image-wrapper {
  flex-basis: 100%;
  height: 200px;
  display: inline-flex;
  align-items: flex-start;
  overflow: hidden;
  margin-bottom: 15px;
}


@media(min-width:769px) {

  #studies_home:not(:has(.owl-carousel)) .cell-xs-12 > div {
    display: flex;
  }

  #studies_home:not(:has(.owl-carousel)) .cell-xs-12 .reviews-text-wrapper {
    flex-basis: calc(100% - 50px);
    margin: 0;
    margin-left: 3px;
    margin-bottom: 15px;
  }
  
  #studies_home:not(:has(.owl-carousel)) .cell-xs-12 .reviews-image-wrapper img {
    width: 100%;
  }

}

#buyers_process, #sellers_process {
  margin-top: -130px;
}

#buyers_process .range, #sellers_process .range {
  counter-reset: section;
}

#buyers_process .range>div, #sellers_process .range>div {
  display: flex;
}

#buyers_process .range>div .post-info, #sellers_process .range>div .post-info {
  width: 100%;
}

#buyers_process .range>div::before, #sellers_process .range>div::before {
  counter-increment: section; /* Increments counter */
  content: counter(section)  "."; /* Displays counter value */
  font: var(--subheader-font);
  font-size: 100px;
  line-height: 1;
  color: transparent;
  width: 200px;
  padding-right: 30px;
  text-align: right;
  padding-top: 50px;
  font-weight: 100;
  background: var(--golden-gradient);
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

@media(max-width:992px) {
  #buyers_process .range>div::before, #sellers_process .range>div::before { 
    width: 120px;
  }
}

@media(max-width:768px) {
  #buyers_process .range>div::before, #sellers_process .range>div::before { 
    width: 50px;
    font-size: 60px;
    padding-top: 70px;
  }
}

.post-info {
  margin-top: 20px;
}

.five-stars::before {
  content: "★★★★★";
  font-style: normal;
  display: block;
  margin-bottom: 5px;
  font-size: 25px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background: var(--golden-gradient);
  background-clip: text;

}


.speech-bubble::after, .speech-bubble-outline::after {
  left: 28px;
  transform: rotate(-45deg) scale(0.6);
}


.infoblock-image.infoblock-image-top {
  margin-bottom: 0;

}

mark {
  font-variant: small-caps;
  letter-spacing: 0.05em;
}

.infoblock-has-image-top.no-image {
  position: relative;
  margin-top: 203px;
  min-height: 170px;
}

.infoblock-has-image-top.no-image::before {
  content:  "";
  background: url(/images/house-dummy.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 200px;
  position: absolute;
  top: -235px;
  left: 0;
  opacity: 0.2;
}

#transactions .infoblock-has-image-top > div {
  min-height: 170px;
}

#transactions .range {
  align-items: flex-end !important;
}

.infoblock-has-image-top {
  margin-bottom: 15px;
}

.post-quote {
  max-height: 400px;
  overflow: auto;
  border-bottom: 20px solid rgb(var(--text));
  padding-bottom: 15px;
}