:root {

   --white: 255,255,255;
   --black: 20,20,20;
   --totalblack: 0,0,0;
   --blue: 91, 134, 182;
   --navy: 16,14,53;
   --rust: 143,68,39;
   --lightgray: 239, 239, 242;
   --gray: 211, 211, 214;
   --darkgray: 139, 139, 142;

   --bg: rgb(var(--white));
   --text: rgb(var(--black));
   --accent: rgb(var(--rust));
   --accent2: rgb(var(--navy));

   --fadeout: 150, 150, 150;

   --main-font: MyryadPro, sans-serif;
   --accent-font: sans-serif;

   --grid-size: 10px;

 }

 :root {

   /* Page Body & Loader */

   --body-bg: var(--bg);   /* required - main page background */
   --body-font: normal normal 16px/1.1 var(--main-font); /* required - main text font defined as CSS font one-liner */
   --body-text: var(--text); /* required - main text color on the page */
   --link-hover: var(--accent); /* required - link hover color for the page */
   --loader-color: rgba(var(--gray),1); /* required - loader color */
   /*--loader-opacity: opacity of the loader as a whole. */
   /*--loader-radius: radius for default loader */
   --loader-scale: 1.5; /* loader scale */

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

   /* Menu design */
   --menu-font: normal normal 16px/0.9 var(--main-font); /* required - main website menu font for desktop */
   --menu-text: var(--text); /* required - menu text color */
   --menu-active: var(--accent2); /* required - color of active and hover menu elements */
   --menu-bg: linear-gradient(to bottom, var(--bg),transparent); /*required - background for main desktop menu block with logotype. */
   --menu-padding: 50px 5px 40px 5px; /* required - padding outside the menu. */
   --menu-inner-padding: 10px 0 0 5px; /* required - padding inside menu item. */
   --menu-case: uppercase; /*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: spacing between menu elements */
   --menu-slogan-font: normal normal 30px/0.9 var(--main-font); /*font the the slogan element */
   /*--menu-slogan-text: color of menu slogan.*/
   --menu-slogan-case: uppercase; /*menu slogan text-transform */
   --menu-slogan-padding: 30px 10px 30px 30px; /*padding for slogan block in the menu */
   /*--menu-slogan-width: width of the slogan block */
   --menu-stuck-bg: rgba(var(--white),0.9); /*background for the sticky menu */
   --menu-stuck-filter: blur(5px); /*backdrop-filter behind the sticky menu */
   --menu-stuck-padding: 0 5px 0 5px;/*padding for the sticky menu */
   /*--menu-stuck-shadow: shadow for the sticky menu */
   /*--menu-stuck-border: bottom border for the sticky menu */

   /* Mobile menu */

   --menu-toggle: var(--text);
   /*--menu-toggle-bg: background for menu toggle element */
   /*--menu-toggle-height: menu toggle element thickness */
   --menu-mobile-text: var(--text); /* required - mobile menu text color */
   --menu-mobile-active: var(--accent); /* required - active/hover menu item on mobile */
   --menu-mobile-padding: 120px 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(--white),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: var(--accent); /* 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: var(--bg); /* color for active/hover submenu item */
   /*--submenu-offset: offset for active/hover submenu item */
   /*--submenu-mobile-font: font for submenu item on mobile */
   /*--submenu-mobile-text: color for submenu item on mobile */
   /*--submenu-mobile-padding: padding for submenu item on mobile */

   /*Social Icons*/
   /*--menu-icon-size: font size for social icons on the mobile menu */
   --menu-icon-text: var(--bg); /*color for social icons on the mobile menu */
   /*--menu-icon-bg: background for social icons on the mobile menu */
   --menu-icon-hover: var(--bg); /*hover color for social icons on the mobile menu */
   /*--menu-icon-hover-bg: hover background for social icons on the mobile menu */
   /*--icon-size: font-size for social icons elsewhere on the page */
   --icon-text: var(--bg); /*color for social icons elsewhere on the page */
   /*--icon-hover-text: hover color for social icons elsewhere on the page */
   --icon-bg: var(--accent); /*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 40px/1.7 var(--main-font); /* required - font for the main header on the home page */
   --first-text: 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: normal normal 16px/1.3 var(--main-font); /*font property for text under the main header on the first page */
   /*--first-slogan-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: normal normal 60px/0.9 var(--main-font);; /* required - font for the main header on all the site pages */
   --inside-first-text: var(--accent2); /* 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: max(70vh,600px); /*first block height on the home page */
   --inside-first-height: auto; /*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: var(--bg) url(/images/about_main-photo.jpg) center/cover no-repeat;/*additional background for the first block on the home page */
   /*--inside-first-before-bg: additional background for the first block on all the site pages */
   /*--image-before-bg: 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: bold italic 18px/0.7 var(--main-font); /* required - button font property */
   --button-text: var(--bg); /* required - button text color */
   --button-case: lowercase; /*text-transform property */
   --button-bg: var(--accent2); /* required - button background */
   /*--button-border: button border */
   --button-padding: 11px 30px 13px; /*padding for buttons */
   --button-radius: 10px; /*border radius for buttons */
   /*--button-hover-text: text color when hovered */
   --button-hover-bg: var(--accent); /*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-text: font property */
   /*--first-button-text: text color */
   /*--first-button-bg: background normal state */
   /*--first-button-border: border normal state */
   /*--first-button-hover-text: text when hovered */
   /*--first-button-hover-bg: background when hovered */
   /*--first-button-hover-border: border when hovered */

   /* Form inputs, labels and messages */

   /*--input-text: color for form fields */
   --input-bg: var(--bg); /*background for form fields */
   --input-border: 1px solid rgb(var(--gray)); /* border for form fields */
   /*--input-padding: padding for form fields */
   /*--input-radius: border radius for form fields */
   /*--input-disabled: text color for disabled dropdown elements */
   --label-text: var(--accent); /*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: 600 normal 22px/1.1 var(--main-font);/*form message popup block font property */
   /*--snackbars-text: text color on form message popup block */
   --snackbars-bg: var(--accent); /*form message popup block background */

   /* Default Headers and Subheaders */
   --header-font: normal normal 40px/0.8 var(--main-font); /* font for the main block header (`h2`,`.heading-2`) */
   /* --header-text: text color for the main block header */
   --header-case: uppercase; /*text-transform property for the main block header */
   --subheader-font: 600 normal 27px/1.1 var(--main-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(--accent2);/*main block header color */
   --primary-subheader: var(--accent); /*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(--lightgray)); /* background for `accent` style block */
   /*--accent-header: main block header color */
   /*--accent-header-font: font property for main block header */
   --accent-subheader: var(--accent); /*block subheader color */
   /*--accent-subheader-font: font property for block subheader */
   /*--accent-text: text color for the block */
   /*--accent-button-text: button text color */
   /*--accent-button-bg: button background color */
   /*--accent-button-border: button border */
   /*--accent-button-hover-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(--totalblack)); /* background for `invert` style block */
   --invert-header: var(--gray); /* main block header color */
   /*--invert-header-font: font property for main block header */
   --invert-subheader: var(--accent); /* block subheader color */
   /*--invert-suheader-font: font property for block subheader */
   --invert-text: var(--bg); /* text color for the block  */
   /* --invert-button-text: button text color  */
   --invert-button-bg: transparent; /* button background color */
   --invert-button-border: 2px solid 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: transparent; /* 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(--primary-subheader); /* block subheader color */
   /*--invert-accent-subheader-font: font property for block subheader */
   --invert-accent-text: var(--text); /* text color for the block */
   --invert-accent-button-text: var(--button-text); /* button text color */
   --invert-accent-button-bg: var(--button-bg); /* button background color */
   --invert-accent-button-border: var(--button-border); /* button border */
   /*--invert-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: 30px; /* padding for accented blocks */
   /*--accented-radius: border radius */
   --accented-bg: rgb(var(--lightgray));

   /* Another option for wrapper: `.post-info` class: */
   /*--info-font: font property */
   /*--info-bg: background */
   --info-padding: 30px; /*padding */
   --info-border: 1px solid rgb(var(--gray)); /* border */
   /*--info-radius: border-radius */

   /*Slick Slider Image gallery*/
   /*--slick-height: image height for `slick-ribbon` class Slick Slider */
   /*--slick-spacing: distance in pixels from top and bottom edges for the block */
   --slick-caption: var(--isotope-text); /*font property for the text caption on desktop (visible when hovered) */
   --slick-caption-case: uppercase; /*text-transform property for caption (`uppercase`, `lowercase`, `capitalize` or `none`) */
   --slick-caption-bg: rgba(var(--navy),0.6); /*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: linear-gradient(to bottom, transparent 30%, black 80%); /*caption is visible on mobile on this background */
   --slick-arrow-size: 100px; /*last/next arrow size in pixels (one value) */
   --slick-arrow-border: 10px solid transparent; /*border for last/next arrows */
   --slick-arrow-bg: rgba(var(--bg),0.75); /* 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: horizontal offset for last/next slick arrows */
   /*--slick-fadeout: image fadeout color for `slick-gallery` class Slick Slider */

   /* Isotope Layout Image Gallery */
   --isotope-spacing: 10px; /*spacing between individual images, this value is doubled */
   /*--isotope-border: border for individual images */
   /*--isotope-radius: border-radius form images */
   --isotope-bg: var(--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: normal normal 19px/1.1 var(--main-font);/* font property for image caption */
   --isotope-text: var(--bg); /*text color for image caption */
   --isotope-case: uppercase; /*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: last/next arrow size in pixels (one value) */
   /*--owl-arrow-offset:  horizontal offset for last/next arrows */

   /*--quote-text: text color for `.post-quote` class */
   --quote-bg: var(--accent); /*background for quote */
   --quote-border: 2px solid var(--bg); /*  border for quote */
   /*--quote-padding: padding for the quote block */
   /*--quote-radius: quote block radius */
   /*--quote-mark: font-property for quote marks (`.has-quote-before` and `.has-quote-after` extra classes) */
   --quote-color: var(--bg); /*quote marks color */
   /*--quote-scroll: thumb color for quote scroller (may appear on small sizes) */
   /*--quote-scroll-border: thumb border for quote scroller */
   /*--quote-scroll-bg: 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: 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: var(--accent2); /*background for the page footer */
   --footer-padding: 50px 20px 20px 20px; /*padding for the footer block */
   --footer-text: var(--bg); /*text color for the page footer */
   /*--footer-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: var(--accent); /*link to top background */
   --totop-hover: var(--accent2); /*color when hovered */
   /*--totop-hover-bg: background when hovered */

   /* Other elements */
   --mark-text: var(--bg); /*text color for `<mark>` tag */
   --mark-bg: rgba(var(--rust),1); /* background color for `<mark>` tag */

 }

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

    --menu-spacing: 10px;

   }
 }

 @media (max-width:768px) {
   :root {
    --inside-first-font: normal normal 50px/0.9 var(--main-font);
    --slick-arrow-size: 70px;

   }
 }

 @media (max-width:496px) {
   :root {
    --inside-first-font: normal normal 40px/0.9 var(--main-font);
    --header-font: normal normal 35px/0.8 var(--main-font);
   }
 }

 @media (max-width:365px) {
  :root {
   --inside-first-font: bold normal 33px/0.9 var(--main-font);
   --subheader-font: 600 normal 22px/1.1 var(--main-font); 
  }
}

 @media(max-width:992px) {
  .inside-first-block, .first-block {
    margin-top: calc(var(--logo-mobile) + 10px) !important;
  }
 }

 @font-face {
	font-family: 'MyryadPro';
	src: url("/fonts/user/MyriadPro-Regular.otf");
	src: url("/fonts/user/MyriadPro-Regular.otf") format("opentype"),;
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'MyryadPro';
	src: url("/fonts/user/MyriadPro-It.otf");
	src: url("/fonts/user/MyriadPro-It.otf") format("opentype"),;
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'MyryadPro';
	src: url("/fonts/user/MyriadPro-Semibold.otf");
	src: url("/fonts/user/MyriadPro-SemiBold.otf") format("opentype"),;
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'MyryadPro';
	src: url("/fonts/user/MyriadPro-SemiBoldIt.otf");
	src: url("/fonts/user/MyriadPro-SemiBoldIt.otf") format("opentype"),;
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'MyryadPro';
	src: url("/fonts/user/MyriadPro-Bold.otf");
	src: url("/fonts/user/MyriadPro-Bold.otf") format("opentype"),;
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'MyryadPro';
	src: url("/fonts/user/MyriadPro-BoldIt.otf");
	src: url("/fonts/user/MyriadPro-BoldIt.otf") format("opentype"),;
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'MyryadPro';
	src: url("/fonts/user/MyriadPro-Black.otf");
	src: url("/fonts/user/MyriadPro-Black.otf") format("opentype"),;
	font-weight: 1000;
	font-style: normal;
}

@font-face {
	font-family: 'MyryadPro';
	src: url("/fonts/user/MyriadPro-BlackIt.otf");
	src: url("/fonts/user/MyriadPro-BlackIt.otf") format("opentype"),;
	font-weight: 1000;
	font-style: italic;
}

@font-face {
	font-family: 'MyryadPro';
	src: url("/fonts/user/MyriadPro-Light.otf");
	src: url("/fonts/user/MyriadPro-Light.otf") format("opentype"),;
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'MyryadPro';
	src: url("/fonts/user/MyriadPro-LightIt.otf");
	src: url("/fonts/user/MyriadPro-LightIt.otf") format("opentype"),;
	font-weight: 100;
	font-style: italic;
}


 .rd-navbar-nav {
  flex-direction: row-reverse !important;
  align-items: flex-start !important;
 }

 .rd-navbar .rd-navbar-nav>li {
  transition: 0.5s all ease;
 }

 .rd-navbar-fixed .rd-navbar-brand {
  left: 25px;
 }

 .rd-navbar-fixed .rd-navbar-nav {
  display: flex;
  flex-direction: column-reverse !important;
 }

 @media(min-width:992px) {

  .rd-navbar .rd-navbar-nav>li {
    border-top:  8px solid rgb(var(--gray));
    margin-top: -20px;
   }

 }


 .rd-navbar .rd-navbar-nav>li:hover,  .rd-navbar .rd-navbar-nav>li.current {
  border-color: var(--accent);
 }

.rd-navbar-nav>li:first-of-type {
  display: none !important;
 }

 .bg-primary h2, .bg-primary .heading-2 {
  display: inline-flex;
  align-items: center;
}

.bg-header-plain h1, .accented-header , .accented-header  { 
  display: flex;
  align-items: center;
  margin-left: 5px;
  width: 100%;
}

.bg-header-plain h1, .bg-header-plain h2, .bg-header-plain p {
  text-shadow: 0 0 15px var(--bg);
}

.bg-header-plain h1::before, .accented-header::before, .accented-header.heading-2::before {
  content: "";
  min-width: 40px;
  width: 40px;
  height: 40px;
  background: var(--accent2);
  transform: rotate(45deg);
  display: inline-block;
  margin-right: max(calc(8.33% - 40px), 30px);
  margin-left: 5px;
  margin-top: 5px;
}

.accented-header::before, .accented-header.heading-2::before {
  margin-right: calc(8.33% - 50px);
}

@media(max-width: 992px) {

  .bg-header-plain h1::before, .accented-header::before, .accented-header.heading-2::before { 
    min-width: 33px;
    width: 33px;
    height: 33px;
    margin-right: 35px;
  }

}


@media(max-width: 576px) {

  .bg-header-plain h1::before, .accented-header::before, .accented-header.heading-2::before { 
    min-width: 25px;
    width: 25px;
    height: 25px;
    margin-right: 15px;
  }
}

@media(max-width: 576px) {

  .bg-header-plain h1, .accented-header, .accented-header.heading-2 { 
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start !important;
    margin-left: 0 !important;
  }
  .bg-header-plain h1::before, .accented-header::before, .accented-header.heading-2::before { 
    margin-bottom: 15px;
  }
}


.bg-invert .bg-header-plain h1::before, .bg-invert .accented-header::before, .bg-invert .accented-header.heading-2::before{
  background: var(--accent);
}

.contact-links {
  margin-top: 50px;
  position: relative;
  left: 15px;
  font: bold normal 20px/0.8 var(--main-font);
}

.first-block .contact-links {
  margin-top: 30px;
}


.contact-links .fa {
  position: relative;
  margin-top: 10px;
  margin-bottom: 30px;
  font-variant: small-caps;
  display: block;
  display: flex;
  align-items: center;
}

.contact-links .fa::before {
  color: var(--icon-text);
  text-align: center;
  font-size: 14px;
  margin-right: 20px;
  display: inline-block;
  width: 20px;
  text-align: center;
  position: relative;
  z-index: 1;
}

.fa::before {
  z-index: 1;
}

.rd-navbar-element .list-icons .icon::after, .contact-links .fa::after {
  content: "";
  position: absolute;
  transform: rotate(45deg);
  background: rgb(var(--rust)); 
  width: 100%;
  height: 100%;
  z-index: 0;
  left: 0%;
  top: 0%;
}

.contact-links .fa::after {
  width: 30px;
  height: 30px;
  left: -8px;
  top: calc(50% - 15px);
}

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

footer img {
  max-width: 50px;
  margin-bottom: -20px;
  margin-top: -10px;
  margin-left: -5px;
}

.rd-navbar-fullwidth .rd-navbar-nav>li, .rd-navbar-static .rd-navbar-nav>li {
  align-items: flex-start !important;
}

.rd-navbar-fullwidth .rd-navbar-nav>li, .rd-navbar-static .rd-navbar-nav>li>a {
  text-align: left !important;
}

/*
.rd-navbar-main {
  align-items: flex-start !important;
}*/

.brand .brand__name {
  flex-direction: row;
  align-items: center;
  margin-right: -80px;
}

.brand__name b {
  color: var(--accent);
}

.brand__slogan {
  transition: 0.5s all ease;
}

.rd-navbar-fixed .rd-navbar-brand .brand__slogan, .rd-navbar--is-stuck .brand__slogan {
  display: block;
  padding-left: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 20px;
}

footer .rd-navbar-nav {
  text-transform: uppercase;
}

li.current a {
  font-weight: bold !important;
}

footer .rd-navbar-nav a:hover, footer li.current a {
 color: rgb(var(--rust)) !important; 
}

.first-block::before {
  width: max(200px, 40%) !important;
  border-right: 25px solid var(--bg);
}

.first-block {
  background-position: 200px 50% !important;
  background-repeat: no-repeat;
}

.first-info, .bg-image .blog-head {
  margin-left: auto;
  margin-right: auto;
  background: linear-gradient(to right, var(--bg) 20%,rgba(var(--white),0.6));
  padding: 50px;
  margin-bottom: -10px;
  min-width: 450px;
}

.inside-first-block.bg-header-plain h1:not(.blog-header) {
  margin-top: -50px !important;
  margin-bottom: -30px !important;
  /*margin-left: 10px;*/
}

.inside-first-block.bg-header-plain .blog-date { 
  margin-top: -50px !important;

}

.inside-first-block.bg-image .range>div:not(.blog-head) {
  background: linear-gradient(to right, var(--bg) 20%,rgba(var(--white),0.8));
  min-height: 200px;
  max-width: 600px;
  padding-left: 30px;
  margin-left: 40px;
}

.bg-header-plain .blog-head {
  padding: 0;
}

.inside-first-block.bg-header-plain + section {
  padding-top: 0 !important;
}

.right-arrow {
  font-weight: bold;
  padding-left: 10px;
}

/*
input, select, textarea {
  border-bottom-width: 5px !important;
}*/

#contact_info .range {
  align-items: center !important;
  justify-content: center !important;
}

#about_photos {
  padding-bottom: 0 !important;
  margin-bottom: -40px !important;
}

.thumb-ruby__title {
  display: none !important;
}

#about_photos {
  margin-top: -50px !important;
}  

@media(max-width:992px) {

  #about_photos {
    margin-top: -20px !important;
  }  

}

@media(max-width:576px) { 

  #about_photos .infoblock {
    margin-left: 20px;
  }
}

@media(min-width:768px) {  

#about_photos .range {
  align-items: flex-end;
}

}

#about_photos .infoblock {
  margin-bottom: 50px;
}

.content p.text-bold, .post-info .blog-subheader, .blog-author-caption, .blog-feed .blog-subheader, .blog-calendar .blog-header, .blog-tags:before {
 font: bold normal 19px/1.1 var(--main-font);
 margin-top: 5px;
 margin-bottom: 5px;
}

.blog-author-caption, .blog-calendar .blog-header {
  text-transform: uppercase;
}

.head-not-found p {
  max-width: 500px;
  margin-top: 50px;
}

.blog-date, .blog-date-short {
  color: rgb(var(--darkgray));
}

.inside-first-block .blog-date, .inside-first-block .blog-num {
  display: inline-block;
  border-radius: 5px;
  padding: 3px 5px !important;
  background-color: rgba(var(--black),0.2);
  color: var(--bg);
  font-weight: bold;
  margin-bottom: 10px;
}

.blog-author, .blog-author-name {
  font-style: italic;
}

.bg-image .blog-header {
  text-transform: uppercase;
  font-weight: bold;
}

.bg-image .blog-header:has(b) {
  font-weight: normal;
}

.blog-header small {
  display: block;
  margin-top: 0;
  font: var(--header-font);
}

.blog-subheader {
  font: var(--subheader-font);
  color: var(--accent);

}

.blog-subheader:empty:before
{
    content: "";
    margin-left: -10px;
}

.bg-image.inside-first-block:before {
  display: none;
}

.post-info {
  border-bottom-width: 5px;
}

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

.blog-feed p {
  min-height: unset;
  margin-bottom: 20px;
}

.post-info .infoblock {
  border: 2px dashed var(--accent2);
  background-color: var(--bg);
  padding: var(--info-padding);
  margin: -32px;
  margin-bottom: -35px;
  padding-bottom: 20px;
}

.bg-primary + .bg-invert-accent {
  padding-top: 0 !important;
  margin-top: -70px !important;
  padding-bottom: 0 !important;
  margin-bottom: -50px !important;
}

.bg-invert-accent {
  padding-bottom: 0 !important;
  margin-bottom: -50px !important;
}

.bg-invert-accent img {
  border-radius: 50%;
}

.bg-invert-accent .range {
  align-items: center !important;
}

@media(min-width:768px) {
  .bg-invert-accent .range {
    position: relative;
    left: 8.33%;
  }
  .bg-invert-accent .infoblock {
    max-width: min(600px,75%);
  }
  
}


.blog-element {
  flex-basis: 100%;
}

#last_next {
  background: var(--accent-bg);
  padding-top: 50px;
  padding-bottom: 40px;
}

#last_next .range>div {
  display: flex;
  justify-content: space-between;
}

.blog-last a, .blog-next a {
  display: flex;
  align-items: center;
}

@media(min-width:992px){
  .blog-last a, .blog-next a {
    max-width: 80%;
  }

}

.blog-last a span, .blog-next a span {
  display: block;
}

.blog-last a span span:not(.blog-header), .blog-next a span span:not(.blog-header) {
  display: block;
  color: rgb(var(--darkgray));
  margin-top: 5px;
}


.blog-last .blog-header, .blog-next .blog-header {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 5px;
}


.blog-last a .blog-date, .blog-next a .blog-date {
  font-size: 13px !important;
}

.blog-last {
  text-align: left;
}

.blog-next {
  display: inline-flex;
  justify-content: flex-end;
}

.blog-next a {
  justify-content: flex-end;
  text-align: right;
}

.slick-next, .slick-prev {
  filter: invert(1);
}

.blog-last a::before, .blog-next a::after {
  font: var(--subheader-font);
  min-width: var(--slick-arrow-size);
  height: var(--slick-arrow-size);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.blog-last a:hover::before, .blog-next a:hover::after
{
 filter: invert(31%) sepia(12%) saturate(2812%) hue-rotate(331deg) brightness(98%) contrast(92%);
}

.blog-last a::before {
  /*content: "\2190";*/
  content: "";
  background-image: url(/images/arrow-prev.png);
}


.blog-next a::after {
  /*content: "\2192";*/
  content: "";
  background-image: url(/images/arrow-next.png);
}

.blog-element + .blog-element:not(.blog-next) {
  margin-top: 10px;
}

#featured .cell-xs-0 .content {
  padding-left: 80px;
  padding-right: 40px;
}

@media(min-width:1200px) {
  #featured .cell-xs-0 .content {
    padding-left: calc(16.66% - 10px);
  }
}


#ui-to-top {
  background: transparent !important;
  overflow: visible !important;
}

#ui-to-top::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: var(--totop-bg);
  transform: rotate(-45deg) scale(0.9);
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

@media(max-width:1200px) {
  .feed-entry {
    padding-left: 95px;
  }

}

.post-info p span {
  display: block;
}

.post-info p span:last-child::after, .blog-feed p span:last-child::after, .blog-calendar .blog-header::after {
  content: "\2192";
  display: inline-block;
  padding-left: 10px;
  font-weight: bold;
}

.post-info .blog-date, .blog-feed .blog-date {
  margin-top: 10px;
}

.post-info .blog-header, .blog-feed .blog-header {
  font: var(--subheader-font);
  text-transform: var(--subheader-case);
  color: var(--accent);
  line-height: 1;
  margin-top: 10px;
  margin-bottom: 5px;
}

.post-info .blog-subheader, .blog-feed .blog-subheader {

  color: var(--text);
}


.load-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.load-more::before {
  content: "+";
  display: inline-block;
  padding-right: 20px;
  margin-left: -10px;
  font-size: 20px;
  font-style: italic;
}

a .post-info:hover {
  background: rgb(var(--lightgray));
}

#blog_authors .infoblock-has-image-left {
      padding-left: 80px;
}

#blog_authors .infoblock-image-left {
  height: 200px;
  max-width: unset;
  border-radius: 50%;
  margin-right: auto;
}

#journals .infoblock-image-left {
  height: unset;
  max-height: unset;
  max-width: calc(100% + 31px);
  margin-right: -16px;
}


@media(min-width:768px) {
  #blog_authors .infoblock-image-left {
    margin-right: 50px;
  }

  #journals .infoblock-image-left {
    max-width: 50%;
    margin-right: 20px;
  }
  

}

div:not(.blog-authors-feed) + .blog-authors-feed {
  margin-top: 60px !important;
}

.inside-first-block mark {
  background-color: var(--accent2);
  padding: 5px;
  padding-right: 10px;
  display: inline-block;
  border-radius: var(--button-radius);
}

.inside-first-block h1 em {
  color: var(--accent);
  font-style: normal;
} 

.bg-header-plain  .blog-header {
  text-transform: uppercase;
}

/*
.bg-header-plain .blog-head .blog-header + * {
  margin-top: 40px;
}*/

.blog-feed p span {
  display: block;
}

.buttons-after {
  max-width: 100% !important;
  flex-basis: 100% !important;
  padding-left: 95px;
  margin-top: 0px;
}

@media(max-width:1120px) {
  .rd-navbar-static .rd-navbar-nav>li+li {
    margin-left: 10px;
  }
}

.blog-calendar {
  padding-left: 95px;;
}

.blog-calendar h3 
{
  font: var(--header-font);
  border-bottom: 5px solid rgb(var(--gray));
  padding-bottom: 10PX;
}

.blog-calendar .blog-calendar-year {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;

}

.blog-calendar .blog-calendar-month, .blog-calendar .blog-calendar-month a {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
}

.blog-calendar .blog-header {
  margin-top: 10px;
  margin-bottom: 0 !important;
}

.blog-calendar .blog-calendar-month-header {
  font: var(--subheader-font);
  margin-bottom: 5px;
  color: var(--accent2);
}

@media(min-width:768px) {
  .blog-calendar .blog-calendar-month {
    flex-basis: 50%;
  }
}

@media(min-width:992px) {
  .blog-calendar .blog-calendar-month {
    flex-basis: 33%;
  }
}

#journals-short img {
  margin-top: 20px;
  outline: 10px solid rgb(var(--lightgray));
  margin-left: 80px;
}

#journals .infoblock-image-left {
  margin-left: -15px;
}

#journals-short h3 {
  padding-left: 80px;
}

.bg-invert .infoblock-has-image-left {
  background: var(--bg);
  color: var(--text);

}

.sharer-icon {
  border-radius: var(--button-radius);
}

.blog-tags a {
  text-decoration: underline;
  padding-left: 5px;
  padding-right: 5px;
}

#blog_keywords1 p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.tag-cloud { 
  display: inline-block;
  padding-top: 1px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 5px;
  padding-bottom: 3px;
  text-transform: lowercase;
  line-height: 0.9;
  margin-bottom: 10px;
  border-radius: 20px;
}

.bg-primary .tag-cloud {
  border: 5px solid var(--bg);

}

.bg-accent .tag-cloud {
  border: 5px solid rgb(var(--lightgray));
}

.bg-primary .tag-cloud {
  background-color: rgb(var(--gray));
}

.bg-accent .tag-cloud {
  background-color: rgb(var(--white));
}

.tag-cloud:hover {
  background-color: var(--accent);
  color: var(--bg);
}

.blog-tags:before
{
  content: "Tags";
  display: inline-block;
  padding-right: 20px;
  text-transform: uppercase;
}

.blog-tags:empty {
  display: none;
}

.blog-tags {
  display: flex;
  margin-top: 30px !important;
  align-items: center;
}

.tag-cloud.cloud-header {
  margin-left: 80px;
  margin-bottom: 10px;
  display: inline-block;
}

#blog_feed .post-info, #latest .post-info, #authors .post-info {
  margin: 0;
  margin-left: 80px;
  min-height: 250px;
}

.blog-feed p {
  margin: 0;
  margin-left: max(calc(8.33% + 30px),80px);
} 

@media(max-width:992px) {
  #featured .content {
    padding-right: 0;
  }
}

@media(min-width:576px) {
  .bg-header-plain p, .bg-header-plain h2 {
    margin-left: max(calc(8.33% + 15px),80px)
  }
}

.bg-header-plain .blog-date {
  margin-left: max(calc(8.33% + 10px), 80px) !important;
}


@media(max-width:768px) {

  .first-info, .bg-image .blog-head {
    min-width: unset;
  }

  #about_photos .range {
    flex-direction: column-reverse;
  }

  #blog_feed .post-info, #latest .post-info, #authors .post-info, .blog-feed p, #journals-short img {
    margin-left: 0;
  }
  .buttons-after, .blog-calendar, .feed-entry {
    padding-left: 15px;
  }

  #featured .content, #journals-short h3, #blog_authors .infoblock-has-image-left {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .inside-first-block.bg-header-plain h1:not(.blog-header) {
    margin-left: -15px;
  }

  .bg-invert-accent .image-wrapper img {
    max-width: 70%;
    margin-right: auto;
  }

  #blog_feed .post-info, #latest .post-info, #authors .post-info, .blog-feed p {
    min-height: unset;
  }

}

@media(max-width:576px) {

  .bg-header-plain p, .bg-header-plain h2 {
    margin-left: 5px;
  }

  .bg-header-plain .blog-date {
    margin-left: 5px !important;
  }

  .inside-first-block.bg-image .range>div:not(.blog-head) {
    margin-left: 0 !important;
  }


}

@media(max-width:576px) { 
  #last_next .range>div {
    flex-direction: column;
  }
  .blog-next {
    margin-top: 40px;
  }

  footer .rd-navbar-nav {
    flex-direction: column-reverse !important;
  }

  .rd-navbar-fixed .rd-navbar-brand .brand__slogan, .rd-navbar--is-stuck .brand__slogan {
    padding-left: 10px;
   }
  
}

@media (max-width:365px) {
  .bg-image .blog-header {
    word-break: break-word;
  }

  .first-info, .bg-image .blog-head {
    padding: 20px;
  }

}


.infoblock-has-image-left:not(.no-image), .infoblock-has-image-left:not(.no-image)>a {
  align-items: flex-start !important;
}

.image-bg-left .post-info {
  border: 0 !important;
}

.image-bg-left .infoblock {
  margin-left: auto !important;
  max-width: 70% !important;
}

.blog-element.blog-author-addon {
  margin-top: -50px;
  line-height: 1.3;
}

.blog-element.blog-author-addon::first-line {
  font-style: italic;
  line-height: 1.9;
}

.infoblocks-number {
  color: rgb(var(--blue));
  font-size: 70px;
  font-weight: 200;
  line-height: 0.7;
  top: 4px;
  left: 0;
  display: inline-block;
  width: calc(8.33% + 30px);
  position: absolute;
  letter-spacing: -0.15em;
  text-align: right;
}

.infoblocks-numbered {
  padding-left: calc(8.33% + 50px);
  position: relative;
}

.infoblocks-numbered p {
  max-width: 75%;
}

.page-secret-hero {
  background-image: url(/images/head-blog8-secret.jpg);
  background-size: auto 500px;
  background-position: top right;
  background-repeat: no-repeat;
}

.page-blog-authors-olga .blog-head {
  background: linear-gradient(to left, rgba(var(--white),1),rgba(var(--white),0.1));
}

.page-blog-authors-olga .inside-first-block {
  background-size: auto 100% !important;
  background-position: left center;
  background-repeat: no-repeat;
  background-color: #dacabb;
}

.page-blog-authors-olga .blog-head h1, .page-blog-authors-olga .blog-head h2, .page-blog-authors-olga .blog-head p {
  text-shadow: 0 0 15px #dfd2c7;
}

.page-secret-hero .inside-first-block {
  min-height: 430px;
}

.page-secret-hero .infoblocks-number {
  font-size: 40px;
  font-weight: 400;
  margin-top: -10px;
}

.page-bankruptsy-made-simple .inside-first-block, .page-construction-engineer .inside-first-block {
  background-size: auto 80%;
  background-position: 80% 50% ;
  background-repeat: no-repeat;
  background-color: var(--accent-bg);
  background-blend-mode: multiply;
}

.page-construction-engineer .inside-first-block { 
  background-size: cover;
}

#blog12 .blog-head {
  background: linear-gradient(to right, var(--bg), transparent 90%) !important;
}



@media(max-width:992px) {

  .page-blog-authors-olga .inside-first-block {
    background-position: -80px 0;

  }

}

#journals .text-italic {
  margin-top: -10px !important;
}

#journals .infoblock-has-image-left span {
  padding: 30px 20px 30px 20px;
}

@media(min-width: 992px) {
  #journals .infoblock-has-image-left {
    align-items: center !important;
    max-width: calc(83.34% - 30px);
    margin-left: auto;
    margin-right: auto;
  }
 
  
}

@media(min-width: 1200px) {
  #journals .infoblock-has-image-left span {
    padding: 60px 50px 60px 50px;
  }

  #journals .text-italic:not(:last-of-type) {
    margin-bottom: 20px !important;
  }

  #blog_feed .post-info, #latest .post-info, #authors .post-info, .feed-entry:not(.infoblocks-numbered), #journals-short img, .tag-cloud.cloud-header {
    margin-left: max(8.33%, 95px);
  }

  .blog-calendar, .buttons-after, #journals-short h3 {
    padding-left: max(calc(8.33% + 15px), 95px);
  }

  #featured img {
    max-height: 360px;
  }
 
}


@media(min-width:1200px) {
  .bg-primary .range:has(img) .infoblock p {
    max-width: 80%;
  }

}

#blog14-upsell .range {
  align-items: center !important;
}

#blog14-upsell .blog14-discount {
  padding: 50px;
  outline: 3px dashed #c81332;
  background-color: #d3a35c;
  color: var(--bg);

}

#blog15-upsell img, #blog16-upsell img {
  border: 3px dashed #c81332;
  margin-top: -30px;
  margin-bottom: 20px;
}

@media(max-width:992px) and (min-width:768px) {
  #blog15-upsell img {
    margin-bottom: 40px;
  }
}

#blog15-upsell .range, #blog16-upsell .range {
  align-items: center !important;
}


#blog14-upsell .blog14-discount * {
  color: var(--bg);
}

@media(min-width:768px) {
  #blog14-upsell .blog14-addon {
    padding-left: 50px;
  }
}

#gallery .thumb-ruby__caption {
  background: linear-gradient(to bottom, transparent 30%, var(--accent2) 80%);
  opacity: 0;
  transition: 0.5s all ease;
  justify-content: flex-end;
}

.mobile #gallery .thumb-ruby__caption, .tablet #gallery .thumb-ruby__caption, #gallery .thumb-ruby:hover .thumb-ruby__caption, #gallery .thumb-ruby:hover img {
  opacity: 1;
}

.sharer-mode-inline .icon {
  margin-top: 5px;
}

.sharer-mode-inline .icon:first-of-type {
  margin-left: 5px !important;
}

.sharer-widget {
  margin-left: -5px;

}

.sharer-widget h4 {
  margin-left: 5px;
}

p.list-item>* {
  width: 100%;
}