/* ----------------------------------------
    Stylesheet Guide
 ------------------------------------------

    1. Base
    2. Layout
    3. Components
    4. Pages

---------------------------------------------------------- */

/* ----------------------------------------
    1. Base
 ---------------------------------------- */

    /* ----------------------------------------
Reset
     ---------------------------------------- */

* {
    margin: 0;
    padding: 0;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, main {
    display: block;
}

mark, rp, rt, ruby, summary, time {
    display: inline;
}

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
    background: transparent;
    border: 0 none;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
}

a {
    text-decoration: none;
    outline: none !important;
    vertical-align: baseline;
}

b, strong {
    font-weight: bold;
}

ul, ol {
    list-style: none;
}

q {
    quotes: none;
}

table, table td {
    padding: 0;
    border: none;
    border-collapse: collapse;
}

img {
    vertical-align: top;
    max-width: 100%;
}

embed {
    vertical-align: top;
}

input, textarea {
    font-family: inherit;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

input, button {
    -webkit-appearance: none;
    outline: none;
    background: transparent;
}

button::-moz-focus-inner {
    border: 0;
}

th {
    text-align: left;
}

textarea {
    outline: none !important;
}

button {
    cursor: pointer;
    color: inherit;
    font-family: inherit;
}

html, body {
    min-height: 100%;
    height: 100%;
}

fieldset, legend, label, select, input, textarea, form, button, optgroup {
    -webkit-appearance: none !important;
}

i,.fa, .fab, .fal, .far, .fas {
    line-height: inherit;
}

    /* ----------------------------------------
Global
    ---------------------------------------- */

.mad-page-wrapper {
    overflow: hidden;
}

body {
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: initial !important;
}

html {
    overflow-y: initial !important;
}

::-webkit-selection {
    color: var(--color-neutral-0);
    background-color: var(--color-neutral);
}

::-moz-selection {
    color: var(--color-neutral-0);
    background-color: var(--color-neutral);
}

::selection {
    color: var(--color-neutral-0);
    background-color: var(--color-neutral);
}

mark {
    color: var(--color-neutral-0);
    background-color: var(--color-neutral);
}

mark.style-2 {
    color: var(--color-neutral-80);
    background-color: var(--color-neutral-15);
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.page-wrapper {
    overflow: hidden;
}

[data-bg-image-src] {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.animated {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
}

.w-100 {
    width: 100%;
}

    /* ----------------------------------------
Typography
    ---------------------------------------- */

:root {
    font-size: 16px;

    --color-primary: #DEC190;
    --color-primary-darker: #ffc149;
    --color-primary-lighter: #D99527;
    --color-primary-50: #DEC190;
    --color-primary-25: #EEDDC1;
    --color-primary-10: #F9EFDE;
    --color-primary-5: #FAF7F0;

    --color-neutral: #221b0e;
    --color-neutral-80: #403C33;
    --color-neutral-60: #69665E;
    --color-neutral-40: #999791;
    --color-neutral-20: #C9C6C3;
    --color-neutral-15: #D9D7D4;
    --color-neutral-10: #E5E5E5;
    --color-neutral-5: #F3F3F3;
    --color-neutral-0: #fff;

    --color-secondary: #573B0F;
    --color-secondary-80: #705A37;
    --color-secondary-60: #918064;
    --color-secondary-40: #B5A994;
    --color-secondary-20: #D4CDC1;
    --color-secondary-10: #F5F0E9;
    --color-secondary-5: #FAF8F5;
}

@font-face {
    font-family: Anglecia; 
    src: url(../fonts/Anglecia-Pro-Display/Anglecia-Pro-Display.otf); /* Путь к файлу со шрифтом */
}

body {
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: var(--color-neutral-80);
}

address:not(:last-child) {
    margin-bottom: 1.625rem;
}

q, kbd, strong, em, tt, var, span, del, big, small {
    vertical-align: baseline;
}

/* ----------------------------------------
    Headings
---------------------------------------- */

    h1, h2, h3, h4, h5, h6 {
color: var(--color-neutral);
font-family: Anglecia, sans-serif;
font-weight: 400;
letter-spacing: -0.5px;
    }

    h1:not(:last-child) {
margin-bottom: 3rem;
    }

    h2:not(:last-child) {
margin-bottom: 2.5rem;
    }

    h3:not(:last-child) {
margin-bottom: 2rem;
    }

    h4:not(:last-child) {
margin-bottom: 1.5rem;
    }

    h5:not(:last-child) {
margin-bottom: 1.5rem;
    }

    h6:not(:last-child) {
margin-bottom: 1.5rem;
    }

    h1 {
font-size: 4rem;
line-height: 4.5rem;
    }

    h2 {
font-size: 3.5rem;
line-height: 4rem;
    }

    h3 {
font-size: 3rem;
line-height: 3.5rem;
    }

    h4 {
font-size: 2.25rem;
line-height: 3rem;
    }

    h5 {
font-size: 1.875rem;
line-height: 2.5rem;
    }

    h6 {
font-size: 1.5rem;
line-height: 2rem;
    }

    .mad-title-wrap:not(:last-child) {
margin-bottom: 2.5rem;
    }

    .mad-title-wrap .mad-section-title:not(:last-child),
    .mad-title-wrap .mad-page-title:not(:last-child) {
margin-bottom: 1rem;
    }

    .mad-section--stretched-content-no-px .mad-title-wrap .mad-page-title {
padding: 0;
    }

    .mad-title-wrap.type-2 {
display: flex;
flex-wrap: wrap;
row-gap: 1rem;
column-gap: 1rem;
justify-content: space-between;
align-items: flex-end;
    }

/* ----------------------------------------
    Paragraphs
---------------------------------------- */

    p:not(:last-child) {
margin-bottom: 1rem;
    }

    .mad-text-mini {
font-size: 0.8125rem;
line-height: 1rem;
    }

    .mad-text-small {
font-size: 0.875rem;
line-height: 1rem;
    }

    p.mad-text-small:not(:last-child) {
margin-bottom: 1rem;
    }

    .mad-text-medium {
font-size: 1.125rem;
line-height: 2rem;
    }

    .mad-text-medium b {
font-weight: 700;
    }

    .mad-text-medium:not(:last-child) {
margin-bottom: 1.5rem;
    }

    .mad-text-color-2 {
color: var(--color-neutral-80);
    }

    .mad-text-color-3 {
color: var(--color-neutral-60);
    }

    .mad-text-color-4 {
color: var(--color-neutral-20);
    }

    .mad-signa {
font-size: 0.875rem;
line-height: 1rem;
color: var(--color-neutral-60);
    }

    .mad-signa img:not(:last-child) {
margin-bottom: 0.5rem;
    }

    .mad-section-svg {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
    }

    .mad-section-svg.to-right {
left: auto;
right: 0;
    }

    .mad-section-svg.to-left-2 {
left: 10%;
    }

    .mad-section-svg.to-left-2 img {
margin-top: -8rem;
    }

    .mad-section-svg.to-bottom {
top: auto;
bottom: 0;
right: 0;
opacity: 0.07;
    }

    .mad-page-side .mad-section--stretched-content-no-px {
margin-left: -4rem!important;
margin-right: -4rem!important;
    }

/* ----------------------------------------
    Links
---------------------------------------- */

    a {
color: inherit;
    }

    .mad-link,
    a,
    button {
transition: all .5s ease;
    }

    .mad-link {
color: var(--color-primary);
    }

    .mad-link:hover {
color: var(--color-primary-lighter);
    }

/* ----------------------------------------
    Icons
---------------------------------------- */

    [class*="mad-font-icon"] {
line-height: 1;
    }

    /* ----------------------------------------
Utils classes
    ---------------------------------------- */

.mad-d-none {
    display: none;
}

.mad-fw-bold {
    font-weight: bold;
}

.mad-fw-medium {
    font-weight: 500;
}

.mad-tt-uppercase {
    text-transform: uppercase;
}

.mad-d-down-xxxl-none {
    display: none;
}

.mad-fw-down-xxxl-bold {
    font-weight: bold;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

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

.align-right {
    text-align: right;
}

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

.img-wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: -1rem;
}

.img-wrap > * {
    margin-bottom: 1rem;
}

img.alignleft{
    margin-right: 2rem;
}

img.alignright{
    margin-left: 2rem;
}

/* ----------------------------------------
    2. Layout
---------------------------------------- */

    /* ----------------------------------------
Preloader
    ---------------------------------------- */

.mad-preloader-circle,
.mad-preloader {
    position: fixed;
    width: 260vw;
    height: 260vw;
    margin-left: -130vw;
    margin-top: -130vw;
    background-color: #fff;
    z-index: 50;
    border-radius: 50%;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
    -webkit-transition-duration: 700ms;
    transition-duration: 700ms;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.mad-preloader-circle {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
}

.mad-preloader {
    left: 50%;
    top: 50%;
}

.mad-preloader-circle, .mad-preloader.mad-preloader--disappearing {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}

.mad-preloader-circle--appearing {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

    /* ----------------------------------------
Critical full screen message
    ---------------------------------------- */

.mad-body--has-critical-fullscreen-message {
    overflow: hidden !important;
}

.mad-fullscreen-message {
    position: fixed;
    z-index: 49;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    font-family: 'Arial', serif;
    font-size: 1.875rem;
    line-height: 2.34375rem;
    color: #313131;
    background-color: #fff;
    padding: 2rem;
    overflow: auto;
}

.mad-fullscreen-message .mad-aligner-inner {
    vertical-align: middle;
}

.mad-fullscreen-message-before {
    font-size: 3.25rem;
    line-height: 4rem;
}

.mad-fullscreen-message-before:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-fullscreen-message-before:empty,
.mad-fullscreen-message-after:empty {
    display: none;
}

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

.mad-header {
    position: relative;
    z-index: 25;
}

[class*="mad-header-section--sticky"] {
    padding-top: 10px;
    padding-bottom: 10px;
}

[class*="mad-header-section--sticky"].mad-header-section--sticked {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    background: var(--color-neutral-0);
}

.mad-header--transparent.mad-header--transparent-single {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 25;
}

.mad-logo {
    display: block;
}

.mad-login {
    display: flex;
    align-items: center;
    column-gap: 1rem;
    color: var(--color-neutral);
}

.mad-login i {
    font-size: 1rem;
}

.mad-header-section--sticky-xl .mad-scroll-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.mad-header-section--sticked.mad-header-section--sticky-xl .mad-scroll-nav.visible {
    opacity: 1;
    visibility: visible;
}

/* ----------------------------------------
    Header Section
---------------------------------------- */

    .mad-header-section {
display: block;
    }

    .mad-header-section:not(:last-child) {
margin-bottom: 3.5rem;
    }

/* ----------------------------------------
    Header Items
---------------------------------------- */

    .mad-header-items {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: space-between;
    }

    .mad-header-item {
display: flex;
align-items: center;
column-gap: 2.5rem;
    }

    .mad-navigation-container {
display: flex;
    }

    .mad-actions {
display: flex;
align-items: center;
column-gap: 2rem;
font-size: 0.875rem;
    }

    .mad-actions .mad-col > a:not(.btn),
    .mad-actions .mad-col > button:not(.btn) {
position: relative;
color: var(--color-neutral);
    }

    .mad-dropdown.mad-lang > a:after {
content: "keyboard_arrow_down";
font-family: 'Material Icons';
font-size: 1.125rem;
margin-left: 0.625rem;
max-width: 0.875rem;
line-height: 1rem;
vertical-align: middle;
    }

    .mad-img-move {
transition: all 2s ease;
    }

/* Header 2 */

.mad-header.header-2,
.mad-header.header-2.mad-header--transparent [class*="mad-header-section--sticky"] {
    background: transparent;
}

.mad-header.header-2.mad-header--transparent [class*="mad-header-section--sticky"].mad-header-section--sticked,
.mad-header.header-2 [class*="mad-header-section--sticky"] {
    background: var(--color-neutral-80);
}

.mad-header.header-2 .mad-header-items > .mad-header-item {
    width: 33.3333%;
}

.mad-header.header-2 .mad-header-items > .mad-header-item:nth-child(2) {
    justify-content: center;
}

.mad-header.header-2 .mad-header-items > .mad-header-item:last-child {
    justify-content: flex-end;
}

.mad-header.header-2 .mad-our-info .mad-info,
.mad-header.header-2 .mad-actions {
    color: var(--color-neutral-0);
}

.mad-header.header-2 .mad-nav-btn .line {
    background: var(--color-neutral-0);
}

.mad-header.header-2:not(.mad-header--transparent) [class*="mad-header-section--sticky"] {
    min-height: 9rem;
    padding: 2rem 0;
    display: flex;
    align-items: center;
}

.mad-header.header-2 .mad-navigation {
    align-items: center;
}

.mad-header.header-2:not(.mad-header--transparent) .mad-header-items > .mad-header-item {
    width: 19.5%;
}

.mad-header.header-2:not(.mad-header--transparent) .mad-header-items > .mad-header-item:nth-child(2) {
    flex: 1;
}

.mad-header.header-2:not(.mad-header--transparent) .mad-header-items > .mad-header-item:nth-child(2) {
    justify-content: flex-start;
}

a.mad-logo:before {
    display: none;
}

.mad-header.header-2 .mad-actions .mad-col > a:not(.btn), 
.mad-header.header-2 .mad-navigation > li > a,
.mad-header.header-2 .mad-navigation > li.menu-item-has-children:after {
    color: var(--color-neutral-0);
}

.mad-header.header-2 .mad-navigation > li > a::before {
    background: var(--color-neutral-0);
}

/* Header 3 */

.mad-header.header-3 .btn.btn-huge {
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 0.875rem;
}

.mad-header.header-3 .container-fluid {
    position: relative;
}

.mad-header.header-3 .mad-header-section--sticky-xl:not(.mad-header-section--sticked) .mad-header-items {
    position: relative;
}

.mad-header.header-3 .mad-navigation > li > a,
.mad-header.header-3 .mad-navigation > li.menu-item-has-children:after {
    color: var(--color-neutral-0);
}

.mad-header.header-3 .mad-header-section--sticky-xl {
    padding: 0;
}

.mad-header.header-3.mad-header--transparent .mad-header-section--sticky-xl .mad-logo {
    padding: 0 2.5rem;
}

.mad-header.header-3.mad-header--transparent .mad-header-section--sticky-xl {
    background: transparent;
}

.mad-header.header-3 .mad-header-section--sticky-xl {
    background: var(--color-secondary);
}

.mad-header.header-3.mad-header--transparent .mad-header-section--sticky-xl.mad-header-section--sticked {
    background: var(--color-secondary);
    margin: 0 4rem;
}

.mad-header.header-3 .mad-navigation > li > a::before {
    background: var(--color-neutral-0);
}

.mad-header.header-3 .mad-navigation > li > .sub-menu {
    margin-top: 2.5rem;
}

.mad-header.header-3 .mad-navigation .sub-menu:after {
    height: 3rem;
}

.mad-pre-header {
    font-size: 0.875rem;
    color: var(--color-neutral);
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.mad-pre-header .mad-lang .mad-dropdown-element {
    margin-top: 1.5rem;
}

.mad-header.header-3 .mad-pre-header .mad-lang .mad-dropdown-element {
    top: 1.25rem;
}

.mad-header.header-3.mad-header--transparent + .rev_slider_wrapper {
    margin-top: -6rem;
}

.mad-header.header-3 .mad-actions .mad-dropdown-cart .mad-dropdown-title {
    color: var(--color-neutral-0);
}

.mad-header.header-3 .mad-dropdown-cart .shopping-cart {
    right: 0;
}

/* Header 4 */

.mad-header.header-4.mad-header--transparent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
}

.mad-header.header-4.mad-header--transparent .mad-pre-header {
    padding-top: 3.25rem;
}

.mad-header.header-4 .mad-header-section--sticky-xl {
    background: var(--color-neutral);
}

.mad-header.header-4 .mad-navigation > li > a,
.mad-header.header-4 .mad-navigation > li.menu-item-has-children:after,
.mad-header.header-4 .mad-actions,
.mad-header.header-4 .mad-actions .mad-col > a:not(.btn),
.mad-header.header-5 .mad-actions,
.mad-header.header-5 .mad-actions .mad-col > a:not(.btn),
.mad-header.header-5 .mad-navigation > li.menu-item-has-children:after {
    color: var(--color-neutral-0);
}

.mad-header.header-4.mad-header--transparent .mad-actions {
    column-gap: 2.5rem;
}
.mad-header.header-5 .mad-navigation > li > a
{
	color: var(--color-secondary);
	font-size: 18px;
	text-transform: capitalize;
	padding-left: 8px;
	padding-right: 8px;
}

.mad-header.header-4 .mad-logo {
    padding-right: 4.25rem;
}

.mad-icon {
    display: flex;
    align-items: center;
}

.mad-header.header-4 .mad-weather-section {
    font-family: 'Roboto', sans-serif;
    column-gap: 0.75rem;
}

.mad-header .mad-weather-section {
    font-family: 'Roboto', sans-serif;
}

.mad-header.header-4 .mad-weather-section .mad-weather-temp .mad-weather-num,
.mad-header.header-4 .mad-weather-section .mad-weather-temp,
.mad-header.header-5 .mad-weather-section .mad-weather-temp .mad-weather-num,
.mad-header.header-5 .mad-weather-section .mad-weather-temp {
    font-size: 0.875rem;
    line-height: 1rem;
    column-gap: 0.25rem;
    color: var(--color-neutral-0);
    letter-spacing: 0;
}

.mad-header.header-4 .mad-weather-icon .svg,
.mad-header.header-5 .mad-weather-icon .svg {
    height: 1.5rem;
    width: 1.5rem;
    display: flex;
    align-items: center;
}

.mad-header.header-4 .mad-weather-icon .svg path,
.mad-header.header-5 .mad-weather-icon .svg path {
    stroke: var(--color-neutral-0);
    stroke-width: 4px;
}

.mad-page-side-menu .mad-nav-canvas {
    transform: none;
    opacity: 1;
    visibility: visible;
    z-index: 30;
}

/* .mad-page-wrapper.mad-page-side-menu {
    width: calc(100% - 304px);
    float: right;
    position: relative;
    z-index: 1;
} */

.mad-page-wrapper.mad-page-side-menu .mad-content {
    background: var(--color-neutral-0);
}

.mad-page-wrapper.mad-page-side-menu .mad-content .mad-section {
    z-index: 2;
}

.mad-header.header-4 .mad-navigation > li > a::before,
.mad-header.header-5 .mad-navigation > li > a::before {
    background: var(--color-neutral-0);
}

.mad-header.header-4:not(.mad-header--transparent) .mad-header-items {
    flex-direction: row-reverse;
} 

.mad-page-side-bg {
    bottom: -0.5rem;
    left: 0;
    right: 0;
    opacity: 0.09;
    position: absolute;
    z-index: -1;
}

.mad-page-side {
    z-index: 1;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    background: var(--color-neutral);
}

.mad-page-side-menu .mad-footer:after {
    display: none;
}

.mad-page-side .mad-footer.footer-4 {
    background: transparent;
}

.mad-page-side .mad-page-side-menu {
    width: calc(100% - 19rem);
    position: relative;
}

.mad-page-side-container img {
    width: 100%;
}

/* Header 5 */

.mad-header.header-5 {
    transition: all .5s ease;
}

.mad-header.header-5 .mad-header-section--sticky-xl {
    background: var(--color-primary-50);
	box-shadow: 1px 1px 17px 0px var(--color-neutral);
}

.mad-header.header-5 .mad-logo {
/*    padding-right: 4.25rem;*/
}

.mad-header.header-5:not(.main-header) .mad-logo {
    padding-right: 18.25rem;
}

.mad-header.header-5 .mad-nav-btn .line {
    background: var(--color-neutral-0);
}

.mad-header.header-5 form label {
    color: var(--color-neutral-20);
}

.mad-header.header-5:not(.main-header) .mad-header-items {
    flex-direction: row-reverse;
}

.mad-header.header-5 .mad-mobile-nav-btn .line {
    background-color: var(--color-neutral-0);
}

/* ----------------------------------------
    Navigation
---------------------------------------- */

    .mad-navigation {
z-index: 4;
display: flex;
column-gap: 2.5rem;
    }

    .mad-navigation > li {
position: relative;
    }

    .mad-navigation > li > a {
color: var(--color-neutral);
font-size: 0.875rem;
line-height: 1rem;
letter-spacing: 0.2px;
text-transform: uppercase;
display: block;
position: relative;
    }

    .mad-navigation > li > a::before {
content: "";
position: absolute;
top: 100%;
margin-top: 0.375rem;
left: 0;
right: 0;
width: 0;
height: 1px;
text-transform: none;
background: var(--color-neutral);
opacity: 0;
visibility: hidden;
transition: all .5s ease;
    }

    .mad-navigation > li.menu-item-has-children {
display: flex;
align-items: center;
line-height: 1rem;
    }

    .mad-navigation > li.menu-item-has-children:after {
content: "keyboard_arrow_down";
font-family: 'Material Icons';
text-transform: none;
line-height: inherit;
font-size: 1.125rem;
margin-left: 0.625rem;
max-width: 0.875rem;
    }

    .mad-navigation > li:hover > a::before {
opacity: 1;
visibility: visible;
    }

    .mad-navigation .menu-item-has-children:hover, .mad-navigation .menu-item-has-children.mad-seleceted, .mad-navigation .menu-item-has-children.mad-tapped {
z-index: 2;
    }

    .mad-no-touchevents .mad-navigation > li:hover > a::before,
    .mad-no-touchevents .mad-navigation > .mad-seleceted > a::before,
    .mad-touchevents .mad-navigation > .mad-tapped > a::before,
    .mad-navigation > .current-menu-ancestor > a::before,
    .mad-navigation > .current-menu-parent > a::before,
    .mad-navigation > .current-menu-item > a::before {
opacity: 1;
visibility: visible;
width: 100%;
    }

    .mad-navigation .sub-menu {
min-width: 17rem;
font-size: 0.875rem;
padding: 1.5rem 2rem;
line-height: 2rem;
font-weight: 400;
margin-left: -2rem;
margin-top: 4rem;
position: absolute;
top: 100%;
left: 0;
opacity: 0;
visibility: hidden;
color: #fff;
background-color: var(--color-neutral-5);
-webkit-transition-property: opacity, visibility;
transition-property: opacity, visibility;
-webkit-transition-delay: 0ms;
transition-delay: 0ms;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .mad-navigation .sub-menu:after {
content: '';
position: absolute;
bottom: 100%;
height: 4rem;
width: 100%;
left: 0;
    }

    .mad-navigation li.mega-menu > .sub-menu:after {
height: 4rem;
    }

    .mad-navigation .sub-menu a:not(.btn) {
color: var(--color-neutral);
    }

    .mad-navigation .sub-menu > li > a {
display: block;
    }

    .mad-navigation .sub-menu:not(.with-aside).mad-reverse {
left: auto;
right: 0;
    }

    .mad-navigation .sub-menu .sub-menu {
top: 0;
left: 100%;
margin-left: 2rem;
margin-top: -1.5rem;
background: var(--color-neutral-10);
    }

    .mad-navigation .sub-menu .sub-menu.mad-reverse {
left: auto;
right: 100%;
margin-left: 0;
margin-right: 2rem;
border-top-right-radius: 0;
    }

    .mad-navigation .sub-menu .menu-item-has-children {
position: relative;
    }

    .mad-navigation .sub-menu .menu-item-has-children > a:not(.sub-title)::after {
font-family: 'Material Icons';
content: "keyboard_arrow_right";
position: absolute;
right: 0;
font-size: 1.25rem;
color: var(--color-neutral);
line-height: inherit;
width: 14px;
top: 0;
z-index: 1;
    }

    .mad-no-touchevents .mad-navigation .sub-menu li:hover > a,
    .mad-no-touchevents .mad-navigation .sub-menu .menu-item-has-children.mad-selected > a,
    .mad-touchevents .mad-navigation .sub-menu .menu-item-has-children.mad-tapped > a,
    .mad-navigation .sub-menu .current-menu-item > a,
    .mad-navigation .sub-menu .current-menu-ancestor > a,
    .mad-navigation .sub-menu .current-menu-parent > a {
text-decoration: underline;
    }

    .mad-no-touchevents .menu-item-has-children:hover > .sub-menu,
    .mad-no-touchevents .menu-item-has-children.mad-selected > .sub-menu,
    .mad-touchevents .menu-item-has-children.mad-tapped > .sub-menu {
opacity: 1;
visibility: visible;
    }

    .mad-csstransforms3d .mad-navigation .sub-menu {
-webkit-transition-property: -webkit-transform, opacity, visibility;
transition-property: transform, opacity, visibility;

-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
    }

    .mad-csstransforms3d.mad-no-touchevents .menu-item-has-children:hover > .sub-menu,
    .mad-csstransforms3d.mad-no-touchevents .menu-item-has-children.mad-selected > .sub-menu,
    .mad-csstransforms3d.mad-touchevents .menu-item-has-children.mad-tapped > .sub-menu {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
    }

    .mad-mobile-nav-btn,
    .mad-nav-btn {
width: 20px;
height: 0.75rem;
position: relative;
display: none;
    }

    .mad-nav-btn {
display: block;
    }

    .mad-mobile-nav-btn .line,
    .mad-nav-btn .line {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: var(--color-primary);
transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transition: transform 0.5s 0.08s,background-color 0.5s,top 0.5s 0.08s,left 0.3s,opacity 0.5s,width 0.6s 0.05s;
-webkit-transition: transform 0.5s 0.08s,background-color 0.5s,top 0.5s 0.08s,left 0.3s,opacity 0.5s,width 0.6s 0.05s;
    }

    .mad-mobile-nav-btn .line-top,
    .mad-nav-btn .line-top {
top: 0;
    }

    .mad-mobile-nav-btn .line-center,
    .mad-nav-btn .line-center {
top: 50%;
width: 75%;
margin-top: -0.0625rem;
    }

    .mad-mobile-nav-btn .line-bottom,
    .mad-nav-btn .line-bottom {
bottom: 0;
    }

    .mad-mobile-nav-btn:hover .line-center,
    .mad-nav-btn:hover .line-center {
width: 100%;
    }

    .mad-mobile-nav-btn.mad-opened .line-top,
    .mad-nav-btn.mad-opened .line-top {
top: 50%;
margin-left: -1px;
transform: rotate(
45deg
) translate(0, -50%);
    -webkit-transform: rotate(
45deg
) translate(0, -50%);
    }

    .mad-mobile-nav-btn.mad-opened .line-bottom,
    .mad-nav-btn.mad-opened .line-bottom {
top: 50%;
margin-right: -1px;
transform: rotate(
-45deg
) translate(0, -50%);
    -webkit-transform: rotate(
-45deg
) translate(0, -50%);
    }

    .mad-mobile-nav-btn.mad-opened .line-center,
    .mad-nav-btn.mad-opened .line-center {
opacity: 0;
left: -5px;
width: 0;
    }

    .mad-mobile-nav-btn.mad-opened,
    .mad-nav-btn.mad-opened {
transform: rotate(
90deg
);
    -webkit-transform: rotate(
90deg
);
    }

.mad-nav-canvas {
    font-size: 0.875rem;
    line-height: 1.5rem;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    width: 19rem;
    padding: 3.5rem 3rem;
    padding-bottom: 2.5rem;
    color: var(--color-neutral-20);
    text-align: center;
    opacity: 0;
    overflow: auto;
    visibility: hidden;
    transform: translateX(-100%);
    transition: all .5s ease;
}

.mad-page-side .mad-nav-canvas {
    background: transparent;
}

.mad-nav-canvas.mad-nav-opened {
    opacity: 1;
    visibility: visible;
}

.mad-nav-inner {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 2rem;
}

.mad-nav-canvas.mad-nav-opened {
    transform: translateX(0);
}

.mad-vr-nav > ul > li.menu-item-has-children .sub-menu {
    display: none;
}

.mad-vr-nav > ul > li:not(:last-child) {
    margin-bottom: .5rem;
}

.mad-vr-nav > ul > li a {
    font-size: 0.875rem;
    line-height: 2rem;
    display: inline-block;
    color: var(--color-neutral-0);
}

.mad-vr-nav > ul > li > a {
    border-bottom: 1px solid transparent;
    text-transform: uppercase;
}

.mad-vr-nav > ul > li.current-menu-item > a,
.mad-vr-nav > ul > li:hover > a {
    border-bottom-color: inherit;
}

.mad-vr-nav > ul > li > .sub-menu {
    margin-top: 0.5rem;
}

.mad-vr-nav > ul > li > .sub-menu a:hover,
.mad-vr-nav > ul > li > .sub-menu > li.current-menu-item a {
    text-decoration: underline;
}

.mad-vr-nav > ul > li.menu-item-has-children > a {
    position: relative;
}

.mad-vr-nav > ul > li.menu-item-has-children > a:after {
    content: "keyboard_arrow_down";
    font-family: 'Material Icons';
    text-transform: none;
    font-size: 1.125rem;
    margin-left: 0.625rem;
    max-width: 0.875rem;
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 0.75rem;
}

.mad-header.header-2 .mad-nav-btn.mad-opened {
    margin-left: 19rem;
}

.mad-form-size-2 input {
    height: 2rem;
    padding-bottom: 0.25rem!important;
}

.mad-search-form {
    position: relative;
}

.mad-search-form input {
    padding-right: 2rem;
}

.mad-search-form button {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 2rem;
}

.mad-search-form.type-2 input {
    padding-right: 0;
    padding-left: 2rem;
}

.mad-search-form.type-2 button {
    right: auto;
    left: 0;
}

.mad-nav-inner .mad-search-form input,
.mad-nav-inner .mad-search-form button {
    color: var(--color-neutral-0);
    border-color: var(--color-neutral-0);
}

.mad-nav-inner .mad-social-icons:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-nav-inner .mad-social-icons ul {
    justify-content: center;
}

.mad-nav-canvas.full-screen {
    right: 0;
    width: auto;
    z-index: 9;
    padding: 0;
    top: 9rem;
    overflow: hidden;
    -webkit-transition: all 0s 1s,all 1s cubic-bezier(.75,0,.25,1);
    transition: all 0s 1s,all 1s cubic-bezier(.75,0,.25,1);
    transition: all 0s 1s,all 1s cubic-bezier(.75,0,.25,1);
    transition: all 0s 1s,all 1s cubic-bezier(.75,0,.25,1),all 1s cubic-bezier(.75,0,.25,1);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    background: var(--color-neutral);
}

.mad-nav-canvas.full-screen .mad-nav-inner {
    overflow: hidden;
    overflow-y: scroll;
    row-gap: 6.5rem;
    padding-top: 4rem;
    padding-bottom: 9rem;
}

.mad-nav-canvas .mad-our-info {
    justify-content: center;
}

.mad-nav-canvas .mad-our-info .mad-info {
    color: var(--color-neutral-20);
}

.mad-canvas-wrap {
    overflow: auto;
    height: 100%;
    padding: 3.5rem 3rem;
    padding-bottom: 2.5rem;
}

.mad-page-side .mad-nav-canvas {
    padding: 0;
    overflow: visible;
}

.mad-nav-canvas .mad-nav-btn {
    position: absolute;
    left: 100%;
    top: 22.75rem;
    z-index: 1;
}

.mad-nav-canvas .mad-nav-btn:after {
    content: '';
    position: absolute;
    top: 49%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    bottom: 0;
    width: 2.5rem;
    height: 2.5rem;
    background: var(--color-neutral);
    z-index: -1;
}

.mad-nav-canvas .mad-nav-btn {
    transform: rotate(0);
}

.mad-nav-canvas .mad-nav-btn .line {
    margin-left: 0.5938rem;
}

html.with-src-menu {
    overflow: hidden!important;
}

html.with-src-menu body {
    padding-top: 0!important;
}

html.with-src-menu .mad-back-to-top {
    display: none!important;
}

.mad-header-section--sticky-xl {
    transition: background 1s ease;
}

html.with-src-menu .mad-header.header-5 .mad-header-section--sticky-xl {
    background: var(--color-neutral);
}

.mad-nav-canvas.full-screen.mad-nav-opened {
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.mad-nav-canvas.full-screen .mad-vr-nav > ul > li:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-nav-canvas.full-screen .mad-vr-nav > ul > li a {
    font-family: Anglecia, sans-serif;
    font-size: 1.5rem;
    line-height: 3rem;
    color: var(--color-neutral-20);
    letter-spacing: 1px;
    font-weight: normal;
    letter-spacing: 0;
}

.mad-nav-canvas.full-screen .mad-vr-nav > ul > li > a {
    font-size: 2.25rem;
    line-height: 2.5rem;
    text-transform: none;
    border: none;
    position: relative;
}

.mad-nav-canvas.full-screen .mad-vr-nav > ul > li > a:before {
    content: attr(data-hover);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    font-size: 2.25rem;
    overflow: hidden;
    white-space: nowrap;
    color: var(--color-neutral-0);
    transition: all .5s ease;
}

.mad-nav-canvas.full-screen .mad-vr-nav > ul > li > a:hover:before,
.mad-nav-canvas.full-screen .mad-vr-nav > ul > li.current-menu-item > a:before {
    height: 100%;
    letter-spacing: 5px;
}

.mad-nav-canvas.full-screen .mad-vr-nav > ul > li.menu-item-has-children > a:after {
    font-size: 1.5rem;
}

.mad-nav-canvas.full-screen .mad-vr-nav > ul > li.current-menu-item > a, 
.mad-nav-canvas.full-screen .mad-vr-nav > ul > li:hover > a,
.mad-nav-canvas.full-screen .mad-vr-nav > ul > li > .sub-menu a:hover, 
.mad-nav-canvas.full-screen .mad-vr-nav > ul > li > .sub-menu > li.current-menu-item a {
    text-decoration: none;
    letter-spacing: 5px;
    color: var(--color-neutral-0);
}

.mad-nav-canvas.full-screen .mad-vr-nav > ul > li > .sub-menu a:hover, 
.mad-nav-canvas.full-screen .mad-vr-nav > ul > li > .sub-menu > li.current-menu-item a {
    letter-spacing: 3.2px;
}

.mad-nav-canvas.full-screen .mad-vr-nav > ul > li {
    -webkit-transition: opacity,color,-webkit-transform;
    transition: opacity,color,-webkit-transform;
    transition: transform,opacity,color;
    transition: transform,opacity,color,-webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(.75,0,.25,1);
    transition-timing-function: cubic-bezier(.75,0,.25,1);
    -webkit-transition-duration: .75s,1s,.75s;
    transition-duration: .75s,1s,.75s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    white-space: nowrap;
    opacity: 0;
}

.mad-nav-canvas.full-screen.mad-nav-opened .mad-vr-nav > ul > li {
    -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1),cubic-bezier(.75,0,.25,1),cubic-bezier(.75,0,.25,1);
    transition-timing-function: cubic-bezier(.165,.84,.44,1),cubic-bezier(.75,0,.25,1),cubic-bezier(.75,0,.25,1);
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.mad-nav-canvas.full-screen.mad-nav-opened .mad-vr-nav > ul > li:first-child {
    -webkit-transition-delay: .6s,.6s,0s;
    transition-delay: .6s,.6s,0s;
}

.mad-nav-canvas.full-screen.mad-nav-opened .mad-vr-nav > ul > li:nth-child(2) {
    -webkit-transition-delay: .7s,.7s,0s;
    transition-delay: .7s,.7s,0s;
}

.mad-nav-canvas.full-screen.mad-nav-opened .mad-vr-nav > ul > li:nth-child(3) {
    -webkit-transition-delay: .8s,.8s,0s;
    transition-delay: .8s,.8s,0s;
}

.mad-nav-canvas.full-screen.mad-nav-opened .mad-vr-nav > ul > li:nth-child(4) {
    -webkit-transition-delay: .9s,.9s,0s;
    transition-delay: .9s,.9s,0s;
}

.mad-nav-canvas.full-screen.mad-nav-opened .mad-vr-nav > ul > li:nth-child(5) {
    -webkit-transition-delay: 0s,.1s,0s;
    transition-delay: 1s,1s,0s;
}

.mad-nav-canvas.full-screen.mad-nav-opened .mad-vr-nav > ul > li:nth-child(6) {
    -webkit-transition-delay: 1.1s,1.1s,0s;
    transition-delay: 1.1s,1.1s,0s;
}

.mad-nav-canvas.full-screen.mad-nav-opened .mad-vr-nav > ul > li:nth-child(7) {
    -webkit-transition-delay: 1.2s,1.2s,0s;
    transition-delay: 1.2s,1.2s,0s;
}

    /* ----------------------------------------
Breadcrumb
    ---------------------------------------- */

.mad-breadcrumb {
    padding-top: 4.5625rem;
    padding-bottom: 5rem;
    color: var(--color-neutral-60);
    background: var(--color-neutral-5);
    text-align: center;
}

.mad-breadcrumb-path:not(:last-child) {
    margin-bottom: 0.5rem;
}

.mad-breadcrumb-path {
    text-transform: uppercase;
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: 0.25rem;
    vertical-align: baseline;
}

.mad-breadcrumb-path > span {
    display: inline-block;
}

.mad-breadcrumb .mad-page-title:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-breadcrumb.with-bg-img {
    background-size: cover;
    padding-top: 5.75rem;
    padding-bottom: 5.75rem;
    background-repeat: no-repeat;
    color: var(--color-neutral-15);
}

.mad-breadcrumb.with-bg-img .mad-page-title {
    color: var(--color-neutral-0);
}

.mad-breadcrumb.with-bg-img .mad-link {
    color: var(--color-neutral-0);
}

.mad-breadcrumb + .mad-section {
    z-index: 2;
    position: relative;
}

.mad-breadcrumb.simple-type {
    padding: 1rem 0;
    background: var(--color-neutral-5);
}

.mad-breadcrumb.simple-type .mad-link {
    color: var(--color-neutral);
}

    /* ----------------------------------------
Sections
    ---------------------------------------- */

.mad-content {
    padding-top: 9rem;
    padding-bottom: 9rem;
}

.mad-section {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
}

.mad-content.no-pt,
.mad-section.no-pt {
    padding-top: 0!important;
}

.mad-content.no-pb,
.mad-section.no-pb {
    padding-bottom: 0!important;
}

.mad-content.no-pd,
.mad-section.no-pd {
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.mad-section.mad-custom-pd {
    padding-bottom: 0;
    padding-top: 13rem;
}

.mad-section > .mad-page-title {
    margin-top: -0.5rem;
}

.mad-section.small-size {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.mad-section.medium-size {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.mad-section.medium-size-2 {
    padding-top: 6.625rem;
    padding-bottom: 6.625rem;
}

.mad-section--parallax {
    background-size: auto;
}

.content-element:not(:last-child) {
    margin-bottom: 0.5rem;
}

.content-element-2:not(:last-child) {
    margin-bottom: 1rem;
}

.content-element-3:not(:last-child) {
    margin-bottom: 1.5rem;
}

.content-element-4:not(:last-child) {
    margin-bottom: 2rem;
}

.content-element-5:not(:last-child) {
    margin-bottom: 2.5rem;
}

.content-element-6:not(:last-child) {
    margin-bottom: 3rem;
}

.content-element-7:not(:last-child) {
    margin-bottom: 3.5rem;
}

.content-element-8:not(:last-child) {
    margin-bottom: 4rem;
}

.content-element-9:not(:last-child) {
    margin-bottom: 4.5rem;
}

.content-element-10:not(:last-child) {
    margin-bottom: 5rem;
}

.content-element-11:not(:last-child) {
    margin-bottom: 5.5rem;
}

.content-element-12:not(:last-child) {
    margin-bottom: 6rem;
}

.content-element-13:not(:last-child) {
    margin-bottom: 6.5rem;
}

.content-element-14:not(:last-child) {
    margin-bottom: 7rem;
}

.content-element-15:not(:last-child) {
    margin-bottom: 7.5rem;
}

.content-element-main:not(:last-child) {
/*    margin-bottom: 9rem;*/
}

.content-element-main-2:not(:last-child) {
    margin-bottom: 14.5rem;
}

.mad-section.with-overlay {
    color: var(--color-neutral-10);
}

.mad-section.with-overlay .mad-page-title {
    color: var(--color-neutral-0);
}

[class*="content-element-"] {
    position: relative;
}

.mad-section.mad-section-bg-img {
    padding-top: 0;
    padding-bottom: 44%!important;
}

.mad-section.mad-section-bg-img.mad-colorizer--parallax .mad-colorizer-bg-image {
    background-size: cover;
}

    /* ----------------------------------------
Sidebar
    ---------------------------------------- */

/* ----------------------------------------
    Widgets
---------------------------------------- */

    .mad-widget {
font-size: 1rem;
line-height: 1.5rem;
    }

    .mad-widget:not(:last-child) {
margin-bottom: 5rem;
    }

    /* ----------------------------------------
Tags
    ---------------------------------------- */

.tagcloud {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.5rem;
    row-gap: 0.5rem;
}

.tagcloud > a {
    font-size: 0.75rem;
    line-height: 2rem;
    letter-spacing: 0;
    padding: 0 0.625rem;
    text-transform: uppercase;
    display: block;
    background: var(--color-secondary-10);
    color: var(--color-primary-darker);
}

.tagcloud > a:hover {
    color: var(--color-secondary);
    background: var(--color-secondary-20);
}

    /* ----------------------------------------
Search
    ---------------------------------------- */


    /* ----------------------------------------
Banner
    ---------------------------------------- */

.mad-sidebar .mad-banners {
    display: block;
}

    /* ----------------------------------------
Entities
    ---------------------------------------- */

.mad-widget .mad-entities .mad-entity {
    overflow: hidden;
}

.mad-entities.mad-entity-small {
    display: block;
}

.mad-entities.mad-entity-small:not([class*="item-col-"]) > .mad-col:not(:last-child) {
    margin-bottom: 1.5rem;
}

.mad-entities.mad-entity-small .mad-entity {
    display: flex;
    column-gap: 1.5rem;
    row-gap: 1rem;
    padding-bottom: 0;
}

.mad-entities.mad-entity-small .mad-entity .mad-entity-title {
    font-size: 1.125rem;
    line-height: 2rem;
    letter-spacing: 0;
}

.mad-entities.mad-entity-small .mad-entity time {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--color-neutral-60);
}

    /* ----------------------------------------
Calendar
    ---------------------------------------- */

.calendar_wrap table {
    font-size: 1rem;
    line-height: 1.5rem;
    border-width: 0;
    background: var(--color-neutral-5);
    font-family: 'Roboto', sans-serif;
}

.calendar_wrap table caption {
    color: var(--color-neutral-0);
    font-family: Anglecia, sans-serif;
    font-size: 1.125rem;
    line-height: 3.5rem;
    text-align: center;
    letter-spacing: 0;
    position: relative;
    background: var(--color-secondary-80);
}

.calendar_wrap table tr:hover {
    background-color: transparent;
}

.calendar_wrap table thead {
    overflow: auto;
    background-color: var(--color-secondary-60);
}

.calendar_wrap table thead th {
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    font-size: 0.875rem;
    color: var(--color-neutral-0);
    background: transparent;
    border: none;
}

.calendar_wrap table th, .calendar_wrap table td {
    text-align: center;
    line-height: 3rem;
    padding: 0 0.875rem;
    vertical-align: middle;
    letter-spacing: 0;
}

.calendar_wrap table td {
    line-height: 3.5rem;
}

.calendar_wrap table td {
    border: none;
}

.calendar_wrap table td:not(:last-child) {
    border-right: 1px solid var(--color-neutral-15);
}

.calendar_wrap table tr:first-child td:nth-child(1),
.calendar_wrap table tr:first-child td:nth-child(2),
.calendar_wrap table tr:last-child td:nth-last-child(1),
.calendar_wrap table tr:last-child td:nth-last-child(2),
.calendar_wrap table tr:last-child td:nth-last-child(3) {
    background: var(--color-neutral-10);
    color: var(--color-neutral-60);
}

.calendar_wrap table .calendar-caption-prev,
.calendar_wrap table .calendar-caption-next {
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 3.5rem;
    text-align: center;
    color: var(--color-neutral-0);
    -webkit-transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.calendar_wrap table caption > a > i {
    line-height: 3.5rem;
    font-size: 2rem;
    color: inherit;
    display: block;
}

.calendar_wrap table caption .mad-row {
    display: flex;
    justify-content: space-between;
    column-gap: 1rem;
    padding: 0 1.5rem;
}

.calendar_section table caption .mad-col {
    width: auto;
    padding: 0;
}

.calendar_wrap table caption .mad-custom-select .mad-selected-option {
    border-bottom: none;
    color: var(--color-neutral-0);
    line-height: 3.5rem;
    height: 3.5rem;
}

.calendar_wrap table caption .mad-custom-select .mad-selected-option::after, 
.calendar_wrap table caption .mad-custom-select .mad-selected-option::before {
    color: var(--color-neutral-0);
}

.calendar_wrap table .calendar-caption-prev:hover,
.calendar_wrap table .calendar-caption-next:hover {
    color: var(--color-neutral);
}

.calendar_wrap table .calendar-caption-prev {
    left: 0;
}

.calendar_wrap table .calendar-caption-next {
    right: 0;
}

.calendar_section {
    max-width: 49.5rem;
    display: flex;
    flex-wrap: wrap;
    margin: -0.5rem -0.25rem 0;
}

.calendar_section.justify-content-center {
    margin: 0 auto;
}

.calendar_section .mad-col.full-width {
    width: 100%;
}

.calendar_section .mad-col {
    padding: 0.5rem 0.25rem 0;
    width: 50%;
}

.calendar_section .calendar_wrap table {
    background: #7D9E36;
}

.calendar_section .calendar_wrap table tr td {
    color: var(--color-neutral-0);
}

.calendar_section > .mad-col:last-child .calendar_wrap table tr:last-child td:nth-last-child(1),
.calendar_section > .mad-col:last-child .calendar_wrap table tr:last-child td:nth-last-child(2),
.calendar_section > .mad-col:last-child .calendar_wrap table tr:last-child td:nth-last-child(3) {
    background: #7D9E36;
    color: var(--color-neutral-0);
}

.calendar_section > .mad-col:nth-child(2) .calendar_wrap table tbody tr:first-child,
.calendar_section > .mad-col:nth-child(2) .calendar_wrap table tbody tr:nth-child(2),
.calendar_section > .mad-col:nth-child(2) .calendar_wrap table tbody tr:nth-child(3) td:first-child,
.calendar_section > .mad-col:nth-child(2) .calendar_wrap table tbody tr:nth-child(3) td:nth-child(2),
.calendar_section .calendar_wrap table tr:first-child td:nth-child(1),
.calendar_section .calendar_wrap table tr:first-child td:nth-child(2),
.calendar_section > .mad-col:last-child .calendar_wrap table tr:first-child td:nth-child(3),
.calendar_section > .mad-col:last-child .calendar_wrap table tr:first-child td:nth-child(4) {
    background: var(--color-neutral-5);
}

.calendar_section > .mad-col:nth-child(2) .calendar_wrap table tr:first-child td,
.calendar_section > .mad-col:nth-child(2) .calendar_wrap table tr:nth-child(2) td,
.calendar_section > .mad-col:nth-child(2) .calendar_wrap table tbody tr:nth-child(3) td:first-child,
.calendar_section > .mad-col:nth-child(2) .calendar_wrap table tbody tr:nth-child(3) td:nth-child(2) {
    color: var(--color-neutral-40);
}

    /* ----------------------------------------
Recent Comments
    ---------------------------------------- */

.mad-widget .recentcomments li:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-widget .recentcomments li {
    position: relative;
    padding-left: 2rem;
    line-height: 1.5rem;
    font-size: 1rem;
    color: var(--color-neutral-60);
}

.mad-widget .recentcomments li a:last-child {
    color: var(--color-neutral);
}

.mad-widget .recentcomments li:before {
    position: absolute;
    font-family: 'Material Icons Outlined';
    content: 'comment';
    font-size: 1.125rem;
    top: 0;
    left: 0;
    line-height: 1.5rem;
    color: var(--color-primary);
}

.mad-widget .recentcomments li a:first-child {
    color: var(--color-primary);
}

.mad-widget .recentcomments li a:hover {
    text-decoration: underline;
}

    /* ----------------------------------------
Sponsors widget
    ---------------------------------------- */

.mad-sponsors:not(.owl-carousel) {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    margin: -2rem -1rem 0;
    align-items: center;
}

.mad-sponsors:not(.owl-carousel) > .mad-grid-item {
    padding: 2rem 1rem 0;
}

.mad-sponsors:not(.owl-carousel):not([class*="item-col-"]) > .mad-grid-item {
    width: 16.6666%;
}

.mad-sponsors a {
    display: block;
    text-align: center;
}

.mad-sponsors a:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-sponsors a:hover {
    border-color: #26658d;
}

.mad-sponsors.owl-carousel .owl-nav {
    display: block;
}

.mad-csstransforms3d .mad-sponsors img {
    width: auto;
    margin: 0 auto;
}

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

.mad-footer {
    position: relative;
    background: var(--color-primary-5);
    padding: 9rem 0;
    z-index: 1;
}

.mad-footer:not([class*="footer-"]):after {
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: url(../images/footer_4_bg_img.svg) no-repeat center bottom;
    opacity: 0.07;
    background-size: cover;
    position: absolute;
    z-index: -1;
}

.mad-footer-subtitle {
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: var(--color-neutral-60);
}

.mad-footer-subtitle:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-weather-section {
    display: flex;
    align-items: center;
    column-gap: 1rem;
    row-gap: 1rem;
    color: var(--color-neutral-80);
    font-family: Anglecia;
}

.mad-weather-section .mad-weather-icon .svg {
    height: 2.875rem;
}

.mad-weather-section .mad-weather-temp {
    display: flex;
    align-items: flex-start;
    column-gap: 0.8125rem;
    font-size: 1rem;
    line-height: 2rem;
    letter-spacing: 0.15rem;
}

.mad-weather-temp .mad-weather-num {
    font-size: 3rem;
    line-height: 3.5rem;
}

.mad-footer-bottom {
    padding-top: 5rem;
}

.copyrights {
    color: var(--color-neutral-80);
    font-size: 0.875rem;
    line-height: 1.5rem;
}

/* Style-2 */

.mad-footer.footer-2 {
    color: var(--color-neutral-20);
    background: var(--color-neutral-80);
}

.mad-footer.footer-2 .mad-widget-title {
    color: var(--color-neutral-0);
}

.mad-footer.footer-2 .copyrights {
    color: var(--color-neutral-20);
}

/* Style-3 */

.mad-footer.footer-3 {
    color: var(--color-neutral-20);
        background-color: var(--color-neutral); 
    background-position: center;
    padding: 80px 20px 20px;
	
}

.mad-footer.footer-3 .mad-footer-subtitle {
    color: var(--color-neutral-20);
}

.mad-footer.footer-3 .mad-widget {
/*    display: flex;*/
/*    flex-direction: column;*/
/*    height: 100%;*/
	border-top: 2px solid var(--color-primary-10);
	padding-top: 20px;
	margin-top: 50px;
	width: 100%;
	text-align: center;
}

.mad-footer.footer-3 .mad-widget .mad-logo {
    flex: 1;
}

.mad-footer.footer-3 .mad-widget-title,
.mad-footer.footer-3 .mad-newsletter-form input[type="email"],
.mad-footer.footer-5 .mad-widget-title,
.mad-footer.footer-5 .mad-newsletter-form input[type="email"] {
    color: var(--color-neutral-0);
}

.mad-footer.footer-3 .mad-newsletter-form input[type="email"],
.mad-footer.footer-5 .mad-newsletter-form input[type="email"] {
    border-color: var(--color-neutral-0);
}

.mad-footer.footer-3 .copyrights {
    color: var(--color-neutral-20);
}

.mad-footer.footer-3 .mad-weather-section {
    color: var(--color-neutral-10);
}

.mad-footer.footer-3 .mad-weather-icon .svg path {
    stroke: var(--color-neutral-0);
}

/* Style-4 */

.mad-footer.footer-4 {
    color: var(--color-neutral-20);
    background: var(--color-neutral);
    z-index: 1;
}

.mad-footer.footer-4:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/footer_4_bg_img.svg) no-repeat;
    background-size: cover;
    opacity: 0.07;
    z-index: -1;
}

.mad-footer.footer-4 .copyrights {
    color: var(--color-neutral-20);
}

.mad-footer.footer-4 .mad-footer-main .row > [class*="col-"]:nth-child(2) {
    text-align: center;
}

.mad-footer.footer-4 .mad-footer-main .row > [class*="col-"]:last-child .mad-hr-list ul {
    justify-content: flex-end;
}

.mad-footer.footer-4 .mad-footer-bottom,
.mad-footer.footer-4 .mad-instafeed {
    padding-top: 4rem;
}

/* Style-4 */

.mad-footer.footer-5 {
    color: var(--color-neutral-20);
    background: var(--color-secondary);
    z-index: 1;
}

.mad-footer.footer-5 .mad-newsletter-form.one-line {
    width: 100%;
}

.mad-footer.footer-5 .mad-newsletter-form.one-line .mad-col:first-child {
    max-width: 100%;
}

.mad-footer.footer-5 .mad-newsletter-form.one-line .mad-col .btn:last-child {
    min-width: 26rem;
}

.mad-footer.footer-5 .copyrights,
.mad-footer.footer-5 .mad-footer-subtitle {
    color: var(--color-neutral-20);
}

.mad-widget.type-2 {
    display: flex;
    width: 100%;
}

.mad-footer .mad-widget.type-2 {
    column-gap: 6rem;
}

.mad-widget.type-2 > .mad-col {
    width: 100%;
}

.mad-footer .mad-widget.type-2 .mad-widget-title,
.mad-widget.type-2 .mad-section-title {
    white-space: nowrap;
}

.mad-footer.footer-5 .mad-weather-section {
    color: var(--color-neutral-0);
}

.mad-footer.footer-5 .mad-weather-icon .svg path {
    stroke: var(--color-neutral-0);
}

.mad-widget.type-2 {
    column-gap: 2rem;
}

.mad-widget.type-2 .mad-newsletter-form.one-line .mad-col:first-child {
    max-width: 100%;
}

    /* ----------------------------------------
Grid
    ---------------------------------------- */
    
[class*="item-col-"]:not(.no-gutters) {
    margin: -2rem -1rem 0;
}

[class*="item-col-"]:not(.no-gutters) > * {
    padding: 2rem 1rem 0;
}

.item-col {
    width: 100%; 
}

.item-col-1 > *{
    width: 100%;
}

.item-col-2 > *{
    width: 50%;
}

.item-col-3 > *{
    width: 33.333%;
}

.item-col-4 > *{
    width: 25%;
}

.item-col-5 > *{
    width: 20%;
}

.item-col-6 > *{
    width: 16.6666%;
}

[class*="item-col-"] > *.full-width {
    width: 100%;
}

.container-fluid {
    padding-left: 4rem;
    padding-right: 4rem;
}

.container {
    padding-left: 1rem;
    padding-right: 1rem;
}

.row {
    margin-left: -1rem;
    margin-right: -1rem;
    row-gap: 2rem;
}

.row > * {
    padding-left: 1rem;
    padding-right: 1rem;
}

.row.vr-size {
    row-gap: 3rem;
}

.row.vr-size-1 {
    row-gap: 4rem;
}

.row.vr-size-2 {
    row-gap: 5rem;
}

.row.vr-size-3 {
    row-gap: 5rem;
}

.row.vr-size-main {
    row-gap: 9rem;
}

.row.hr-size-3 {
    margin-left: -2rem;
    margin-right: -2rem;
}

.row.hr-size-3 > * {
    padding-left: 2rem;
    padding-right: 2rem;
}

    /* ----------------------------------------
Modals
    ---------------------------------------- */

.mad-modal {
    border-radius: 0;
    overflow: hidden;
    position: relative;
    display: none;
}

    /* ----------------------------------------
Arctic Modal
    ---------------------------------------- */

.arcticmodal-container {
    bottom: auto;
}

.arcticmodal-overlay {
    bottom: auto;
}

.arcticmodal-container_i2 {
    padding: 0;
    height: 100%;
}

.arcticmodal-container table {
    background-color: transparent;
    border: none;
}

.arcticmodal-container table tr {
    border: none;
    -webkit-transition: none;
    transition: none;
}

.arcticmodal-container table tr:hover {
    background-color: transparent;
}

.arcticmodal-close {
    font-size: 1rem;
    color: var(--color-primary);
}

.arcticmodal-close:hover {
    color: var(--color-primary-lighter);
}

    /* ----------------------------------------
Search Modal
    ---------------------------------------- */

.mad-modal--search .arcticmodal-container_i2 {
    vertical-align: middle;
}

.arcticmodal-container table {
    border-radius: 0;
}

.mad-modal--search {
    padding: 3rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    column-gap: 2rem;
    row-gap: 2rem;
    z-index: 1;
    background: none;
}

.mad-modal--search:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:var(--color-neutral-0);
    opacity: 0.9;
    z-index: -1;
}

.mad-modal--search .mad-title:not(:last-child) {
    margin-bottom: 0;
}

.mad-searchform {
    position: relative;
}

.mad-modal--search form {
    width: 100%;
    max-width: 55rem;
    display: flex;
}

.mad-modal--search form.mad-search-section input {
    width: 100%;
    height: 2rem!important;
}

.mad-modal--search form.mad-search-section .btn {
    min-width: 17rem;
}

.mad-search-section {
    display: flex;
    align-items: flex-end;
    column-gap: 2rem;
    row-gap: 2rem;
}

    /* ----------------------------------------
Responsive Iframe
    ---------------------------------------- */

.mad-responsive-iframe {
    position: relative;
    height: 0;
    padding-bottom: 56%;
}

.mad-responsive-iframe > iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.mad-fullwidth-iframe > iframe {
    width: 100%;
}

    /* ----------------------------------------
Comments
    ---------------------------------------- */

    .comments-list {
overflow: hidden;
    }

    .comments-list > .comment:first-child {
margin-top: -2rem;
    }

    .comment {
font-size: 1rem;
line-height: 1.5rem;
padding-top: 2rem;
    }

    .comment .fn {
font-family: Anglecia, sans-serif;
font-size: 1.25rem;
line-height: 2rem;
color: var(--color-neutral);
display: block;
font-style: normal;
    }

    .comment-author-avatar {
float: left;
margin-right: 1.5rem;
position: relative;
border-radius: 50%;
overflow: hidden;
z-index: 2;
    }

    .comment .children > li,
    .comment.comment-has-children > .comment-body > .comment-author-info {
position: relative;
    }

    .comment-author-info {
padding-left: 8rem;
    }

    .comment-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
column-gap: 1rem;
row-gap: 1rem;
    }

    .comment-row:not(:last-child) {
margin-bottom: 1.5rem;
    }

    .comment-meta {
font-size: 0.75rem;
line-height: 1rem;
text-transform: uppercase;
letter-spacing: 1px;
display: flex;
align-items: center;
    }

    .comment-meta i {
font-size: 1rem;
line-height: inherit;
    }

    .comment-meta time {
color: var(--color-neutral-60);
font-style: normal;
    }

    .comment-actions {
font-size: 0.6875rem;
line-height: 1.75rem;
text-transform: uppercase;
color: #b1b1b1;
letter-spacing: 0.82px;
margin-left: -0.5rem;
margin-right: -0.5rem;
    }

    .comment-actions > a {
margin-left: 0.5rem;
margin-right: 0.5rem;
    }

    .comment::after {
content: "";
display: block;
clear: both;
    }

    .comment .children {
padding-left: 2.5rem;
overflow: hidden;
    }

    .comment.single-comment {
padding: 3.5rem;
background: var(--color-neutral-5);
    }

/* ----------------------------------------
    3. Components
---------------------------------------- */

    /* ----------------------------------------
Social icons
    ---------------------------------------- */

.mad-social-icons ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.5rem;
    row-gap: .5rem;
}

.mad-social-icons ul li a {
/*
    width: 2.5rem;
    height: 2.5rem;
*/
	padding: 10px;
    font-size: 1.5rem;
/*    line-height: 2.5rem;*/
    text-align: center;
	border-radius: 7px;
    display: block;
    background: var(--color-secondary);
    color: var(--color-neutral-0);
}

.mad-social-icons ul li a:hover {
    background: var(--color-primary-lighter);
}

.mad-social-icons.size-2 ul {
    column-gap: 1rem;
    row-gap: 1rem;
}

.mad-social-icons.size-2 ul li a {
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    font-size: 1.5rem;
}

.mad-social-icons.size-small ul li a {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.875rem;
}

    /* ----------------------------------------
Dropcaps
    ---------------------------------------- */

.mad-dropcap > *:first-child:first-letter {
    font-size: 3rem;
    color: var(--color-neutral);
    font-weight: 400;
    line-height: 1;
    display: block;
    float: left;
    margin-right: 0.875rem;
    margin-top: 0;
}

.mad-dropcap--filled > *:first-child:first-letter {
    font-family: 'Roboro', sans-serif;
    font-size: 1.5rem;
    color: var(--color-neutral-0);
    background: var(--color-neutral);
    padding-top: 0.5rem;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0.5rem;
    margin-top: 0.25rem;
    border-radius: 50%;
}

.mad-dropcap.style-2:not(.mad-dropcap--filled) > *:first-child:first-letter {
    font-family: Anglecia, sans-serif;
}

.mad-dropcap.color-2 > *:first-child:first-letter {
    color: var(--color-primary);
}

.mad-dropcap--filled.style-2 > *:first-child:first-letter {
    border-radius: 0;
    background: var(--color-primary);
}

.mad-text-medium.mad-dropcap > *:first-child:first-letter {
    font-size: 4rem;
}

.mad-text-medium.mad-dropcap.mad-dropcap--filled > *:first-child:first-letter {
    font-size: 2rem;
    margin-top: 0.5rem;
}

/* firefox only */
@-moz-document url-prefix() {
    .mad-dropcap > *:first-child:first-letter {
margin-top: 6px;
    }
    .mad-dropcap--filled > *:first-child:first-letter {
margin-top: 4px;
padding-top: 0.6rem;
padding-bottom: 0.455rem;
    }
    .mad-dropcap--filled > *:first-child:first-letter {
padding-top: 11px;
padding-bottom: 11px;
    }
}

    /* ----------------------------------------
Alert Boxes
    ---------------------------------------- */

.mad-alert-box {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 2rem;
    width: 100%;
    flex: 1;
}

.mad-alert-box:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-alert-box strong {
    font-weight: inherit;
}

.mad-alert-box-inner {
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 4.5rem;
    padding-right: 3.75rem;
    text-align: initial;
}

.mad-alert-box-inner::before {
    font-family: 'Material Icons Outlined';
    font-size: 1.5rem;
    line-height: 1;
    position: absolute;
    font-weight: normal;
    left: 2rem;
    top: 1.25rem;
}

.mad-alert-box-close::-moz-selection {
    color: transparent;
}

.mad-alert-box-close::selection {
    color: transparent;
}

.mad-alert-box-close::-webkit-selection {
    color: transparent;
}

.mad-alert-box--success {
    color: #4a7309;
}

.mad-alert-box--success .mad-alert-box-inner {
    background:#F2F5EB;
    color: #7D9E36;
}

.mad-alert-box--success .mad-alert-box-inner::before {
    content: "check_circle";
}

.mad-alert-box--warning {
    color: #d9a934;
}

.mad-alert-box--warning .mad-alert-box-inner {
    background: #F5F0EB;
    color: #BF885E;
}

.mad-alert-box--warning .mad-alert-box-inner::before {
    content: "notification_important";
}

.mad-alert-box--info {
    color: #26658c;
}

.mad-alert-box--info .mad-alert-box-inner {
    color: #009DC4;
    background: #E6F6FA;
}

.mad-alert-box--info .mad-alert-box-inner::before {
    content: "info";
}

.mad-alert-box--error {
    color: #CC7C6E;
}

.mad-alert-box--error .mad-alert-box-inner {
    background: #FAEDEB;
}

.mad-alert-box--error .mad-alert-box-inner::before {
    content: "highlight_off";
}

.mad-alert-box-close {
    position: absolute;
    color: transparent;
    font-size: 1rem;
    line-height: 1;
    display: block;
    width: 1rem;
    height: 1rem;
    right: 1.75rem;
    top: 0;
    margin-top: 1.5rem;
    overflow: hidden;
}

.mad-alert-box-close::-moz-selection {
    color: transparent;
}

.mad-alert-box-close::selection {
    color: transparent;
}

.mad-alert-box-close::-webkit-selection {
    color: transparent;
}

.mad-alert-box-close::after {
    font-family: "Material Icons";
    content: 'close';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: bold;
    margin-top: -0.575rem;
    color: var(--color-neutral);
}

.mad-csstransforms3d .mad-alert-box-close {
    -webkit-transition: -webkit-transform .4s cubic-bezier(0.25, 3, 0.75, 0.9);
    transition: transform .4s cubic-bezier(0.25, 3, 0.75, 0.9);
}

.mad-csstransforms3d .mad-alert-box-close:hover {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3);
}

    /* ----------------------------------------
Lists
    ---------------------------------------- */

.mad-list-content > ul:not(.mad-list--icon):not(.mad-list--unstyled) > li::before,
.mad-list-content > ul > li i {
    font-size: 1.25rem;
    color: var(--color-primary);
}

.mad-list-content ol {
    list-style-position: inside;
    list-style-type: decimal;
}

.mad-list-content ol ol, .mad-entity-content ol ul {
    padding-left: 2rem;
}

.mad-list-content ol ul > li > ul,
.mad-list-content ol ul > li > ol {
    padding-left: 0;
}

.mad-list-title:not(:last-child) {
    margin-bottom: 0.5rem;
}

/* ----------------------------------------
    Icon List
---------------------------------------- */

    .mad-list--icon > li,
    .mad-list-content > ul:not(.mad-list--icon):not(.mad-list--unstyled) > li {
padding-left: 2rem;
line-height: 1.5rem;
position: relative;
    }

    .mad-list--icon > li > .icon,
    .mad-list-content > ul:not(.mad-list--icon):not(.mad-list--unstyled) > li::before {
position: absolute;
left: 1px;
top: 0;
line-height: 1.5rem;
    }

    .mad-list--icon ul,
    .mad-list-content > ul:not(.mad-list--icon):not(.mad-icon-first) {
padding-top: 1rem;
    }

    .mad-list-content > ul:not(.mad-list--icon):not(.mad-list--unstyled) > li:not(:last-child), 
    .mad-list--icon > li:not(:last-child), .mad-list--icon-big > li:not(:last-child), 
    .mad-list-content ol:not(.mad-list--unstyled) > li:not(:last-child),
    .mad-list-content > ul:not(.mad-list--icon):not(.mad-list--unstyled) > li:not(:last-child), 
    .mad-list--icon > li:not(:last-child), 
    .mad-list--icon-big > li:not(:last-child), 
    .mad-list-content > ol:not(.mad-list--unstyled) > li:not(:last-child) {
margin-bottom: 1rem;
    }


/* ----------------------------------------
    Vertical list
---------------------------------------- */

.mad-vr-list:not([class*="mad-text-"]) {
    font-size: 1rem;
    line-height: 1.5rem;
}

.mad-vr-list ul li:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-vr-list.mad-text-medium ul li:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-vr-list.menu ul li {
    position: relative;
    display: flex;
    column-gap: 1rem;
    align-items: center;
}

.mad-vr-list.menu ul li .mad-text-link {
    font-weight: normal;
}

.mad-vr-list.menu .mad-text-link:not(.no-arrow) {
    padding-right: 0;
    padding-left: 3rem;
    letter-spacing: 0;
}

.mad-vr-list.menu ul li .mad-text-link:not(.no-arrow):after, 
.mad-vr-list.menu ul li .mad-text-link:not(.no-arrow):before {
    left: auto;
    right: calc(100% - 2rem);
}

.mad-vr-list.menu .mad-text-link:not(.no-arrow):hover:after {
    transform: translateX(-100%);
} 

.mad-text-link:not(.no-arrow):hover:before,
.mad-text-link:not(.no-arrow):hover:after {
    background-color: var(--color-primary-lighter);
}

/* ----------------------------------------
    Horizontal list
---------------------------------------- */

.mad-hr-list ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.75rem;
    row-gap: 1rem;
}

.mad-hr-list ul li {
    position: relative;
}

.mad-hr-list ul li:not(:last-child):after {
    content: '';
    position: absolute;
    left: calc(100% + 1rem);
    top: 50%;
    margin-top: -0.4375rem;
    height: 0.875rem;
    background: var(--color-primary);
    width: 1px;
}

.mad-our-info {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2.5rem;
    row-gap: 2rem;
}

.mad-our-info .mad-info {
    font-size: 0.875rem;
    line-height: 1rem;
    font-weight: bold;
    align-items: center;
    color: var(--color-neutral);
    display: flex;
    column-gap: 0.5rem;
}

    /* ----------------------------------------
Blockquotes
    ---------------------------------------- */

blockquote:not(.mad-blockquote--unstyled) {
    font-weight: 400;
}

blockquote:not(.mad-blockquote--unstyled).mad-blockquote--style-2 {
    border-style: solid;
    border-width: 0 0 0 3px;
    color: #313131;
    background-color: #f8f8f8;
}

.mad-testimonial-bg {
    position: relative;
    padding: 3.5rem;
    background: var(--color-primary-10);
    z-index: 1;
}

.mad-testimonial-bg .mad-testimonial {
    text-align: left;
}

.mad-testimonial-bg .mad-testimonial .mad-author .mad-author-info {
    align-items: flex-start;
    color: var(--color-neutral-60);
}

.mad-testimonial-bg:not(.style-2):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/texture.png) no-repeat;
    z-index: -1;
}

.mad-testimonial-bg.style-2 {
    background: var(--color-primary);
}

.mad-testimonial-bg.style-2 .mad-testimonial blockquote {
    color: var(--color-neutral-0);
}

.mad-testimonial-bg.style-2 .mad-testimonial .mad-author .mad-author-info {
    color: var(--color-primary-25);
}

    /* ----------------------------------------
Buttons
    ---------------------------------------- */

.btn {
    padding: 1rem 1.5rem 1rem;
    display: inline-block;
    color: var(--color-neutral-0);
    font-weight: normal;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1rem;
    position: relative;
    white-space: nowrap;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 1;
    position: relative;
    background: var(--color-primary-lighter);
}

.btn:hover {
    background: var(--color-primary);
}

.btn.btn-disabled,
.btn.btn-disabled:hover {
    background: var(--color-neutral-20);
    color: var(--color-neutral);
}

.btn.style-2 {
    background: var(--color-secondary-80);
}

.btn.style-2:hover {
    background: var(--color-secondary-60);
}

.btn.style-3 {
    background: var(--color-secondary-10);
    color: var(--color-primary-darker);
}

.btn.style-3:hover {
    color: var(--color-secondary);
    background: var(--color-secondary-20);
}

.btn.style-2.btn-disabled,
.btn.style-2.btn-disabled:hover {
    background: var(--color-neutral-20);
    color: var(--color-neutral);
}

.btn-very-small {
    font-size: 0.75rem;
    padding: 0.5rem 1.5rem;
}

.btn-small {
    font-size: 0.75rem;
    padding: 0.75rem 1.5rem;
}

.btn-big {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 1rem 2rem;
    letter-spacing: 1.2px;
}

.btn-huge {
    font-size: 1.125rem;
    line-height: 2rem;
    padding: 1.25rem 2.375rem;
    letter-spacing: 1.2px;
}

[class*="btn"] > i {
    font-size: 1.25rem;
    display: inline-block;
    vertical-align: -4px;
    line-height: 0.5rem;
}

.btn-small > i {
    font-size: 1rem;
}

.btn-big > i {
    font-size: 1.5rem;
    vertical-align: -5px;
}

.btn-huge > i {
    font-size: 1.75rem;
    vertical-align: -7px;
}

[class*="btn"] > i:not(:only-child):first-child {
    margin-right: 0.5rem;
}

[class*="btn"] > i:not(:only-child):last-child {
    margin-left: 0.5rem;
}

.page-nav {
    padding-top: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.page-nav .menu-button {
    font-size: 30px;
}

.btn-wrap {
    margin: -0.625rem;
}

.btn-wrap > * {
    margin: 0.625rem;
}

.prev-btn,
.next-btn,
.exp {
    font-weight: 600;
    margin-left: 30px;
    position: relative;
}

.prev-btn,
.next-btn {
    border-bottom: 1px solid transparent;
}

.prev-btn:hover,
.next-btn:hover {
    border-bottom-color: inherit;
}

.prev-btn:before,
.next-btn:before,
.exp:before {
    font-family: 'Linearicons';
    content: '\e964';
    font-size: 20px;
    color: #262626;
    position: absolute;
    font-weight: normal;
    left: 0;
    top: 0;
    margin-top: -3px;
    margin-left: -30px;
}

.next-btn{
    margin-left: 0;
    margin-right: 30px;
}

.next-btn:before {
    margin-left: 0;
    margin-right: -30px;
}

.next-btn:before {
    content: '\e965';
    right: 0;
    left: auto;
}

.mad-back-to-top {
    width: 3.5rem;
    height: 3.5rem;
    padding: 0;
    text-align: center;
    position: fixed;
    border-radius: 50%;
    z-index: 103;
    right: 3.3%;
    top: 60%;
    color: var(--color-neutral-0);
    background: var(--color-secondary-80);
}

.mad-back-to-top:hover {
    background: var(--color-secondary-60);
}

.mad-back-to-top .icon {
    width: 1.375rem;
    height: 1.1875rem;
}

.mad-back-to-top .icon:after {
    content: 'keyboard_arrow_up';
    font-family: "Material Icons";
    font-size: 2rem;
    line-height: 3.5rem;
}

.mad-text-link {
    display: inline-block;
    position: relative;
    font-size: 1rem;
    overflow: hidden;
    line-height: 1.625rem;
    font-weight: 500;
    letter-spacing: 1.5px;
    color: var(--color-primary);
}

.mad-text-link:not(.no-arrow) {
    padding-right: 5.25rem;
    position: relative;
} 

.mad-text-link .link-container {
    position: relative;
}

.mad-text-link:not(.no-arrow):after,
.mad-text-link:not(.no-arrow):before {
    position: absolute;
    left: calc(100% - 3.5rem);
    top: 50%;
    margin-top: -0.4063rem;
    content: '';
    width: 3.5rem;
    height: 13px;
    -webkit-mask: url(../royal_beach_resort_svg/arrow_menu.svg) no-repeat;
    mask: url(../royal_beach_resort_svg/arrow_menu.svg) no-repeat;
    background-color: var(--color-primary);
    transition: all .4s ease;
}

.mad-text-link:not(.no-arrow):hover:after {
    transform: translateX(100%);
}

.mad-text-link:not(.no-arrow):before {
    width: 0;
    transition-delay: 0.2s;
}

.mad-text-link:not(.no-arrow):hover:before {
    width: 3.5rem;
}

.mad-text-link:not([class*="style-"]):hover {
    color: var(--color-primary-lighter);
}

.mad-text-link:not([class*="style-"]):not(.no-arrow):hover:after {
    background-color: var(--color-primary-lighter);
}

.mad-text-link.style-2 {
    color: var(--color-secondary-80);
}

.mad-text-link.style-2:after {
    background-color: var(--color-secondary-80);
}

.mad-text-link.style-2:hover {
    color: var(--color-secondary-60);
}

.mad-text-link.style-3 {
    color: var(--color-secondary);
}

.mad-text-link.style-3:after {
    background-color: var(--color-secondary);
}

.mad-text-link.style-3:hover {
    color: var(--color-secondary);
}

.mad-text-link.style-2:hover:after,
.mad-text-link.style-2:hover:before {
    background-color: var(--color-secondary-60);
}

.mad-text-link.style-2.btn-pressed:not(.no-arrow):after,
.mad-text-link.style-2.btn-pressed:not(.no-arrow):before {
    background-color: var(--color-secondary);
}

.mad-text-link.style-2.btn-disabled {
    color: var(--color-secondary-60);
}

.mad-text-link.style-2.btn-disabled:not(.no-arrow):after,
.mad-text-link.style-2.btn-disabled:not(.no-arrow):before {
    background-color: var(--color-secondary-60);
}

.mad-text-link.btn-disabled,
.mad-text-link.btn-disabled:hover {
    color: var(--color-neutral-40);
}

.mad-text-link.btn-disabled:not([class*="style-"]):not(.no-arrow):after,
.mad-text-link.btn-disabled:not([class*="style-"]):not(.no-arrow):before {
    background-color: var(--color-neutral-40);
}

.mad-share-wrap {
    position: relative;
}

.mad-share-wrap:not(.type-2) .mad-social-icons {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -1rem;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    transform: translateY(50%);
}

.mad-share-wrap:hover .mad-social-icons {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.mad-share-wrap:not(.type-2):hover a.share {
    opacity: 0;
    visibility: hidden;
}

.mad-share-wrap:not(.type-2) .mad-social-icons > ul {
    flex-wrap: nowrap;
}

.mad-share-wrap.type-2 {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2rem;
    row-gap: 1rem;
}

.mad-share-wrap.type-2 > span {
    font-size: 1rem;
    letter-spacing: 1px;
    color: var(--color-neutral-60);
}

.mad-text-link.share:after {
    font-family: 'Material Icons Outlined';
    content: 'share';
    background: none;
    width: auto;
    height: auto;
    margin-left: 1.25rem;
    font-size: 1.5rem;
    display: inline-block;
    vertical-align: middle;
}

.mad-flex-item {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2rem;
    row-gap: 2rem;
}

.btn-set {
    margin: -1rem -0.5rem 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.btn-set > * {
    margin: 1rem 0.5rem 0;
}

.btn-set.vr-type {
    flex-direction: column;
}

.btn-set.small-btns {
    margin: -0.25rem -0.125rem 0;
}

.btn-set.small-btns > * {
    margin: 0.25rem 0.125rem 0;
}

.btn-set.big-btns {
    margin: -2rem -1rem 0;
}

.btn-set.big-btns > * {
    margin: 2rem 1rem 0;;
}

.btn-set.size-2 {
    margin: -1rem -1.25rem 0;
}

.btn-set.size-2 > * {
    margin: 1rem 1.25rem 0;;
}

.btn-set.mad-logos {
    flex-wrap: nowrap;
    margin: -1.5rem -0.75rem 0;
}

.btn-set.mad-logos > * {
    margin: 1.5rem 0.75rem 0;
}

.btns-set {
    margin: -3rem -1.5rem 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.btns-set:not(:last-child) {
    margin-bottom: 4rem;
}

.btns-set > ul {
    width: 20%;
    padding: 3rem 1.5rem 0;
    line-height: normal;
}

.btns-set ul > li:not([class*="content-element-"]):not(:last-child) {
    margin-bottom: 1.5rem;
}

.mad-share-btns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -0.25rem -0.125rem 0;
}

.mad-share-btns > a {
    padding: 0.3125rem 2rem;
    font-size: 0.9375rem;
    letter-spacing: 0.1px;
    color: #fff!important;
    border-radius: 8px;
    font-weight: 500;
    margin: 0.25rem 0.125rem 0;
    background-image: none!important;
}

.mad-share-btns > a i {
    font-size: 0.75rem;
    margin-right: 0.625rem!important;
    margin-left: 0!important;
    margin-top: 0.25rem;
    line-height: 25px;
}

.mad-share-btns > a i.icon {
    font-size: 0.875rem;
}

.mad-share-btns > span {
    margin-right: 1rem;
}

.mad-paycards a {
    border-radius: 0.5rem;
    display: block;
    overflow: hidden;
}

    /* ----------------------------------------
Panels (Accordions & Toggles)
    ---------------------------------------- */

.mad-panels-title > button {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400;
    font-family: "Anglecia", sans-serif;
    text-align: initial;
    display: block;
    width: 100%;
    position: relative;
    padding-left: 2.5rem;
    letter-spacing: -0.3px;
    background-clip: padding-box;
    color: var(--color-primary);

    -webkit-transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1);

    -webkit-user-select: none;
       -moz-user-select: none;
-ms-user-select: none;
 -o-user-select: none;
    user-select: none;
}

.mad-panels-title > button:hover {
    color: var(--color-primary-lighter);
}

.mad-panels-title > button::after,
.mad-panels-title > button::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1rem;
    height: 1.5rem;
    width: 1.5rem;
    background-color: var(--color-primary);
}

.mad-panels-title > button::before {
   -webkit-mask: url(../images/plus.svg) no-repeat;
    mask: url(../images/plus.svg) no-repeat;
    top: 0.25rem;
}

.mad-panels-title > button::after {
    -webkit-mask: url(../images/minus.svg) no-repeat;
    mask: url(../images/minus.svg) no-repeat;
    opacity: 0;
}

.mad-panels:not(.mad-panels--style-2) {
    margin-bottom: -2rem;
}

.mad-panels:not(.mad-panels--style-2) .mad-panels-title.mad-panels-active > button::after,
.mad-panels:not(.mad-panels--style-2) .mad-panels-title.mad-panels-active > button::before {
    background-color: var(--color-neutral);
}

.mad-panels-title:not(:last-child) {
    margin-bottom: 0;
}

.mad-panels-active.mad-panels-title > button::before {
    opacity: 0;
}

.mad-panels-active.mad-panels-title > button::after {
    opacity: 1;
}

.mad-panels-definition {
    padding-top: 1.5rem;
    padding-bottom: 2rem;
    /* overflow: hidden; */
}

.mad-panels-title:not(.mad-panels-active):not(:last-child) {
    margin-bottom: 2rem;
}

.mad-panels-definition:not(:last-child) {
    margin-bottom: 0;
}

.mad-panels-definition p:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-panels-title.mad-panels-active > button {
    color: var(--color-neutral);
}

.mad-panels-title:first-child > button {
    border-top: none;
}

.mad-panels-title > button {
    border-width: 1px 0 0 0;
    border-color: #dadada;
}

.mad-panels.mad-panels--style-2 .mad-panels-title > button {
    background-color: var(--color-primary);
    color: var(--color-neutral-0);
    padding: 1rem 2rem;
    padding-left: 4.5rem;
}

.mad-panels.mad-panels--style-2 {
    margin-bottom: -0.5rem;
}

.mad-panels.mad-panels--style-2 .mad-panels-title > button:hover {
    background-color: var(--color-primary-lighter);
}

.mad-panels.mad-panels--style-2 .mad-panels-title.mad-panels-active > button {
    background-color: var(--color-primary-darker);
}

.mad-panels.mad-panels--style-2 .mad-panels-title > button::before {
   -webkit-mask: url(../royal_beach_resort_svg/plus.svg) no-repeat;
    mask: url(../royal_beach_resort_svg/plus.svg) no-repeat;
    left: 2rem;
    top: 50%;
    transform: translateY(-50%);
    background: var(--color-neutral-0);
}

.mad-panels.mad-panels--style-2 .mad-panels-title > button::after {
    -webkit-mask: url(../royal_beach_resort_svg/minus.svg) no-repeat;
    mask: url(../royal_beach_resort_svg/minus.svg) no-repeat;
    left: 2rem;
    top: 50%;
    transform: translateY(-50%);
    background: var(--color-neutral-0);
}

.mad-panels.mad-panels--style-2 .mad-panels-title:not(.mad-panels-active):not(:last-child) {
    margin-bottom: 0.5rem;
}

.mad-panels.mad-panels--style-2 .mad-panels-definition {
    padding: 2rem;
}

.mad-csstransforms3d .mad-panels-title > button::after,
.mad-csstransforms3d .mad-panels-title > button::before {
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
}

.mad-csstransforms3d .mad-panels-title > button::after,
.mad-csstransforms3d .mad-panels-title.mad-panels-active > button::before {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}

.mad-csstransforms3d .mad-panels-title > button::before,
.mad-csstransforms3d .mad-panels-title.mad-panels-active > button::after {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.mad-panels.type-2 .mad-panels-title > button {
    padding-left: 0;
    padding-right: 2.5rem;
}

.mad-panels.type-2 .mad-panels-title > button::after, 
.mad-panels.type-2 .mad-panels-title > button::before {
    left: auto;
    right: 0;
}

.mad-panels.type-big .mad-panels-title > button {
    padding-left: 0;
    color: var(--color-secondary-40);
    font-size: 3.5rem;
    line-height: 4rem;
    letter-spacing: -0.5px;
}

.mad-panels.type-big .mad-panels-title > button::after, 
.mad-panels.type-big .mad-panels-title > button::before {
    display: none;
}

.mad-panels.type-big .mad-panels-title.mad-panels-active > button {
    color: var(--color-neutral-0);
}

.mad-panels-img {
    position: relative;
    height: 69rem;
    overflow: hidden;
}

.mad-panels-img > section {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all .8s ease;
    transform:translatex(-50%) scalex(2);
    opacity:0;
    filter:blur(10px);
}

.mad-panels-img > section.clicked {
    transform: translatex(0) scalex(1);
    opacity: 1;
    filter: blur(0);
}

    /* ----------------------------------------
Tabs & Tour Sections
    ---------------------------------------- */

.mad-tabs:not(.mad-tabs--unstyled) {
    overflow: hidden;
}

.mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav {
    font-weight: bold;
    display: flex;
    column-gap: 2.5rem;
    position: relative;
    z-index: 2;

    -webkit-user-select: none;
       -moz-user-select: none;
 -o-user-select: none;
-ms-user-select: none;
    user-select: none;
}

.mad-tabs.mad-tabs--style-2:not(.mad-tabs--unstyled):not(.mad-tabs--tour-sections) .mad-tabs-nav > span {
    margin-bottom: -2px;
}

.mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav a {
    font-family: Anglecia, sans-serif;
    color: var(--color-primary);
    display: block;
    font-weight: normal;
    white-space: nowrap;
    font-size: 1.5rem;
    line-height: 2rem;

    -webkit-transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: background-color .5s cubic-bezier(0.165, 0.84, 0.44, 1), color .5s cubic-bezier(0.165, 0.84, 0.44, 1), border-color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav a:hover {
    color: var(--color-primary-lighter);
}

.mad-tabs:not(.mad-tabs--unstyled) .mad-tabs-nav .mad-active > a {
    color: var(--color-neutral);
}

.mad-tabs:not(.mad-tabs--unstyled) .mad-tab {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-top: 1.5rem;
}

.mad-tabs--style-2:not(.mad-tabs--unstyled) .mad-tabs-nav {
    column-gap: 0.5rem;
    row-gap: 0.5rem;
}

.mad-tabs--style-2:not(.mad-tabs--unstyled) .mad-tabs-nav a {
    position: relative;
    padding: 1rem 2rem;
    background: var(--color-primary);
    color: var(--color-neutral-0);
}

.mad-tabs--style-2:not(.mad-tabs--unstyled) .mad-tabs-nav a:hover {
    background: var(--color-primary-lighter);
    color: var(--color-neutral-0);
}

.mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2:not(.mad-tabs--tour-sections) .mad-tabs-nav .mad-active > a {
    background: var(--color-primary-darker);
    color: var(--color-neutral-0);
}

.mad-tabs--style-2:not(.mad-tabs--unstyled) .mad-tab {
    padding: 2rem;
    padding-bottom: 0;
    overflow: hidden;
}

.mad-tabs--tour-sections:not(.mad-tabs--unstyled) .mad-tabs-nav {
    float: left;
    width: 100%;
    max-width: 17rem;
    display: block;
    border: none;
}

.mad-tabs--tour-sections:not(.mad-tabs--unstyled) .mad-tabs-nav > span {
    display: block;
}

.mad-tabs--tour-sections .mad-tabs-nav > span a {
    position: relative;
    padding-left: 2.5rem;
}

.mad-tabs--tour-sections .mad-tabs-nav > span:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-tabs--tour-sections .mad-tabs-nav > span a:before,
.mad-tabs--tour-sections .mad-tabs-nav > span a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 1.5rem;
    transform: translateY(-50%);
    width: 1.5rem;
    vertical-align: middle;
    background-color: var(--color-primary);
}

.mad-tabs--tour-sections .mad-tabs-nav > span a:after {
    height: 0.125rem;
}

.mad-tabs--tour-sections .mad-tabs-nav > span a:after {
    -webkit-mask: url(../royal_beach_resort_svg/minus.svg) no-repeat;
    mask: url(../royal_beach_resort_svg/minus.svg) no-repeat;
    opacity: 0;
}

.mad-tabs--tour-sections .mad-tabs-nav > span a:before {
    -webkit-mask: url(../royal_beach_resort_svg/plus.svg) no-repeat;
    mask: url(../royal_beach_resort_svg/plus.svg) no-repeat;
}

.mad-tabs--tour-sections .mad-tabs-nav > span.mad-active a:before {
    opacity: 0;
}

.mad-tabs--tour-sections .mad-tabs-nav > span.mad-active a:after {
    opacity: 1;
}

.mad-tabs--tour-sections:not(.mad-tabs--unstyled):not(.mad-tabs--style-2) .mad-tabs-nav > span:first-child a {
    padding-top: 0;
}

.mad-tabs--tour-sections:not(.mad-tabs--unstyled),
.mad-tabs--tour-sections:not(.mad-tabs--unstyled) .mad-tabs-container {
    overflow: hidden;
}

.mad-tabs--tour-sections:not(.mad-tabs--unstyled):not(.mad-tabs--style-2) .mad-tab {
    padding-top: 0;
    padding-left: 2rem;
}

.mad-tabs--tour-sections:not(.mad-tabs--unstyled) .mad-tab,
.mad-tabs--tour-sections:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tab {
    padding-top: 0;
}

.mad-tabs--tour-sections:not(.mad-tabs--unstyled) .mad-tab {
    padding-right: 0;
}

.mad-tabs--tour-sections:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-nav {
    margin-right: -2px;
    margin-bottom: -2px;
}

.mad-tabs--tour-sections:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-nav a {
    padding: 1rem 2rem;
    padding-left: 4.5rem;
}

.mad-tabs--tour-sections.mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-nav > span a:after,
.mad-tabs--tour-sections.mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-nav > span a:before {
    background-color: var(--color-neutral-0);
    left: 2rem;
}

.mad-tabs--tour-sections.mad-tabs:not(.mad-tabs--unstyled).mad-tabs--style-2 .mad-tabs-nav > span.mad-active a {
    color: var(--color-neutral-0);
    background: var(--color-primary-darker);
}

.mad-tabs--tour-sections.mad-tabs--style-2 .mad-tabs-nav > span:not(:last-child) {
    margin-bottom: 0.5rem;
}

.mad-tabs.no-icons:not(.mad-tabs--unstyled) .mad-tabs-nav > span a {
    padding: 0;
}

.mad-tabs.no-icons .mad-tabs-nav > span a:before,
.mad-tabs.no-icons .mad-tabs-nav > span a:after {
    display: none;
}

    /* ----------------------------------------
Pagination
    ---------------------------------------- */

.mad-media-element {
    position: relative;
    background-size: cover;
    height: 66.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3!important;
}

.mad-media-element.size-2 {
    height: 57.5rem;
}

.mad-media-element.size-2 .mad-media-element-inner {
    margin-bottom: 2.5rem;
}

.mad-media-element form label {
    color: var(--color-neutral-20);
}

.mad-media-element-inner {
    text-align: center;
}

.mad-media-item {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2.5rem 1rem;
}

.mad-media-item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-neutral);
    opacity: 0.6;
    z-index: -1;
}

.mad-media-element .mad-title {
    text-transform: capitalize;
    color: var(--color-neutral-0);
}

.mad-media-element .mad-pre-title {
    color: var(--color-neutral-15);
}

.mad-media-element .mad-pre-title:before {
    background-color: var(--color-neutral-15);
}

.mad-media-element .mad-title:not(:last-child) {
    margin-bottom: 1.75rem;
}

.mad-video-btn {
    margin: 0 auto;
    width: 5.5rem;
    height: 5.5rem;
    border: 2px solid var(--color-neutral-20);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mad-video-btn:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 21px solid var(--color-neutral-0);
    border-bottom: 12px solid transparent;
    transition: all .5s ease;
}

.mad-video-btn:hover:after {
    transform: scale(1.2);
}

.mad-video-title {
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: uppercase;
    color: var(--color-neutral-15);
    letter-spacing: 2px;
    padding-top: 0.5rem;
}

/* Pages Navigation */

.mad-page-nav {
    margin-top: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mad-page-nav > [class*="mad-nav-"] {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 50%;
}

.mad-page-nav > [class*="mad-nav-"]:before {
    content: '';
    display: block;
    width: 3.5rem;
    min-width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    line-height: 3.5rem;
    background: #e6e6e6;
    transition: all .5s ease;
    border-radius: 50%;
    cursor: pointer;
}

.mad-page-nav > .mad-nav-left:after,
.mad-page-nav > .mad-nav-right:after {
    position: absolute;
    left: 1rem;
    top: 50%;
    margin-top: -9.5px;
    content: '';
    height: 19px;
    width: 22px;
    -webkit-mask: url(../yummi_svg_icons/arrow_left.svg) no-repeat;
    mask: url(../yummi_svg_icons/arrow_left.svg) no-repeat;
    background-color: #232223;
    background-size: cover;
}

.mad-page-nav > .mad-nav-right:after {
    left: auto;
    right: 1rem;
    -webkit-mask: url(../yummi_svg_icons/arrow_right.svg) no-repeat;
    mask: url(../yummi_svg_icons/arrow_right.svg) no-repeat;
}

.mad-page-nav > [class*="mad-nav-"]:hover:before {
    background: #ebe117;
}

.nav-actions a b {
    font-weight: normal;
}

.mad-page-nav > .mad-nav-right {
    flex-direction: row-reverse;
    text-align: right;
}

.mad-page-nav > [class*="mad-nav-"] > * {
    padding: 0 1rem;
}

.mad-page-nav.mad-entities.mad-entity-hr .mad-nav-right .mad-entity .mad-entity-tags {
    justify-content: flex-end;
}

.mad-page-nav.mad-entities.mad-entity-hr .mad-nav-right .mad-entity .mad-entity-media {
    margin-right: 0;
    margin-left: 1rem;
}

/* / Pages Navigation */

.mad-pagination {
    display: flex;
    margin-top: 3.5rem;
    column-gap: 0.5rem;
    justify-content: center;
}

.mad-pagination > li > a:not(.mad-arrows),
.mad-pagination > li > a.mad-arrows > i {
    display: block;
    font-weight: 500;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    font-size: 1rem;
    line-height: 3.5rem;
    color: var(--color-primary);
    border-radius: 50%;
    border: 1px solid var(--color-primary);
    transition: all .5s ease;
}

.mad-pagination > li > a.mad-arrows {
    display: flex;
    align-items: center;
    column-gap: 2rem;
    font-weight: 500;
    width: auto;
    color: var(--color-primary);
    letter-spacing: 0.125rem;
}

.mad-pagination > li:first-child,
.mad-pagination > li:last-child {
    flex: auto;
}

.mad-pagination > li > a.mad-arrows.next {
    flex-direction: row-reverse;
}

.mad-pagination > li > a.mad-arrows > i {
    font-size: 2rem;
}

.mad-pagination > li > a.page-numbers > i {
    line-height: 3.25rem;
}

.mad-pagination > li > a:hover,
.mad-pagination > li > a.mad-arrows:hover > i {
    color: var(--color-primary-lighter);
    border-color: var(--color-primary-lighter);
}

.mad-pagination > li > a.current {
    color: var(--color-primary-darker);
    border-color: var(--color-primary-darker);
}

    /* ----------------------------------------
Progress Bars
    ---------------------------------------- */

.mad-progress-bars-item:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-progress-bar {
    height: 0.5rem;
    position: relative;
    background-color: var(--color-primary-25);
}

.mad-progress-bar-title {
    font-family: Anglecia, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
    display: block;
    position: relative;
    padding-right: 6.25rem;
    letter-spacing: -0.3px;
    color: var(--color-neutral);
}

.mad-progress-bar-title::after {
    content: attr(data-value) attr(data-units);
    position: absolute;
    bottom: 0;
    right: 0;
}

.mad-progress-bar-indicator {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    background: var(--color-primary);
}

.mad-progress-bars--secondary .mad-progress-bar {
    height: 0.25rem;
}

.mad-progress-bars--secondary .mad-progress-bar-title {
    font-family: 'Roboto', sans-serif;
    font-size: 1.125rem;
}

.mad-progress-bars.style-2 .mad-progress-bar {
    background: var(--color-neutral-15);
}

.mad-progress-bars.style-2 .mad-progress-bar-indicator {
    background: var(--color-neutral);
}

.mad-review-section {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2rem;
    row-gap: 2rem;
}

.mad-review-section > * {
    flex: 1;
}

.mad-review-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    height: 100%;
    width: 100%;
    max-width: 17rem;
    min-height: 17rem;
    background: var(--color-primary-10);
}

.mad-review-box-inner {
    font-family: Anglecia, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: -0.5px;
    text-align: center;
    color: var(--color-neutral);
    display: flex;
    flex-direction: column;
}

.mad-review-box-inner > span:first-child {
    font-size: 6rem;
    line-height: 6rem;
    color: var(--color-primary);
}

    /* ----------------------------------------
Counters
    ---------------------------------------- */

.mad-counters {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

.mad-counters[class*="item-col-"]:not(.no-gutters) {
    margin-top: -3rem;
}

.mad-counters[class*="item-col-"]:not(.no-gutters) > * {
    padding-top: 3rem;
}

.mad-counter {
    color: var(--color-neutral-80);
    font-size: 1rem;
    line-height: 1.5rem;
}

.mad-counter-count {
    font-family: 'Anglecia', sans-serif;
    font-size: 3.5rem;
    line-height: 4rem;
    white-space: nowrap;
    font-weight: 400;
    color: var(--color-neutral);
    letter-spacing: 0;
}

.mad-counter-icon .svg {
    height: 6rem;
}

.mad-counter-icon .svg path {
    stroke: var(--color-primary);
}

.mad-counters.type-2 .mad-counter-icon .svg {
    height: 3.875rem;
}

.mad-counters.vr-type .mad-counter .mad-counter-inner {
    flex-direction: column;
    column-gap: 0;
    row-gap: 0;
}

.mad-counters.vr-type .mad-counter .mad-counter-icon:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-counter .mad-counter-icon:after {
    width: 4rem;
    height: 4rem;
    margin-right: -0.5rem;
    margin-top: -0.5rem;
}

.mad-counters .mad-counter .mad-counter-inner {
    display: flex;
    column-gap: 1.5rem;
    row-gap: 1rem;
}

.mad-counters.style-2 .mad-counter {
    color: var(--color-primary-10);
}

.mad-counters.style-2 .mad-counter-count {
    color: var(--color-neutral-0);
}

.mad-counters.no-icons .mad-counter .mad-counter-icon {
    display: none;
}

    /* ----------------------------------------
Products
    ---------------------------------------- */

.mad-products[class*="item-col-"]:not(.no-gutters) {
    margin-top: -2rem;
}

.mad-products[class*="item-col-"]:not(.no-gutters) > * {
    padding-top: 2rem;
}

.mad-products:not(.owl-carousel) {
    display: flex;
    flex-wrap: wrap;
}

.mad-products.mad-product-small {
    flex-direction: column;
}

.mad-products:not(.mad-product-small) .mad-product {
    position: relative;
    overflow: hidden;
    transition: all .5s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--color-neutral-5);
}

.mad-products:not(.mad-product-small) .mad-product-content {
    padding: 3rem;
}

.mad-products:not(.mad-product-small) .mad-product:hover {
    border-color: #26658c;
}

.mad-products .mad-product-image {
    position: relative;
    background: none!important;
}

.mad-products.mad-product-small .mad-product {
    display: flex;
    column-gap: 1.5rem;
    row-gap: 1rem;
}

.mad-products.mad-product-small .mad-product:not(:last-child) {
    margin-bottom: 1.5rem;
}

.mad-products.mad-product-small .mad-product-title {
    font-size: 1.125rem;
    line-height: 2rem;
}

.mad-products.mad-product-small .mad-product-title:not(:last-child) {
    margin-bottom: 0.5rem;
}

.mad-products .mad-product-title a {
    border-bottom: 1px solid transparent;
}

.mad-products .mad-product-title a:hover {
    border-bottom-color: inherit;
}

table .mad-price {
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--color-secondary);
}

.mad-products.mad-product-small .mad-price {
    font-size: 0.875rem;
    line-height: 1rem;
    color: var(--color-secondary);
}

.mad-products.mad-product-small .mad-price:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-products:not(.mad-product-small) .mad-price,
.mad-product-single .mad-price {
    font-size: 1.125rem;
    line-height: 2rem;
    color: var(--color-secondary);
}

.mad-products:not(.mad-product-small) .mad-price span,
.mad-product-single .mad-price span {
    color: var(--color-neutral-60);
    text-decoration: line-through;
}

.mad-product .mad-product-image {
    position: relative;
}

.mad-product .mad-product-image img {
    width: 100%;
}

.mad-product .mad-product-image > .btn {
    position: absolute;
    left: 50%;
    margin-top: -1.5rem;
    top: 50%;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 100%);
}

.mad-product .mad-label {
    position: absolute;
    top: 3.5rem;
    left: 0;
    line-height: 2rem;
    height: 2rem;
    padding: 0 1rem;
    text-transform: uppercase;
    font-size: 0.875rem;
    color: var(--color-neutral-80);
    letter-spacing: 1px;
    background: #FAEDEB;
}

.mad-product .mad-product-image .mad-label.new {
    background: var(--color-primary-10);
}

.mad-product:hover .mad-product-image > .btn {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}

.mad-price-holder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    column-gap: 1rem;
    row-gap: 1rem;
}

.shop-cart-form table tr th:first-child {
    width: 37%;
}

.shop-cart-form .mad-product {
    align-items: flex-start;
    display: flex;
    align-items: center;
    column-gap: 1.5rem;
    row-gap: 1.5rem;
}

.shop-cart-form .mad-product .mad-close-item {
    font-size: 1.5rem;
    color: var(--color-primary);
}

.shop-cart-form .mad-product .mad-close-item:hover {
    color: var(--color-primary-darker);
}

.shop-cart-form tr td {
    vertical-align: middle;
}

.mad-shop-footer {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
    row-gap: 1rem;
    justify-content: space-between;
}

.mad-shop-footer form input {
    min-width: 24.5rem
}

.mad-order .mad-product-title {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0;
}

.mad-order.mad-table-wrap table:not(.mad-table--vertical) tr th:last-child {
    width: 33%;
}

.mad-order.mad-table-wrap table:not(:last-child) {
    margin-bottom: 0;
} 

.mad-order table tr td.payment-option {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 0.8125rem;
    line-height: 1rem;
}

.payment-option input[type="radio"] + label[for] {
    font-family: Anglecia, sans-serif;
    font-size: 1.125rem;
    padding-left: 3.5rem;
    padding-top: 0.25rem;
}

.payment-option input[type="checkbox"] + label[for] {
    padding-left: 3.5rem;
    padding-top: 0.25rem;
}

.payment-option input[type="radio"] + label[for]:not(:last-child) {
    margin-bottom: 0.5rem;
}

.payment-option input[type="radio"] + label[for]::before,
.payment-option input[type="checkbox"] + label[for]::before {
    width: 2.25rem;
    height: 2.25rem;
}

.payment-option input[type="radio"] + label[for]::after {
    width: 1rem;
    height: 1rem;
    left: 0.75rem;
    top: 0.75rem;
}

.payment-option input[type="checkbox"] + label[for]:after {
    font-size: 2rem;
    left: 4px;
}

.payment-option li:last-child {
    padding-top: 15px;
}

.payment-desc {
    font-size: 0.875rem;
    line-height: 1rem;
    padding-left: 3.5rem;
}

.input-wrapper.with-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.payment-option .input-wrapper.with-link input[type="radio"] + label[for] {
    padding-top: 0.5rem;
}

.payment-option .input-wrapper.with-link input[type="radio"] + label[for] span {
    display: inline-block;
    line-height: 1rem;
    padding-left: 0.25rem;
}

.payment-option .input-wrapper:not(:last-child){
    margin-bottom: 0;
}

.payment-option .input-wrapper.with-link .mad-link {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.payment-option input[type="checkbox"] + label[for] {
    padding-top: 0;
    padding-bottom: 0;
}
    
.hidden-section .row:not(.col-no-space) {
    margin-bottom: -1rem;
}
    
.hidden-section .row:not(.col-no-space) > [class*="col"] {
    padding-bottom: 1rem;
}
    
.hidden-section:not(:last-child) {
    margin-bottom: 0.5rem;
}
    
.hidden-section .account-action {
    display: block;
    padding: 1rem 2rem;
    background: var(--color-primary);
    font-family: Anglecia, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    color: var(--color-neutral-0);
}

.hidden-section .account-action:hover {
    background: var(--color-primary-lighter);
}

.hidden-section .account-action.toggled {
    background: var(--color-primary-darker);
}
    
.hidden-section .content {
    padding: 2rem;
}

.mad-table-wrap.shop-acc table tr td:last-child a {
    font-weight: 500;
    letter-spacing: 1px;
}

/* Product Single */

.mad-product.mad-product-single:not(:last-child) {
    margin-bottom: 4rem;
}

.mad-product.mad-product-single {
    display: flex;
    column-gap: 2rem;
    row-gap: 2rem;
}

.mad-product.mad-product-single .mad-label {
    z-index: 8;
    line-height: 2.5rem;
    height: 2.5rem;
    font-size: 1rem;
    left: 3.5rem;
}

.mad-product.mad-product-single .mad-col {
    width: 40%;
}

.mad-product.mad-product-single .mad-col:first-child {
    width: 60%;
}

#main .mad-product.mad-product-single .mad-col {
    width: 45%;
}

#main .mad-product.mad-product-single .mad-col:first-child {
    width: 55%;
}

.image-preview {
    position: relative;
}

.mad-zoom-img {
    position: absolute;
    right: 3.5rem;
    bottom: 3.5rem;
    z-index: 9;
}

.mad-product-single .mad-price {
    font-size: 1.875rem;
    line-height: 2.5rem;
}

.mad-product-single .mad-product-title:not(:last-child),
.mad-product-single .mad-price:not(:last-child) {
    margin-bottom: 1.5rem;
}

.image-preview-container.type-2 {
    position: relative;
    overflow: hidden;
}

.image-preview-container.type-2 .image-preview {
    min-width: 51.5rem;
    margin-left: 12.875rem;
}

.image-preview-container.type-2 .image-preview .mad-label {
    left: 3.5rem;
}

.image-preview-container.type-2 .mad-thumb-holer {
    position: absolute;
    transform: rotate(90deg);
    top: 320px;
    left: -315px;
    z-index: 8;
    width: 100%;
    max-width: 51.5rem;
}

.image-preview-container.type-2 .mad-thumb-holer .mad-grid-item img {
    transform: rotate(-90deg);
}

.image-preview-container:not(.type-2) .mad-thumb-holer {
    margin-top: 1rem;
}

/* ----------------- Quantity ----------------- */

.quantity {
    width: 100%;
    position: relative;
}

.quantity input[type="text"] {
    font-size: 3rem;
    line-height: 3.5rem;
    padding-bottom: 0;
    color: var(--color-neutral-0);
    border-color: var(--color-neutral-0);
}

.quantity button {
    position: absolute;
    top: 0.25rem;
    right: 0;
    max-width: 1rem;
}

.quantity button.qty-minus {
    top: auto;
    bottom: 0.25rem;
}

.quantity button i {
    font-size: 1.25rem;
    color: var(--color-neutral-0);
}

.quantity.size-2 input[type="text"] {
    font-size: 1rem;
    line-height: 2rem;
    height: 2rem;
}

.quantity.size-2 button.qty-plus {
    margin-top: -1.5rem;
}

.quantity.type-2 {
    max-width: 11rem;
}

.quantity.type-2 input[type="text"] {
    font-family: Anglecia, sans-serif;
    border: 2px solid var(--color-neutral-80);
    line-height: 3.5rem;
    height: 3.5rem;
    color: var(--color-neutral-80);
    font-size: 1rem;
    text-align: center;
}

.quantity.type-2 button i {
    color: var(--color-neutral-80);
}

.quantity.type-2 button {
    top: 50%;
    transform: translateY(-50%);
}

.quantity.type-2 .qty-plus {
    right: 1rem;
    
}

.quantity.type-2 .qty-minus {
    left: 1rem;
}

/* Shopping Cart */

.mad-dropdown-cart > .mad-dropdown-title i {
    position: relative;
}

.mad-dropdown-cart > .mad-dropdown-title i > span {
    font-family: "Inter", sans-serif;
    position: absolute;
    width: 1rem;
    height: 1rem;
    background: var(--color-primary-lighter);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 1rem;
    font-size: 10px;
    font-weight: 500;
    bottom: -4px;
    right: -6px;
}

.mad-dropdown-cart .shopping-cart {
    left: auto;
    right: 4rem;
    margin: 0;
    transform: none!important;
}

.mad-dropdown-cart:hover .shopping-cart {
    padding: 2rem;
    max-width: 24.5rem;
    opacity: 1;
    visibility: visible;
}

.mad-dropdown-cart .shopping-cart:after {
    content: '';
    height: 4rem;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
}

.mad-dropdown-cart .btn {
    width: 100%;
    line-height: 2rem;
    font-size: 0.75rem;
    padding-top: 0;
    padding-bottom: 0;
}

.mad-dropdown-cart .btn-set {
    flex-wrap: nowrap;
    margin: -8px -4px 0;
}

.mad-dropdown-cart .btn-set > * {
    margin: 8px 4px 0;
}

.mad-dropdown-cart .subtotal {
    letter-spacing: 0;
    padding: 2rem 0;
    line-height: 1.5rem;
}

.mad-dropdown-cart .subtotal span:first-child {
    min-width: 8rem;
    display: inline-block;
    font-family: Anglecia, sans-serif;
    font-size: 1.125rem;
    color: var(--color-neutral);
}

.mad-dropdown-cart .subtotal span:last-child {
    font-weight: bold;
    font-size: 1rem;
    color: var(--color-secondary);
}

.shopping-cart .mad-product {
    position: relative;
    padding-right: 2rem;
}

.shopping-cart .mad-close-item {
    position: absolute;
    right: 0;
    top: 50%;
    margin: 0;
    margin-top: -0.625rem;
    font-size: 1.25rem;
    color: var(--color-primary);
    width: auto!important;
    display: block;
}

.shopping-cart .mad-close-item:hover {
    color: var(--color-primary-lighter);
}

/* Sorting */

.product-sort-section {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2rem;
    row-gap: 2rem;
    justify-content: space-between;
    color: var(--color-neutral-80);
    font-size: 1rem;
    line-height: 1.5rem;
}

.product-sort-section:not(:last-child) {
    margin-bottom: 2rem;
}

.product-sort-section .mad-col {
    width: calc(33.3333% - 2rem);
}

    /* ----------------------------------------
Tooltips
    ---------------------------------------- */

[data-tooltip]:not(a) {
    color: var(--color-neutral-60);
}

.monkeysan-tooltip-skin-mad {
    font-size: 0.8125rem;
    line-height: 2rem;
    font-weight: normal;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    background-color: var(--color-primary-10);
}

.monkeysan-tooltip-skin-mad.monkeysan-tooltip::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    position: absolute;
}

.monkeysan-tooltip-skin-mad.monkeysan-tooltip-top::after, .monkeysan-tooltip-skin-mad.monkeysan-tooltip-bottom.monkeysan-tooltip-position-reversed::after {
    bottom: auto;
    right: auto;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    margin-top: -1px;
    border-width: 7px 8px 0 8px;
    border-color: var(--color-primary-10) transparent transparent transparent;
}

.monkeysan-tooltip-skin-mad.monkeysan-tooltip-bottom::after, .monkeysan-tooltip-skin-mad.monkeysan-tooltip-top.monkeysan-tooltip-position-reversed::after {
    top: auto;
    right: auto;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    margin-bottom: -1px;
    border-width: 0 8px 7px 8px;
    border-color: transparent transparent var(--color-primary-10) transparent;
}

.monkeysan-tooltip-skin-mad.monkeysan-tooltip-right::after, .monkeysan-tooltip-skin-mad.monkeysan-tooltip-left.monkeysan-tooltip-position-reversed::after {
    bottom: auto;
    right: 100%;
    top: 50%;
    left: auto;
    margin-top: -8px;
    margin-right: -1px;
    border-width: 8px 7px 8px 0;
    border-color: transparent var(--color-primary-10) transparent transparent;
}

.monkeysan-tooltip-skin-mad.monkeysan-tooltip-left::after, .monkeysan-tooltip-skin-mad.monkeysan-tooltip-right.monkeysan-tooltip-position-reversed::after {
    bottom: auto;
    right: auto;
    top: 50%;
    left: 100%;
    margin-top: -8px;
    margin-left: -1px;
    border-width: 8px 0 8px 7px;
    border-color: transparent transparent transparent var(--color-primary-10);
}

    /* ----------------------------------------
Team Members
    ---------------------------------------- */

.mad-team {
    display: flex;
    flex-wrap: wrap;
}

.mad-team .mad-team-member {
    position: relative;
    transition: all .5s ease;
    padding-bottom: 4rem;
}

.mad-team-member .mad-team-member-info {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 3.5rem;
    padding-top: 3rem;
    width: calc(100% - 4rem);
    background: var(--color-neutral-5);
}

.mad-team-member-info .mad-team-member-name:not(:last-child) {
    margin-bottom: 0.5rem;
}

.mad-team-member-info .mad-team-member-name a {
    border-bottom: 1px solid transparent;
}

.mad-team-member-info .mad-team-member-name a:hover {
    border-bottom-color: inherit;
}

.mad-team-member-info .mad-member-stat {
    font-size: 0.875rem;
    line-height: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--color-neutral-60);
}

.mad-team:not(.type-3) .mad-team-member .mad-social-icons {
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    margin-top: -3rem;
}

.mad-team:not(.type-3) .mad-team-member:hover .mad-social-icons {
    opacity: 1;
    visibility: visible;
    margin-top: 1.5rem;
}

.mad-team.type-2 .mad-team-member {
    padding-left: 3.5rem;
    padding-bottom: 0;
    position: relative;
}

.mad-team.type-2 .mad-team-member:after {
    content: '';
    position: absolute;
    top: 1.5rem;
    bottom: 0;
    right: 1.5rem;
    left: 0;
    background: var(--color-neutral-5);
    z-index: -1;
}

.mad-team.type-2 .mad-team-member .mad-team-member-info {
    padding-left: 0;
    position: initial;
    width: 100%;
    background: transparent;
}

.mad-team.type-2 .mad-team-member .mad-social-icons {
    margin-top: 0;
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;
}

.mad-team.type-2 .mad-team-member .mad-social-icons > ul {
    flex-direction: column;
}

.mad-team.type-2 .mad-team-member .mad-team-member-photo {
    position: relative;
}

.mad-team.type-2[class*="item-col-"]:not(.no-gutters) {
    margin-top: -4rem;
}

.mad-team.type-2[class*="item-col-"]:not(.no-gutters) > * {
    padding-top: 4rem;
}

.mad-team.type-3 {
    display: block;
}

.mad-team.type-3 .mad-team-member {
    position: relative;
    z-index: 1;
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap;
}

.mad-team.type-3 .mad-team-member:not(:last-child) {
    margin-bottom: 7.5rem;
}

.mad-team.type-3 .mad-team-member .mad-team-member-photo {
    width: 100%;
    max-width: 55rem;
}

.mad-team.type-3 .mad-team-member .mad-team-member-photo img {
    width: 100%;
}

.mad-team.type-3 .mad-team-member .mad-team-member-info {
    font-size: 1.125rem;
    line-height: 2rem;
    position: absolute;
    right: 0;
    left: auto;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    padding: 12.5rem 7.5rem;
    padding-top: 11.5rem;
    max-width: 45.5rem;
    transform-style: preserve-3d;
    width: 100%;
    background: transparent;
}

.mad-team.type-3 .mad-team-member .mad-team-member-info {
    background: var(--color-neutral-0);
}

.mad-team.type-3 .mad-team-member .mad-info-header:not(:last-child) {
    margin-bottom: 2.5rem;
}

.mad-team.type-3 .mad-team-member p + .mad-social-icons {
    margin-top: 3rem;
}

.mad-team.type-3 .mad-team-member .mad-team-member-info:after,
.mad-team.type-3 .mad-team-member .mad-team-member-info:before {
    content: '';
    position: absolute;
    right: 1.1875rem;
    top: 1.1875rem;
    width: 100%;
    height: 100%;
    border: 2px solid var(--color-secondary);
    background: transparent;
    z-index: -2;
    transform: translateZ(-1em);
}

.mad-team.type-3 .mad-team-member .mad-team-member-info:before {
    border-width: 1px;
    right: 1.5rem;
    top: 1.5rem;
}

.mad-team.type-3 .mad-team-member:nth-child(2n) {
    justify-content: flex-end;
}

.mad-team.type-3 .mad-team-member:nth-child(2n) .mad-team-member-info {
    right: auto;
    left: 0;
}

.mad-team.type-3 .mad-team-member:nth-child(2n) .mad-team-member-info:after {
    right: auto;
    left: 1.1875rem;
}

.mad-team.type-3 .mad-team-member:nth-child(2n) .mad-team-member-info:before {
    right: auto;
    left: 1.5rem;
}

    /* ----------------------------------------
Tables
    ---------------------------------------- */

table {
    table-layout: fixed;
    border-collapse: collapse;
    border-width: 1px;
    border-style: solid;
    border-color: var(--color-neutral-15);
    background-color: var(--color-neutral-0);
    width: 100%;
}

table:not(:last-child) {
    margin-bottom: 1rem;
}

table tr {
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    border-width: 0;
    border-style: solid;
}

table tr:hover, table tr:focus {
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
}

table tr:hover {
    background-color: var(--color-neutral-5);
}

table td,
table th {
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    font-size: 1rem;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: var(--color-neutral-15);
    color: var(--color-neutral-80);
}

table th,
table tfoot td.title {
    font-family: Anglecia, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    color: var(--color-neutral);
}

table tfoot td span {
    color: var(--color-secondary);
}

table th {
    background: var(--color-neutral-15);
}

.mad-table-label {
    display: block;
    color: #b1b1b1;
}

.mad-table-label:not(:last-child) {
    margin-bottom: 1.75rem;
}

table tbody, table thead, table tfoot, table tr, table th, table td {
    border-color: inherit;
}

table.mad-table--vertical tr th {
    width: 17rem;
}

.mad-sidebar table.mad-table--vertical tr th,
.mad-order table.mad-table--vertical tr th,
.col-xxl-3 table.mad-table--vertical tr th {
    width: 37.5%;
}
 
.mad-table-wrap.style-2 table td,
.mad-table-wrap.style-2 table th,
.mad-table-wrap.style-2 table {
    border-color: var(--color-neutral-80);
}

.mad-table-wrap.style-2 table th {
    background: var(--color-neutral-80);
}

.mad-table-wrap.style-2 table th {
    color: var(--color-neutral-0);
}

/* Pricing tables */

.mad-entities.mad-pricing .mad-entity .mad-entity-content {
    background: var(--color-primary-10);
}

.mad-pricing .mad-pricing-value,
.mad-entities .mad-pricing-value {
    font-family: Anglecia, sans-serif;
    font-size: 1rem;
    line-height: 2rem;
    color: var(--color-neutral);
    display: flex;
    flex-direction: column;
}

.mad-pricing .mad-pricing-value > span.mad-pricing-value-num,
.mad-entities .mad-pricing-value > span.mad-pricing-value-num {
    font-size: 2rem;
    line-height: 2rem;
}

.mad-entities .mad-pricing-value > span.mad-pricing-value-num span {
    font-size: 1rem;
    line-height: 1rem;
}

.mad-entity-footer {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2.5rem;
    justify-content: space-between;
    align-items: flex-end;
    column-gap: 1rem;
    row-gap: 1rem;
}

.mad-entities.mad-pricing.type-2 .mad-entity {
    background: var(--color-secondary);
}

.mad-entities.mad-pricing.style-2 .mad-pricing-value {
    color: var(--color-neutral-0);
}

.mad-pricing.owl-carousel.mad-grid--cols-1 .mad-entity {
    text-align: center;
    padding-bottom: 0;
}

.mad-pricing.owl-carousel.mad-grid--cols-1 .mad-pricing-value,
.mad-entities.type-3 .mad-pricing-value {
    column-gap: 0.25rem;
    line-height: 2rem;
    color: var(--color-neutral-10);
}

.mad-entities.type-3:not(.mad-pricing) .mad-pricing-value,
.mad-pricing.owl-carousel.mad-grid--cols-1 .mad-pricing-value {
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    line-height: 1.375rem;
}

.mad-entities.type-3 .mad-pricing-value {
    color: var(--color-neutral);
}

.mad-pricing.owl-carousel.mad-grid--cols-1 .mad-pre-title {
    justify-content: center;
    color: var(--color-neutral-15);
}

.mad-pricing.owl-carousel.mad-grid--cols-1 .mad-pre-title:before {
    background: var(--color-neutral-15);
}

.mad-pricing.owl-carousel.mad-grid--cols-1 h2.mad-entity-title:not(:last-child) {
    margin-bottom: 2.5rem;
}

.mad-pricing.owl-carousel.mad-grid--cols-1 .btn-huge {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    margin-top: 3rem;
}

    /* ----------------------------------------
Banners
    ---------------------------------------- */

.mad-banners {
    display: flex;
    flex-wrap: wrap;
}

.mad-banners.masonry {
    margin: -2rem -1rem 0;
}

.mad-banners.masonry > .mad-col {
    width: 66.6666%;
    padding: 2rem 1rem 0;
}

.mad-banners.masonry > .mad-col:last-child {
    width: 33.3333%;
}

.mad-banners.masonry > .mad-col > .mad-banner {
    height: 100%;
}

.mad-banner {
    position: relative;
    min-height: 33rem;
    display: block;
    z-index: 1;
    transition: all .5s ease;
    overflow: hidden;
}

.mad-banners:not(.type-2) .mad-banner .mad-banner-content {
    text-align: center;
    display: flex;
    flex-direction: column;
    padding: 4rem;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.mad-banner .mad-banner-hover-img,
.mad-banner .mad-banner-main-img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: all .8s ease;
    z-index: -1;
}

.mad-banner:hover .mad-banner-main-img {
    transform:translatex(-50%) scalex(2);
    opacity:0;
    filter:blur(10px);
}

.mad-banner .mad-banner-hover-img {
    transform:translatex(50%) scalex(2);
    opacity:0;
    filter:blur(10px);
}

.mad-banner:hover .mad-banner-hover-img {
    transform:translatex(0) scalex(1);
    opacity:1;
    filter:blur(0);
}

.mad-banner .mad-banner-aligner {
    display: contents;
}

.mad-banner .mad-banner-title {
    color: var(--color-neutral-0);
}

.mad-banner .mad-banner-title:not(:last-child) {
    margin-bottom: 0;
}

.mad-banner .btn {
    opacity: 0;
    visibility: hidden;
    margin-top: -3.5rem;
}

.mad-banner:hover .btn {
    margin-top: 2rem;
    opacity: 1;
    visibility: visible;
}

.mad-banner:not(.type-3):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:var(--color-neutral);
    opacity: 0.6;
    z-index: -1;
    transition: all .5s ease;
}

.mad-banners:not(.type-2):not(.type-3) .mad-banner .mad-banner-content:before,
.mad-banners:not(.type-2):not(.type-3) .mad-banner .mad-banner-content:after {
    content: '';
    position: absolute;
    top: 2rem;
    left: 2rem;
    right: 2rem;
    bottom: 2rem;
    border: 2px solid var(--color-primary-25);
    transition: all .5s ease;
}

.mad-banners:not(.type-2):not(.type-3) .mad-banner:hover .mad-banner-content:before {
    top: 1.875rem;
    left: 1.875rem;
    right: 1.875rem;
    bottom: 1.875rem;
}

.mad-banners:not(.type-2):not(.type-3) .mad-banner:hover .mad-banner-content:after {
    top: 2.375rem;
    left: 2.375rem;
    right: 1.4375rem;
    bottom: 1.5rem;
}

.mad-banners:not(.type-2):not(.type-3) .mad-banner .mad-banner-content:after {
    top: 2.25rem;
    left: 2.25rem;
    right: 1.75rem;
    bottom: 1.75rem;
    border-width: 1px;
}

.mad-banner:hover:after {
    opacity: 0.7;
}

.mad-banners.masonry .two-columns {
    display: flex;
    flex-wrap: wrap;
    margin: -2rem -1rem 0;
}

.mad-banners.masonry .two-columns > * {
    padding: 2rem 1rem 0;
    width: 50%;
}

.mad-banners.masonry .two-columns > .full-width {
    width: 100%;
}

.mad-banners.type-2 .mad-banner {
    padding: 2rem;
    min-height: 50.5rem;
}

.mad-banners.type-2 .mad-banner:after {
    opacity: 0.2;
}

.mad-banners.type-2 .mad-banner .mad-banner-content {
    bottom: 2.5rem;
    width: calc(100% - 4rem);
    border: 1px solid var(--color-neutral);
    position: absolute;
    transition: all 1s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 10rem;
    height: 10rem;
    text-align: center;
}

.mad-banners.type-2 .mad-banner .mad-banner-content .mad-content-inner {
    position: relative;
    margin: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% - 1rem);
    padding: 2.5rem 1rem 3rem;
    z-index: 1;
}

.mad-banners.type-2 .mad-banner .mad-banner-content .mad-content-inner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--color-neutral);
    opacity: 0.8;
    z-index: -1;
}

.mad-banners.type-2 .mad-banner:hover .mad-banner-content {
    max-height: 100%;
    height: calc(100% - 5rem);
}

.mad-banners.type-2 .mad-banner:hover:after {
    opacity: 0.3;
}

.mad-banners.type-3 .mad-banner .mad-banner-content .mad-content-inner {
    display: contents;
}

.mad-banners.type-3 .mad-banner .mad-banner-content:before,
.mad-banners.type-3 .mad-banner .mad-banner-content:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-width: 1px;
    border-style: solid;
    border-color: var(--color-primary-25);
    margin: 2rem;
    transition: all .5s ease;
}

.mad-banners.type-3 .mad-banner .mad-banner-content:after {
    opacity: 0;
    visibility: hidden;
}

.mad-banners.type-3 .mad-banner:hover .mad-banner-content:before {
    margin: 1.75rem;
}

.mad-banners.type-3 .mad-banner:hover .mad-banner-content:after {
    opacity: 1;
    visibility: visible;
}

    /* ----------------------------------------
Icon boxes
    ---------------------------------------- */

.mad-icon-boxes {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.mad-icon-boxes[class*="item-col-"]:not(.no-gutters) {
    margin: -4rem -2rem 0;
}

.mad-icon-boxes[class*="item-col-"]:not(.no-gutters) > * {
    padding: 4rem 2rem 0;
}

.mad-icon-boxes .mad-icon-box .mad-icon-box-icon {
    display: inline-flex;
}

.mad-icon-boxes:not(.hr-type):not(.our-info) .mad-icon-box .mad-icon-box-icon:not(:last-child) {
    margin-bottom: 1.5rem;
}

.mad-icon-box .mad-icon-box-icon .svg {
    height: 6rem;
}

.mad-icon-box .mad-icon-box-icon .svg path,
.mad-icon-box .mad-icon-box-icon .svg rect {
    stroke: var(--color-primary);
}

.mad-icon-box h6.mad-icon-box-title {
    font-size: 1.875rem;
    line-height: 2.5rem;
}

.mad-icon-box .mad-icon-box-title:not(:last-child) {
    margin-bottom: 1.5rem;
}

.mad-icon-boxes:not(.our-info) .mad-icon-box .mad-icon-box-icon:after {
    width: 4rem;
    height: 4rem;
    margin-right: -0.5rem;
    margin-top: -0.5rem;
}

.mad-icon-box p:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-icon-box h4.mad-icon-box-title span {
    font-size: 1.5rem;
    line-height: 2.5rem;
    display: block;
    color: var(--color-neutral-80);
}

/* Horisontal style */

.mad-icon-boxes.hr-type .mad-icon-box {
    display: flex;
    column-gap: 1.5rem;
    row-gap: 1rem;
}

.mad-icon-boxes.hr-type.mad-reverse .mad-icon-box {
    flex-direction: row-reverse;
    text-align: right;
}

/* Color Style 2 */

.mad-colorizer--scheme-color-3 .mad-icon-box .mad-icon-box-title,
.mad-colorizer--scheme-color-5 .mad-icon-box .mad-icon-box-title {
    color: var(--color-neutral-0);
}

.mad-colorizer--scheme-color-3 .mad-icon-boxes,
.mad-colorizer--scheme-color-3 .mad-icon-box h4.mad-icon-box-title span {
    color: var(--color-primary-10);
}

.mad-colorizer--scheme-color-5 .mad-icon-boxes,
.mad-colorizer--scheme-color-5 .mad-icon-box h4.mad-icon-box-title span {
    color: var(--color-secondary-10);
}

.mad-colorizer--scheme-color-5 .mad-icon-boxes .mad-icon-box .mad-icon-box-icon .svg path,
.mad-colorizer--scheme-color-5 .mad-icon-boxes .mad-icon-box .mad-icon-box-icon .svg rect {
    stroke: var(--color-secondary);
}

/* Icons size 2 */

.mad-icon-boxes.icon-size-2 .mad-icon-box .mad-icon-box-icon .svg {
    height: 4rem;
    min-width: 4rem
}

/* Small size */

.mad-icon-boxes.small-size .mad-icon-box .mad-icon-box-icon .svg {
    height: 4rem;
    min-width: 4rem;
}

.mad-icon-box .mad-icon-box-icon .svg path,
.mad-icon-box .mad-icon-box-icon .svg rect {
    stroke: var(--color-primary);
}

.mad-icon-boxes.small-size .mad-icon-box .mad-icon-box-title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-family: 'Roboto', sans-serif;
    white-space: inherit;
}

/* Grid Type */

.mad-icon-boxes.grid-type .mad-icon-box {
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 8rem 1rem;
    color: var(--color-primary-10);
    background: var(--color-primary);
}

.mad-icon-boxes.grid-type .mad-icon-box p {
    max-width: 16.5rem;
}

.mad-icon-boxes.grid-type .mad-icon-box .mad-icon-box-title {
    font-size: 2.25rem;
    line-height: 3rem;
    color: var(--color-neutral-0);
}

.mad-icon-boxes.grid-type .mad-icon-box {
    background-size: cover;
    position: relative;
    transition: all 1s ease;
}

.mad-icon-boxes.grid-type .mad-icon-box .back-side {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-primary-5);
    visibility: hidden;
    transition: all .5s ease;
}

.mad-icon-boxes.grid-type .mad-icon-box.empty-item {
    background: transparent;
}

.mad-icon-boxes.grid-type .mad-icon-box:not([data-bg-image-src]):hover + .mad-icon-box .back-side {
    opacity: 1;
    visibility: visible;
}

.mad-icon-box .back-side .mad-icon-box-icon svg {
    height: 8rem;
    width: 8rem;
}

.mad-icon-box .back-side .mad-icon-box-icon svg path {
    stroke: var(--color-primary);
}

.mad-icon-boxes.grid-type .mad-icon-box:not([data-bg-image-src]):hover {
    background: var(--color-primary-lighter);
    color: var(--color-neutral-0);
}

.mad-icon-boxes.grid-type .mad-icon-box:not([data-bg-image-src]):hover + .mad-icon-box {
    background-image: hide;
}

.mad-icon-boxes.grid-type .mad-icon-box:not([data-bg-image-src]):not(.empty-item):after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -1.5rem;
    width: 0;
    height: 0;
    border-top: 1.5rem solid transparent;
    border-left: 1rem solid var(--color-primary);
    border-bottom: 1.5rem solid transparent;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    z-index: 2;
}

.mad-icon-boxes.grid-type .mad-icon-box:not([data-bg-image-src]):hover:after {
    opacity: 1;
    visibility: visible;
    border-left-color: var(--color-primary-lighter);
}

.mad-icon-boxes.grid-type.grid-reverse {
    flex-direction: row-reverse;
}

.mad-icon-boxes.grid-type.grid-reverse .mad-icon-box:not([data-bg-image-src]):after {
    left: auto;
    right: 100%;
    transform: rotate(180deg);
}

    /* ----------------------------------------
Info boxes
    ---------------------------------------- */



    /* ----------------------------------------
Entities
    ---------------------------------------- */

.mad-entities[class*="item-col-"]:not(.mad-grid--isotope) {
    display: flex;
    flex-wrap: wrap;
}

.mad-entities .mad-entity:not(:last-child),
.mad-entities:not([class*="item-col-"]) > .mad-col:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-entities.type-2 .mad-entity:not(:last-child),
.mad-entities.type-2:not([class*="item-col-"]) .mad-col:not(:last-child) {
    margin-bottom: 3.5rem;
}

.mad-entities.type-2.with-date:not([class*="item-col-"]) .mad-col:not(:last-child) {
    margin-bottom: 3.5rem;
} 

.mad-entities .mad-entity {
    position: relative;
    transition: all .5s ease;
    padding-bottom: 3.5rem;
}

.mad-entity h4.mad-entity-title + .mad-room-details {
    margin-top: -0.5rem;
}

.mad-entities .mad-entity .mad-entity-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 4rem);
    background: var(--color-neutral-0);
    padding: 3.5rem;
    padding-top: 3rem;
}

.mad-entity-title {
    letter-spacing: 0;
}

.mad-entity-title a {
    border-bottom: 1px solid transparent;
}

.mad-entity-title a:hover {
    border-color: inherit;
}

.mad-entities .mad-entity .mad-entity-content p + a {
    margin-top: 1rem;
}

.mad-entities .mad-entity .mad-entity-media img {
    width: 100%;
}

.mad-entities.single-entity.owl-carousel .mad-entity {
    max-width: 37.5rem;
    margin: 0 auto;
    text-align: center;
    color: var(--color-neutral-10);
    padding: 8.5rem 0;
}

.mad-entities.owl-carousel.single-entity .mad-entity p:not(:last-child) {
    margin-bottom: 2.5rem;
}

.mad-entities.owl-carousel.single-entity .mad-entity .mad-entity-title:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-entity-tags {
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--color-neutral-60);
    display: flex;
    flex-wrap: wrap;
}

.mad-entity-tags > span:not(:last-child):after {
    content: '/';
    margin: 0 0.25rem;
}

.mad-entity-tags:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-entities.with-date.type-2 .mad-entity .mad-entity-content {
    position: relative;
    padding-left: 6.5rem;
}

.mad-entities.with-date .mad-entity .mad-entity-content .mad-entity-date {
    position: absolute;
    top: 2.5rem;
    left: 0;
    font-size: 4rem;
    line-height: 4rem;
    font-family: Anglecia, sans-serif;
    color: var(--color-neutral);
    display: flex;
    flex-direction: column;
    text-align: center;
    text-transform: uppercase;
}

.mad-entities.with-date .mad-entity .mad-entity-content .mad-entity-date span:last-child {
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: 5px;
}

.mad-entities.with-bg-backplate:before {
    content: '';
    position: absolute;
    top: 0;
    left: -2000px;
    right: -2000px;
    height: 57.6%;
    background: var(--color-neutral-0);
}

.mad-entity-link-element {
    display: block;
    font-size: 1.5rem;
    line-height: 2rem;
    color: var(--color-neutral-0);
    background: var(--color-primary);
    padding: 3.5rem;
    letter-spacing: -0.3px;
    word-wrap: break-word;
}

.mad-entity-link-element > i {
    font-size: 2rem;
    line-height: 2rem;
    margin-right: 1rem;
}

.mad-entity.mad-entity-single {
    font-size: 1.125rem;
    line-height: 2rem;
}

.mad-entity.mad-entity-single .mad-entity-tags {
    font-size: 0.875rem;
}

.mad-entity.mad-entity-single p:not(:last-child) {
    margin-bottom: 2rem;
}

/* ----------------------------------------
    Type 2
---------------------------------------- */

.mad-entities.type-2[class*="item-col-"]:not(.no-media):not(.no-gutters):not(.mad-grid--isotope) {
    margin-top: -2rem;
}

.mad-entities.type-2[class*="item-col-"]:not(.no-media):not(.no-gutters):not(.mad-grid--isotope) > * {
    padding-top: 2rem;
}

.mad-entities.type-2 .mad-entity {
    background: var(--color-primary-10);
    padding-left: 3.5rem;
    padding-bottom: 0;
    margin-right: 1.5rem;
    margin-top: 1.5rem;
}

.mad-entities.type-2 .mad-entity .mad-entity-media {
    display: block;
    margin-right: -1.5rem;
    transform: translateY(-1.5rem);
}

.mad-entities.type-2 .mad-entity .mad-entity-media + .mad-entity-content {
    margin-top: -1.5rem;
}

.mad-entities.type-2 .mad-entity .mad-entity-content {
    position: relative;
    width: 100%;
    margin: 0;
    background: transparent;
    padding-left: 0;
}

.mad-entities.type-2.owl-carousel:not(.no-dots) .owl-nav button {
    top: calc(50% - 3rem);
}

.mad-entities.type-2.owl-carousel .owl-nav button.owl-prev {
    left: 3.5rem;
}

.mad-entities.type-2.owl-carousel .owl-nav button.owl-next {
    right: 3.5rem;
}

.mad-entities.type-2.no-media .mad-entity {
    padding: 0;
    margin: 0;
    background: var(--color-primary-5);
}

.mad-entities.type-2.no-media .mad-entity .mad-entity-content {
    padding: 3.5rem;
}

/* ----------------------------------------
    Type 3
---------------------------------------- */

.mad-entities.type-3 .mad-entity .mad-entity-content {
    width: calc(100% - 4rem);
    right: 0;
    margin: 0 auto;
    transition: all .5s ease;
}

.mad-entities.type-3.with-img-border .mad-entity .mad-entity-content {
    width: calc(100% - 8rem);
}

.mad-entities.with-img-border .mad-entity .mad-entity-media {
    position: relative;
    z-index: -2;
}

.mad-entities.with-img-border .mad-entity .mad-entity-content:after,
.mad-entities.with-img-border .mad-entity .mad-entity-content:before {
    content: '';
    position: absolute;
    left: 1.1875rem;
    bottom: 1.1875rem;
    width: 100%;
    height: 100%;
    border: 2px solid var(--color-secondary);
    background: transparent;
    z-index: -2;
    transform: translateZ(-1em);
}

.mad-entities.with-img-border .mad-entity .mad-entity-content:before {
    border: 1px solid var(--color-secondary);
    left: 1.5rem;
    bottom: 1.5rem;
}

.mad-entities .mad-entity .btn-set > * {
    min-width: 10rem;
}

.mad-entities.type-3.with-hover .mad-entity .mad-entity-footer {
    display: block;
    opacity: 0;
    visibility: hidden;
    margin-top: -4.5rem;
    transition: all .5s ease;
}

.mad-entities.type-3.with-hover .mad-entity:hover .mad-entity-footer {
    opacity: 1;
    visibility: visible;
    margin-top: 2rem;
}

.mad-entities.type-3.with-hover .mad-entity:hover .mad-entity-content {
    background: var(--color-primary-5);
}

/* ----------------------------------------
    Type 4
---------------------------------------- */

.mad-entities.type-4 .mad-entity {
    position: relative;
    z-index: 1;
    padding-bottom: 0;
}

.mad-entities.type-4 .mad-entity .mad-entity-media {
    width: 100%;
    max-width: 55rem;
}

.mad-entities.type-4 .mad-entity .mad-entity-content {
    font-size: 1.125rem;
    line-height: 2rem;
    position: absolute;
    right: 0;
    left: auto;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    padding: 7.5rem;
    max-width: 45.5rem;
    width: 100%;
    z-index: 1;
    background: var(--color-neutral-0);
    transform-style: preserve-3d;
}

.mad-entities .mad-entity .mad-entity-pre-title,
.mad-pre-title {
    font-size: 0.875rem;
    line-height: 1rem;
    text-transform: uppercase;
    letter-spacing: 4px;
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--color-neutral-60);
    column-gap: 1.75rem;
}

.mad-entities .mad-entity .mad-entity-pre-title:not(:last-child),
.mad-pre-title:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-entities .mad-entity .mad-entity-pre-title:before,
.mad-pre-title:before {
    content: '';
    width: 3.5rem;
    height: 1px;
    background-color: var(--color-neutral-60);
}

.mad-entities.type-4 .mad-entity .mad-entity-content p + a,
.mad-entities.type-5 .mad-entity .mad-entity-content p + a,
.mad-entities.type-6 .mad-entity .mad-entity-content p + a {
    margin-top: 1.5rem;
}

.mad-entities.with-img-border.type-4 .mad-entity .mad-entity-content:after,
.mad-entities.with-img-border.type-4 .mad-entity .mad-entity-content:before {
    left: auto;
    right: 1.5rem;
    bottom: auto;
    top: 1.5rem;
}

.mad-entities.with-img-border.type-4 .mad-entity .mad-entity-content:after {
    right: 1.1875rem;
    top: 1.1875rem;
}

.mad-entities.type-4.mad-entities-reverse .mad-entity,
.mad-entities.type-4 .mad-entity:nth-child(2n) {
    display: flex;
    justify-content: flex-end;
}

.mad-entities.type-4.mad-entities-reverse .mad-entity .mad-entity-content,
.mad-entities.type-4 .mad-entity:nth-child(2n) .mad-entity-content {
    right: auto;
    left: 0;
}

.mad-entities.type-4.mad-entities-reverse .mad-entity .mad-entity-content:after,
.mad-entities.type-4 .mad-entity:nth-child(2n) .mad-entity-content:after {
    right: auto;
    left: 1.1875rem;
}

.mad-entities.type-4.mad-entities-reverse .mad-entity .mad-entity-content:before,
.mad-entities.type-4 .mad-entity:nth-child(2n) .mad-entity-content:before {
    right: auto;
    left: 1.5rem;
}

.mad-entities.type-4 .mad-entity:nth-child(2n) .owl-carousel.mad-simple-slideshow .owl-nav {
    left: auto;
    right: 3.5rem;
}

.mad-entities.type-4.mad-entities-details .mad-entity .mad-entity-content {
    padding: 3.5rem;
    height: calc(100% - 8rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mad-entities.mad-entities-details.type-4 .mad-entity .mad-entity-content,
.mad-entities.mad-entities-details.type-5 .mad-entity .mad-entity-content {
    font-size: 1rem;
    line-height: 1.5rem;
}

.mad-entities.type-4.mad-entities-details .mad-entity .mad-entity-content {
    background: var(--color-primary-5);
}

.mad-room-details {
    font-size: 0.875rem;
    line-height: 1rem;
    color: var(--color-neutral-60);
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
    row-gap: 1rem;
}

.mad-room-details:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-room-details > .mad-room-detail {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
}

.mad-room-details > .mad-room-detail .svg {
    max-width: 1.4375rem;
    height: 1.4375rem;
}

.mad-room-details > .mad-room-detail .svg path {
    stroke: var(--color-neutral-60);
}

.mad-entities.type-4 .mad-entity-media .mad-gmap {
    height: 71.5rem;
}

.mad-room-details.size-2 {
    font-size: 1.125rem;
    line-height: 2rem;
}

.mad-room-details.size-2 > .mad-room-detail {
    column-gap: 1rem;
}

.mad-room-details.size-2 > .mad-room-detail .svg {
    width: 1.875rem;
    height: 1.875rem;
}

.mad-room-details.style-2 {
    color: var(--color-neutral-80);
}

.mad-colorizer--scheme-color-3 .mad-room-details.style-2 {
    color: var(--color-neutral-0);
}

.mad-room-details.style-2 > .mad-room-detail .svg path {
    stroke: var(--color-primary);
}

.mad-room-details.vr-type {
    flex-direction: column;
    row-gap: 1.5rem;
}

.mad-table-sub {
    display: block;
    font-size: 0.875rem;
    letter-spacing: 0.1px;
}

/* ----------------------------------------
    Type 5
---------------------------------------- */

.mad-entities.type-5 {
    margin-top: 5.5rem;
}

.mad-entities.type-5.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.mad-entities.type-5 .mad-entity {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 7.5rem;
    padding-bottom: 0;
}

.mad-entities.type-5.mad-entities-reverse:not(.not-reversed) .mad-entity {
    flex-direction: row-reverse;
}

.mad-entities.type-5 .mad-entity .mad-entity-content {
    padding: 9rem 0;
    position: initial;
    width: 100%;
    max-width: 30rem;
    z-index: 1;
    font-size: 1.125rem;
    line-height: 2rem;
    background: transparent;
}

.mad-entities.type-5 .mad-entity .mad-entity-media {
    z-index: 1;
    width: 100%;
    max-width: 64.5rem;
    transform: translateY(-4rem);
    position: relative;
}

.mad-entities.type-5 .mad-entity .mad-entity-media:after {
    content: '';
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
    width: 100%;
    height: 100%;
    border: 1px solid var(--color-primary);
    z-index: -1;
}

.mad-entities.type-5.mad-entities-reverse:not(.not-reversed) .mad-entity .mad-entity-media:after {
    left: auto;
    right: 1.5rem;
}

.mad-entities.type-5.mad-entities-reverse {
    margin-top: 14.5rem;
}

.mad-entities.type-5.mad-entities-details .mad-entity .mad-entity-content {
    max-width: 34.5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.mad-entities.type-5.mad-entities-details .mad-entity .mad-entity-content .mad-entity-header {
    flex: 1;
}

.mad-entities.type-5.mad-entities-details .mad-entity .mad-entity-footer {
    margin-top: 0;
}

.mad-entities.type-5.mad-entities-details .mad-entity {
    column-gap: 5rem;
    align-items: flex-start;
}

.mad-entities.type-5.mad-entities-details.var-2 .mad-entity {
    align-items: inherit;
}

.mad-entities.type-5.mad-entities-details .mad-entity .mad-entity-media {
    max-width: 63rem;
}

.mad-entity .mad-entity-header:not(:last-child),
.mad-room-service:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-entities.type-5.mad-entities-details.mad-entities-reverse {
    margin-top: 5.5rem;
}

.mad-entities.type-5.mad-entities-details.var-2 {
    margin-top: 0;
    padding-left: 1.5rem;
}

.mad-entities.type-5.mad-entities-details.var-2 .mad-entity:not(:last-child) {
    margin-bottom: 5.5rem;
}

#main .mad-entities.type-5.mad-entities-details.var-2 .mad-entity:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-entities.type-5.mad-entities-details.var-2:not(:last-child) {
    padding-bottom: 3.5rem;
}

.mad-entities.type-5.mad-entities-details.var-2 .mad-entity .mad-entity-media {
    transform: translateY(3.5rem);
    margin-left: -1.5rem;
    max-width: 64.5rem;
}

#main .mad-entities.type-5.mad-entities-details.var-2 .mad-entity {
    column-gap: 0;
}

#main .mad-entities.type-5.mad-entities-details.var-2 .mad-entity .mad-entity-content {
    display: flex;
    flex-direction: column;
    padding-right: 3.5rem;
    padding-left: 3.5rem;
    max-width: calc(45% + 1.5rem);
}

#main .mad-entities.type-5.mad-entities-details.var-2 .mad-entity .mad-entity-media {
    max-width: 55%;
}

.mad-entities.type-5.var-2 .mad-entity .mad-entity-media:after {
    display: none;
}

.mad-entities.type-5.var-2 .mad-entity {
    background: var(--color-neutral-5);
    column-gap: 3.5rem;
}

.mad-entities.type-5.var-2.mad-entities-details.mad-entities-reverse {
    padding-left: 0;
    padding-right: 1.5rem;
}

.mad-entities.type-5.var-2.mad-entities-reverse .mad-entity .mad-entity-media {
    margin-left: 0;
    margin-right: -1.5rem;
}

.mad-entities.type-5.var-2.style-2 .mad-entity {
    background: var(--color-secondary);
}

.mad-entities.type-5.var-2.style-2 .mad-entity .mad-title,
.mad-entities.type-5.var-2.style-2 .mad-entity .mad-pricing-value {
    color: var(--color-neutral-0);
}

/* ----------------------------------------
    Type 6
---------------------------------------- */

.mad-entities.type-6 .mad-entity {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0;
    justify-content: flex-end;
    padding-top: 4rem;
}

.mad-entities.type-6 .mad-entity .mad-entity-content {
    font-size: 1.125rem;
    line-height: 2rem;
    position: initial;
    background: var(--color-neutral-5);
    padding: 8.5rem 10rem;
    width: 55%;
}

.mad-entities.type-6 .mad-entity .mad-entity-media {
    width: 45%;
    position: absolute;
    left: 4rem;
    top: 0;
}

.mad-entities.type-6.mad-entities-reverse .mad-entity {
    justify-content: flex-start;
}

.mad-entities.type-6.mad-entities-reverse .mad-entity .mad-entity-media {
    left: auto;
    right: 4rem;
}

/* ----------------------------------------
    Type 7
---------------------------------------- */

.mad-entities.type-7 .mad-entity {
    position: relative;
    padding: 0;
    overflow: hidden;
}

.mad-entities.type-7 .mad-entity .mad-entity-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 3.5rem;
    color: var(--color-neutral-10);
    background: transparent;
    width: 100%;
    transform: translateY(calc(100% - 9rem));
    transition: all .5s ease;
    z-index: 1;
}

.mad-entities.type-7 .mad-entity .mad-entity-media a {
    display: block;
    position: relative;
}

.mad-entities.type-7 .mad-entity .mad-entity-media a:after,
.mad-entities.type-7 .mad-entity .mad-entity-media a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(30, 36, 20, 0) 22.92%, rgba(30, 36, 20, 0.8) 100%);
    transition: all .5s ease;
}

.mad-entities.type-7 .mad-entity .mad-entity-media a:before {
    background: linear-gradient(180deg, rgba(30, 36, 20, 0) 22.92%, rgba(30, 36, 20, 0.8) 90.1%);;
}

.mad-entities.type-7 .mad-entity:hover .mad-entity-media a:after,
.mad-entities.type-7 .mad-entity .mad-entity-media a:before {
    opacity: 0;
    visibility: hidden;
}

.mad-entities.type-7 .mad-entity:hover .mad-entity-media a:before {
    opacity: 1;
    visibility: visible;
}

.mad-entities.type-7 .mad-entity .mad-entity-title,
.mad-entities.type-7 .mad-entity .mad-pricing-value {
    color: var(--color-neutral-0);
}

.mad-entities.type-7 .mad-entity:hover .mad-entity-content {
    transform: translateY(0);
}

.mad-entities.type-7 .mad-entity .mad-entity-content > *:not(.mad-entity-title) {
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.mad-entities.type-7 .mad-entity:hover .mad-entity-content > *:not(.mad-entity-title) {
    opacity: 1;
    visibility: visible;
}

/* ----------------------------------------
    Style 2
---------------------------------------- */

.mad-entities.style-2 .mad-entity .mad-entity-content {
    color: var(--color-primary-10);
}

.mad-entities.style-2.mad-pricing .mad-entity .mad-entity-content {
    color: var(--color-neutral-20);
} 

.mad-entities.style-2 .mad-entity .mad-entity-content,
.mad-entities.style-2.type-6 .mad-entity .mad-entity-content {
    background: var(--color-secondary);
}

.mad-entities.style-2 .mad-entity .mad-entity-title {
    color: var(--color-neutral-0);
}

.mad-entities.style-2 .mad-entity .mad-entity-pre-title {
    color: var(--color-secondary-40);
}

.mad-entities.style-2 .mad-entity .mad-entity-pre-title:before {
    background-color: var(--color-secondary-40);
}

.mad-entities.with-img-border.style-2 .mad-entity .mad-entity-content:after,
.mad-entities.with-img-border.style-2 .mad-entity .mad-entity-content:before {
    border-color: var(--color-primary-25);
}

.mad-entities.style-3 .mad-entity .mad-entity-content {
    background: var(--color-primary-5);
}

.mad-entities.style-4 .mad-entity .mad-entity-content {
    background: var(--color-neutral-5);
}

.mad-entity-title-link {
    color: var(--color-secondary-40);
}

/* Single Room */

.mad-single-room {
    position: relative;
}

.mad-single-room .mad-single-room-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 2rem;
    row-gap: 2rem;
}

.mad-single-room.align-center .mad-single-room-content {
    flex-direction: column;
    justify-content: center;
}

.mad-single-room.with-bg-img .mad-single-room-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 4rem;
    z-index: 2;
}

.mad-single-room.with-bg-img.type-2 .mad-single-room-content {
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.mad-entities.mad-single-room .mad-single-room-content .mad-title {
    font-size: 4rem;
    line-height: 4.5rem;
}

.mad-entities.mad-single-room .mad-single-room-content .mad-title:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-single-room.mad-entities .mad-pricing-value > span.mad-pricing-value-num {
    font-size: 3rem;
    line-height: 3rem;
}

.mad-entities.mad-single-room .mad-pricing-value > span.mad-pricing-value-num span,
.mad-entities.mad-single-room .mad-pricing-value > span {
    font-size: 1.125rem;
}

.mad-single-room.with-bg-img .mad-single-room-content .mad-title,
.mad-entities.mad-single-room.with-bg-img .mad-pricing-value,
.mad-single-room.with-bg-img .mad-single-room-content {
    color: var(--color-neutral-0);
}

.mad-entities.mad-single-room .mad-room-details {
    font-size: 1.125rem;
    line-height: 2rem;
    column-gap: 2rem;
}

.mad-entities.mad-single-room.with-bg-img .mad-room-details {
    color: var(--color-neutral-15);
}

.mad-entities.mad-single-room .mad-room-details > .mad-room-detail {
    column-gap: 1rem;
}

.mad-entities.mad-single-room .mad-room-detail .svg {
    height: 2.875rem;
    max-width: 2.875rem;
    width: 2.875rem;
}

.mad-entities.mad-single-room.with-bg-img .mad-room-detail .svg path,
.mad-entities.mad-single-room.with-bg-img .mad-room-detail .svg path {
    stroke: var(--color-neutral-15);
}

.mad-single-room-img {
    position: relative;
}

.mad-entities.mad-single-room.with-bg-img .mad-single-room-img:not(.with-overlay):after {
    content: '';
    background: linear-gradient(180deg, rgba(30, 36, 20, 0) 22.92%, rgba(30, 36, 20, 0.8) 90.1%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.mad-entities.mad-single-room.with-bg-img .mad-single-room-img.with-overlay:after {
    z-index: 1;
}

.mad-scroll-nav {
    padding: 0 4rem;
    background: var(--color-neutral-80);
}

.mad-scroll-nav > ul {
    display: flex;
    column-gap: 2rem;
    overflow-x: auto;
    white-space: nowrap;
    width: -webkit-fill-available;
    width: -moz-available;
    overflow-y: hidden;
    justify-content: flex-start!important;
}

.mad-scroll-nav > ul > li > a {
    display: block;
    font-family: Anglecia, sans-serif;
    line-height: 4rem;
    padding: 0 2rem;
    color: var(--color-neutral-0);
    letter-spacing: -0.3px;
    font-size: 1.5rem;
}

.mad-scroll-nav > ul > li.mad-active > a,
.mad-scroll-nav > ul > li > a:hover {
    background: var(--color-neutral);
}

.mad-rooms-section-wrap {
    position: relative;
    padding-left: 19rem;
}

.mad-rooms-section-wrap .mad-page-title {
    position: absolute;
    top: 0;
    left: 0;
}

.mad-section--stretched-content-no-px .mad-page-title {
    padding-left: 4rem;
}

.mad-section--stretched-content-no-px .mad-rooms-section-wrap {
    padding-left: 23rem;
}

    /* ----------------------------------------
Carousels
    ---------------------------------------- */

.owl-carousel {
    position: relative;
}

.owl-carousel:not(.mad-simple-slideshow) .owl-stage {
    display: flex;
}

.owl-carousel:not(.mad-simple-slideshow) .owl-item {
    float: none;
}

.owl-carousel:not(.no-nav) .owl-nav,
.mad-owl-custom-nav {
    display: flex;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.mad-owl-moving .owl-nav .owl-prev > span,
.mad-owl-moving .owl-nav .owl-next > span,
.mad-owl-custom-nav > span {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2rem;
    border: 2px solid var(--color-neutral-20);
    color: var(--color-neutral-20);
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: none;
}

.mad-owl-custom-nav {
    position: absolute;
    bottom: 3.5rem;
    right: 3.5rem;
    column-gap: 0.5rem;
    z-index: 2;
}

.mad-owl-custom-nav > span {
    position: initial;
    cursor: pointer;
}

/* .owl-carousel .owl-nav button:hover {
    border-color: var(--color-neutral-40);
    color: var(--color-neutral);
} */

.owl-carousel:not(.no-dots) .owl-nav button.owl-prev,
.owl-carousel:not(.no-dots) .owl-nav button.owl-next {
    top: calc(50% - 2rem);
}

.owl-carousel .owl-nav button > img,
.mad-slider .owl-nav button span,
.owl-nav button span {
    display: none;
}

.mad-owl-moving {
    overflow: hidden;
}

.owl-carousel .owl-nav button:before,
.mad-owl-moving .owl-nav button > span:before,
.mad-owl-custom-nav > span:before {
    font-family: 'Material Icons';
    font-size: 2rem;
}

.owl-carousel .owl-nav button.owl-prev:before,
.mad-owl-moving .owl-prev > span:before,
.mad-owl-custom-nav > span.mad-custom-prev:before {
    content: 'keyboard_arrow_left';
}

.owl-carousel .owl-nav button.owl-next:before,
.mad-owl-moving .owl-next > span:before,
.mad-owl-custom-nav > span.mad-custom-next:before {
    content: 'keyboard_arrow_right';
}

.owl-carousel .mad-grid-item {
    height: 100%;
}

.owl-carousel .owl-nav button.owl-next {
    right: 0;
    left: auto;
}

.owl-carousel .owl-nav button.owl-prev {
    right: auto;
    left: 0;
}

.mad-owl-moving .owl-prev,
.mad-owl-moving .owl-next {
    width: 30%!important;
    left: 0!important;
    top: 0!important;
    height: 100%!important;
    position: absolute;
    border: none!important;
    border-radius: 0!important;
    margin-top: 0!important;
}

.mad-owl-moving .owl-next {
    left: auto!important;
    right: 0!important;
}

.mad-owl-moving .owl-nav button:before {
    display: none!important;
}

.mad-owl-moving .owl-nav button {
    overflow: hidden;
}

.mad-owl-moving .owl-nav .owl-next > span,
.mad-owl-moving .owl-nav .owl-prev > span {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -3rem;
    margin-top: -3rem;
    opacity: 0;
    visibility: hidden;
}

.mad-owl-moving .owl-nav .owl-next:hover > span,
.mad-owl-moving .owl-nav .owl-prev:hover > span {
    opacity: 1;
    visibility: visible;
}

.owl-carousel.mad-simple-slideshow .owl-nav,
.mad-slider .owl-nav {
    position: absolute;
    top: auto;
    bottom: 3.5rem;
    left: 3.5rem;
    display: flex;
    column-gap: 0.5rem;
}

.mad-entity-media .mad-slider .owl-nav {
    left: auto;
    right: 3.5rem;
}

.owl-carousel.mad-simple-slideshow.nav-right .owl-nav {
    left: auto;
    right: 3.5rem;
}

.owl-carousel.mad-simple-slideshow .owl-nav button.owl-prev,
.owl-carousel.mad-simple-slideshow .owl-nav button.owl-next,
.mad-entity-media .mad-slider .owl-nav button {
    position: initial;
    margin-top: 0;
}

.owl-carousel.no-nav .owl-nav,
.owl-carousel.no-dots .owl-dots {
    display: none;
}

.owl-dots {
    display: flex;
    justify-content: center;
    column-gap: 1rem;
    margin-top: 3rem;
}

.owl-dots .owl-dot span,
.tp-bullet {
    display: block;
    width: 3.5rem;
    height: 0.0625rem;
    background: var(--color-primary);
    position: relative;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    bottom: 0!important;
}

.owl-dots .owl-dot:after,
.tp-bullet:after {
    content: '';
    position: absolute;
    top: -0.5rem;
    left: -0.5rem;
    right: -0.5rem;
    bottom: -0.5rem;
}

.tp-bullets {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
    width: 100%!important;
}

.mad-dots-color-2 .owl-dots .owl-dot.active span,
.tp-bullet.selected {
    background: var(--color-neutral-0);
}

.owl-dots .owl-dot.active span {
    background: var(--color-neutral);
}

.owl-carousel.nav-size-2 > .owl-nav > button,
.mad-owl-moving .owl-nav .owl-prev > span,
.mad-owl-moving .owl-nav .owl-next > span {
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    top: calc(50% - 3rem);
}

.owl-carousel.nav-size-2 > .owl-nav > button:before,
.mad-owl-moving .owl-nav button span:before {
    font-size: 2.5rem;
}

.owl-carousel.nav-color-2 > .owl-nav > button {
    color: var(--color-neutral);
    border-color: var(--color-neutral-40);
}

.mad-section--stretched-content .owl-carousel .owl-nav button.owl-prev {
    left: 9.5rem;
}

.mad-section--stretched-content .owl-carousel .owl-nav button.owl-next {
    right: 9.5rem;
}

.owl-carousel.mad-owl-center:after {
    content: '';
    position: absolute;
    top: 0;
    height: 50%;
    left: 0;
    right: 0;
/*    background: var(--color-neutral-0);*/
    z-index: -1;
}

.owl-carousel.mad-owl-center.bg-backplate-reverse:after {
    top: auto;
    bottom: 0;
}

.owl-carousel.mad-owl-center .owl-nav button.owl-prev {
    left: 11rem;
}

.owl-carousel.mad-owl-center .owl-nav button.owl-next {
    right: 11rem;
}

.owl-carousel.mad-owl-center .owl-item .mad-owl-center-img:after,
.mad-owl-center.mad-owl-center-auto .owl-item.active + .owl-item.active .mad-owl-center-img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-neutral);
    opacity: 0.6;
    visibility: visible;
    transition: all .5s ease;
}

.owl-carousel.mad-owl-center .owl-item.center .mad-owl-center-img:after,
.mad-owl-center.mad-owl-center-auto .owl-item.active:not(.cloned) .mad-owl-center-img:after,
.mad-owl-center.mad-owl-center-auto .owl-item.active + .owl-item.active .mad-owl-center-element {
    opacity: 0;
    visibility: hidden;
}

.owl-carousel.mad-owl-center .owl-item .mad-owl-center-element {
    opacity: 0;
    visibility: hidden;
    transition: all .7s ease!important;
}

.owl-carousel.mad-owl-center .owl-item.center .mad-owl-center-element,
.mad-owl-center.mad-owl-center-auto .owl-item.active:not(.cloned) .mad-owl-center-element {
    opacity: 1;
    visibility: visible;
}

.mad-owl-center.mad-owl-center-auto.owl-carousel.mad-owl-center .owl-item {
    transform: none;
}

.owl-carousel.no-container-right .owl-stage-outer {
    margin-right: -4rem;
}

.mad-owl-center.mad-owl-center-auto {
    padding-bottom: 0;
}

.owl-carousel.mad-owl-center.with-img-border .owl-item .mad-owl-center-element {
    transform: translateY(50%);
}

.owl-carousel.mad-owl-center.with-img-border .owl-item.center .mad-owl-center-element {
    transform: translateY(0);
}

.mad-slider {
    position: relative;
    overflow: hidden;
}

.mad-section--stretched-content-no-px .owl-carousel .owl-nav button.owl-prev {
    left: 13.5rem;
}

.mad-section--stretched-content-no-px .owl-carousel .owl-nav button.owl-next {
    right: 13.5rem;
}

.owl-carousel.mad-owl-center .owl-item {
    transform: translateY(60px);
    transition: all 1s ease-out;
}

.owl-carousel.mad-owl-center .owl-item.center {
    transform: translateY(0);
}

.owl-carousel.mad-owl-center .owl-item.center + .owl-item {
    transform: translateY(80px);
}

.mad-entities.mad-pricing.with-img-border .mad-entity .mad-entity-content.mad-owl-center-element .mad-entity-inner:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: var(--color-primary-10);
}

.owl-carousel.mad-grid--cols-1 .owl-item .mad-section .mad-colorizer-bg-image,
.mad-gallery-slider .owl-item .mad-col {
    transition: all .8s ease;
    transform:translatex(-50%) scalex(2);
    opacity:0;
    filter:blur(10px);
    z-index: -2;
}

.owl-carousel.mad-grid--cols-1 .owl-item.active .mad-section .mad-colorizer-bg-image,
.mad-gallery-slider .owl-item.active .mad-col {
    transform:translatex(0) scalex(1);
    opacity:1;
    filter:blur(0);
}

.owl-carousel.mad-grid--cols-1 .owl-item .mad-section .mad-colorizer-bg-image,
.mad-gallery-slider .owl-item .mad-col {
    transform:translatex(50%) scalex(2);
    opacity:0;
    filter:blur(10px);
}

.owl-carousel.nav-size-small > .owl-nav {
    left: 1.5rem;
    bottom: 1.5rem;
}

.owl-carousel.nav-size-small > .owl-nav > button {
    width: 3rem;
    height: 3rem;
    line-height: 2.75rem;
}

.mad-product-thumbs.owl-carousel .owl-nav button.owl-prev {
    left: 3.5rem;
}

.mad-product-thumbs.owl-carousel .owl-nav button.owl-next {
    right: 3.5rem;
}

/* Animation Four */
.mad-text-link {
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.mad-text-link .link-container {
    height: 1.5rem;
    transition: transform 0.4s ease;
}

.mad-text-link .title {
    display: block;
    /*  Set same font-size and line height  */
    transition: transform 0.4s ease;
    text-transform: capitalize;
}

.link-title1 {
    transform-origin: right center;
}

.link-title2 {
    transform-origin: left center;
    transform: rotate(20deg);
}

/* Move up two texts (20px = font-size) */
.mad-text-link:hover .link-container {
    transform: translateY(-24px);
}

/* Rotate texts a little bit */
.mad-text-link:hover .link-title1 {
    transform: rotate(20deg);
}

.mad-text-link:hover .link-title2 {
    transform: rotate(0);
}

    /* ----------------------------------------
Call to Actions
    ---------------------------------------- */

.mad-cta {
    font-size: 20px;
    line-height: 2rem;
    letter-spacing: 0.2px;
    color: var(--color-neutral-60);
}

.mad-cta .mad-cta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 1rem;
    row-gap: 2rem;
    justify-content: space-between;
}

.mad-cta .mad-page-title {
    letter-spacing: -1px;
}

.mad-cta .mad-page-title:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-cta.align-center p:not(:last-child) {
    margin-bottom: 3rem;
}

.mad-cta .btn {
    padding-left: 5.1875rem;
    padding-right: 5.1875rem;
}

    /* ----------------------------------------
Rating
    ---------------------------------------- */

.mad-rating {
    line-height: 1;
    white-space: nowrap;
}

.mad-rating-top-level {
    display: flex;
}

.mad-product-price + .mad-rating {
    display: block!important;
}

.mad-rating-top-level > *, 
.mad-rating-bottom-level > * {
    font-size: 1rem;
    line-height: 1;
    color: #BF885E;
}

.mad-rating-bottom-level > * {
    color: #BF885E;
}

.mad-rating.size-2 .mad-rating-top-level > *, 
.mad-rating.size-2 .mad-rating-bottom-level > * {
    font-size: 1.75rem;
}

    /* ----------------------------------------
Testimonials
    ---------------------------------------- */

.mad-testimonial {
    text-align: center;
	border: 1px solid var(--color-secondary);
	padding: 10px 15px 10px 10px;
	margin: 10px;
	height: 450px;
	border-radius: 10px;
}

.mad-testimonials .owl-carousel.mad-grid--cols-1 .mad-testimonial {
/*
    max-width: 54rem;
    margin: 0 auto;
*/
}

.mad-testimonial .mad-rating:not(:last-child) {
    margin-bottom: 2.8rem;
}

.mad-testimonial blockquote {
    font-family: Anglecia, sans-serif;
	font-size: 18px;
    line-height: 2rem;
    letter-spacing: -0.2px;
    color: var(--color-secondary);
    font-style: normal;
    font-weight: normal;
}

.mad-testimonials .owl-carousel.mad-grid--cols-1 .mad-testimonial blockquote,
.mad-testimonials.size-2 .mad-testimonial blockquote {
    font-size: 1.875rem;
    line-height: 2.5rem;
}

.mad-testimonial-title {
    color: #000;
	font-size: 20px;
	font-weight: 600;
}

.mad-testimonial .mad-testimonial-info:not(:last-child),
.mad-testimonial-title:not(:last-child),
.mad-testimonial-rating:not(:last-child) {
    margin-bottom: 2.5rem;
}

.mad-testimonial-service {
    display: inline-block;
}

.mad-testimonial-service img {
    width: auto !important;
}

.mad-testimonials.style-2 .mad-testimonial blockquote {
    color: var(--color-neutral-0);
}

.mad-testimonials.style-2 .mad-author {
    color: var(--color-secondary-20);
}

.mad-testimonial-rating {
    display: flex;
    column-gap: 0.375rem;
    justify-content: center;
}

.mad-testimonials .mad-testimonial-rating .svg path {
    stroke: var(--color-secondary);
}

.mad-testimonials.style-2 .mad-testimonial-rating .svg path {
    stroke: #fff;
}

    /* ----------------------------------------
Author
    ---------------------------------------- */

.mad-author .mad-author-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1rem;
    font-size: 1rem;
    letter-spacing: 0.05rem;
    color: var(--color-neutral-60);
}

.mad-author-photo:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-author .mad-author-info img {
    width: auto;
}

.mad-testimonials.style-2 .mad-author .mad-author-info {
    color: var(--color-secondary-20);
}

    /* ----------------------------------------
Instafeed
    ---------------------------------------- */

    .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
    }

    .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel)[class*="item-col-"]:not(.no-gutters) {
margin: -2rem -1rem 0;;
    }

    .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel)[class*="item-col-"]:not(.no-gutters) > * {
padding: 2rem 1rem 0;
    }

    .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col.mad-col-full {
flex: 1;
    }

    .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col:last-child .mad-offset-right {
display: flex;
justify-content: center;
    }

    /* .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a img {
width: 100%;
    } */

    .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a {
display: block;
position: relative;
height: 100%;
    }

    .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a:before {
content: "\f16d";
font-family: Font Awesome\ 5 Brands;
font-size: 3rem;
color: #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--color-neutral);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
opacity: 0;
visibility: hidden;
transition: all .5s ease;
    } 

    .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel) .mad-col a:hover:before {
opacity: 0.4;
visibility: visible;
    }

    .mad-sidebar .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel)[class*="item-col-"]:not(.no-gutters) {
margin: -1.5rem -0.75rem 0;;
    }

    .mad-sidebar .mad-instafeed .mad-grid:not(.mad-grid--no-gutters):not(.owl-carousel)[class*="item-col-"]:not(.no-gutters) > * {
padding: 1.5rem 0.75rem 0;
    }

    .mad-instagram-section {
position: relative;
padding: 4rem 0;
margin-right: -30%;
    }

    .mad-instagram-section .mad-instagram-row {
display: flex;
flex-wrap: wrap;
margin: 0 -1rem;
row-gap: 2rem;
    }

    .mad-instagram-row > .mad-col {
width: 33.3333%;
padding: 0 1rem;
    }

    .mad-instagram-row > .mad-col:first-child,
    .mad-instagram-row > .mad-col:last-child {
margin-top: -8rem;
    }

    .mad-instagram-row > .mad-col:nth-child(2) {
margin-bottom: -8rem;
    }

    .mad-instagram-row > .mad-col > * {
display: block;
    }

    .mad-instagram-row > .mad-col > * img {
width: 100%;
    }

    .mad-instagram-row > .mad-col > a:hover {
transform: scale(1.05);
    }

    .mad-instagram-row > .mad-col > *:not(:last-child) {
margin-bottom: 2rem;
    }

    .mad-section.with-instagram {
margin: 4rem 0;
    }

    .mad-section.with-instagram:before {
content: '';
background: var(--color-primary-10);    
position: absolute;
height: 4rem;
bottom: 100%;
left: -2000px;
right: -2000px;
    }

    /* ----------------------------------------
Sliders
    ---------------------------------------- */

.rev-slider-section .rev-slider,
.rev-slider-section .rev_slider_wrapper {
    position: relative;
}

.rev_slider_wrapper:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 14rem;
    left: -2000px;
    right: -2000px;
    background: var(--color-primary-5);
}

.rev-slider[class*="with-overlay"] {
    z-index: 1;
    position: relative;
}

.rev-slider[class*="with-overlay"] .tp-bgimg:after,
.rev-slider .tp-bgimg:after:before {
    z-index: 22!important;
}

.rev-slider[class*="with-overlay"] .tp-bgimg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-neutral);
    opacity: 0.6;
}

.tp-layer-section-title {
    font-family: Anglecia, sans-serif;
    font-weight: normal!important;
    letter-spacing: -0.5px!important;
    text-transform: capitalize;
}

.rev-slider .mad-pre-title {
    color: var(--color-neutral-15);
}

.rev-slider .mad-pre-title:before {
    background: var(--color-neutral-15);
}

.rev-slider .tp-caption > .btn {
    transition: all .5s ease!important;
    padding-left: 3.5rem!important;
    padding-right: 3.5rem!important;
    letter-spacing: 1.2px!important;
}

.mad-header:not(.header-3) + .rev_slider_wrapper .tp-bullets {
    justify-content: center;
}

.mad-navigation > .mega-menu > a:after {
    content: '';
    position: absolute;
    top: 100%;
    height: 4rem;
    width: 100%;
    left: 0;
}

.rev-mad-form {
    padding: 2rem;
    position: relative;
    display: inline-block;
}

.rev-mad-form:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-neutral);
    opacity: 0.6;
    z-index: -1;
}

.rev-mad-form .mad-form-row > * .btn {
    width: auto;
}

.rev-mad-form .mad-form-row [class*="form-col"] {
    width: auto;
}

.rev-mad-form .calendar_wrap table caption {
    text-align: center!important;
}

.rev-mad-form label {
    color: var(--color-neutral-20);
}

.rev-mad-form .quantity,
.rev-mad-form .mad-form-row [class*="form-col"] {
    text-align: left!important;
}

    /* ----------------------------------------
Google Map
    ---------------------------------------- */

.mad-gmap {
    height: 40.625rem;
}

.mad-gmap:not(:last-child) {
    margin-bottom: 1.6rem;
}

.mad-gmap {
    height: 100%;
    min-height: 40.625rem;
}

    /* ----------------------------------------
Forms
    ---------------------------------------- */

input[type="text"], input[type="search"], input[type="date"], input[type="datetime-local"], input[type="email"], input[type="file"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"], textarea, .mad-custom-select .mad-selected-option, .select2-container--milenia .select2-selection {
    border-bottom: 2px solid var(--color-neutral-80);
    width: 100%;
    padding-bottom: 0.875rem;
    font-family: Anglecia, sans-serif;
    font-size: 1rem;
    font-weight: normal;
    letter-spacing: 0.1rem;
    line-height: 1.5rem;
    color: var(--color-neutral-80);
}

.mad-form {
    display: flex;
    flex-wrap: wrap;
}

.mad-form.full-width {
    display: block;
    width: 100%;
}

.mad-form-row {
    display: flex;
    width: 100%;
    column-gap: 2rem;
    row-gap: 2rem;
}

.mad-form-row > *:not(:last-child) {
    min-width: 17rem;
}

.mad-form-row > .short-col {
    max-width: 7.5rem;
    min-width: auto;
}

.mad-form-row:not(:last-child),
.mad-form-item:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-form-row > * .btn {
    width: 100%;
}

.mad-datepicker {
    font-family: Anglecia, sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: 2px;
    position: relative;
    border-bottom: 2px solid var(--color-neutral-0);
    color: var(--color-neutral-0);
    cursor: pointer;
    min-height: 2rem;
}

.mad-datepicker .mad-datepicker-body {
    display: flex;
    align-items: flex-end;
    column-gap: 1rem;
    row-gap: 2rem;
}

.mad-datepicker:before,
.mad-datepicker:after {
    content: "keyboard_arrow_down";
    font-family: 'Material Icons';
    font-size: 1.25rem;
    line-height: inherit;
    position: absolute;
    color: var(--color-neutral-0);
    top: 8px;
    right: 0;
    max-width: 1rem;
    -webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.mad-datepicker::before {
    content: "keyboard_arrow_up";
    opacity: 0;
    visibility: hidden;
}
.mad-datepicker.mad-toggled:before {
    opacity: 1;
    visibility: visible;
}

.mad-datepicker.mad-toggled:after {
    opacity: 0;
    visibility: hidden;
}

.mad-datepicker .mad-datepicker-date {
    font-size: 3rem;
    line-height: 3.5rem;
}

.mad-datepicker .mad-datepicker-others {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    padding: 0.5rem 0;
}

.mad-datepicker-others .mad-datepicker-day {
    font-family: 'Roboto', sans-serif;
    font-size: 0.75rem;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--color-neutral-20);
}

.mad-datepicker-select {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 0.125rem;
    display: none;
    z-index: 2;
}

.mad-datepicker-select .calendar_wrap table td {
    line-height: 2.5rem;
    padding: 0;
    font-size: 0.875rem;
}

.mad-datepicker-select .calendar_wrap table thead th {
    font-size: 0.75rem;
    padding: 0;
    line-height: 2.5rem;
}

.mad-datepicker-select .mad-toggled-fields {
    padding: 1rem;
    background: var(--color-neutral-10);
}

.mad-datepicker-select .mad-toggled-fields label {
    color: var(--color-neutral);
}

.mad-form.type-2 .mad-form-row {
    align-items: flex-end;
}

.mad-form.type-2 .mad-form-row > * {
    max-width: 23rem;
}

.mad-form.type-2 .mad-form-row > *:not(.short-col):not(:last-child) {
    min-width: 20rem;
}

.mad-form.type-2 .mad-form-row > .short-col {
    max-width: 12.5rem;
}

.mad-form.type-2 .mad-datepicker,
.mad-form.type-2 input,
.mad-form.type-2 textarea,
.mad-form.type-2 .mad-custom-select .mad-selected-option {
    border: 2px solid var(--color-neutral-80);
    height: 3.5rem;
    padding: 0 1rem; 
    line-height: 3.375rem;
    display: block;
    background: var(--color-neutral-0);
    color: var(--color-neutral-80);
    white-space: nowrap;
}

.mad-form.type-2 .mad-col input:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-form.type-2 textarea {
    height: auto;
}

.mad-form.type-2 .mad-datepicker .mad-datepicker-others {
    padding: 0;
}

.mad-form.type-2 .mad-custom-select .mad-selected-option,
.mad-form.type-2 .mad-datepicker {
    padding-right: 2.5rem;
}

.mad-form.type-2 .mad-datepicker:before, 
.mad-form.type-2 .mad-datepicker:after,
.mad-form.type-2 .mad-custom-select .mad-selected-option:before,
.mad-form.type-2 .mad-custom-select .mad-selected-option:after {
    color: var(--color-neutral-80);
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.mad-form.type-2 .mad-datepicker:before, 
.mad-form.type-2 .mad-datepicker:after {
    content: 'calendar_today';
}

.mad-form.type-2 label:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-contact-form.mad-form .mad-col {
    display: flex;
    flex-direction: column;
}

.mad-contact-form.mad-form .mad-col .mad-form-item.full-height {
    flex: 1;
}

.mad-form-item.full-height textarea {
    height: 100%;
}

.mad-form-item.full-height + .mad-form-item {
    margin-top: 2rem;
}

.mad-colorizer--scheme-color-6 .mad-form.type-2 .mad-datepicker,
.mad-colorizer--scheme-color-6 .mad-form.type-2 input,
.mad-colorizer--scheme-color-6 .mad-form.type-2 textarea,
.mad-colorizer--scheme-color-6 .mad-form.type-2 .mad-custom-select .mad-selected-option {
    border-color: var(--color-neutral-20);
}

.mad-booking-wrap {
    position: relative;
    max-width: 36rem;
    display: inline-block;
    background: var(--color-secondary);
    padding: 7.5rem;
}

.mad-booking-wrap:not(.size-2) {
    margin-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.mad-booking-wrap:not(.size-2):after {
    content: '';
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    height: 100%;
    width: 100%;
    border: 1px solid var(--color-secondary);
    z-index: -1;
}

.mad-booking-wrap .btn {
    width: 100%;
}

.mad-booking-wrap .mad-form-row {
    flex-direction: column;
}

.mad-booking-wrap .mad-form-row > * {
    max-width: 100%;
    min-width: 100%;
}

.mad-booking-wrap label {
    color: var(--color-neutral-20);
}

.mad-booking-wrap .mad-booking-title {
    color: var(--color-neutral-0);
    display: flex;
    column-gap: 1.5rem;
}

.mad-booking-wrap .mad-booking-title:not(:last-child) {
    margin-bottom: 2.5rem;
}

.mad-booking-wrap .mad-booking-title i {
    display: flex;
    align-items: center;
}

.mad-booking-wrap.size-2 {
    padding: 2rem;
    max-width: 24.5rem;
}

.mad-booking-wrap.size-2 .mad-booking-title {
    font-size: 1.5rem;
    line-height: 2rem;
}

.mad-booking-wrap.size-2 .mad-booking-title:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-booking-wrap.size-2 .mad-booking-title .svg {
    height: 1.625rem;
    width: 1.875rem;
}

.mad-booking-wrap .mad-custom-select .mad-selected-option {
    color: var(--color-neutral-0);
    border-color: var(--color-neutral-0);
}

.mad-booking-wrap .mad-custom-select .mad-selected-option::after, 
.mad-booking-wrap .mad-custom-select .mad-selected-option::before {
    color: var(--color-neutral-0);
}

/* ----------------------------------------
    Placeholder
---------------------------------------- */

    ::-webkit-input-placeholder {
color: inherit;
opacity: 1;
    }

    ::-webkit-textarea-placeholder {
color: inherit;
opacity: 1;
    }

    input::-moz-placeholder {
color: inherit;
opacity: 1;
    }

    textarea::-moz-placeholder {
color: inherit;
opacity: 1;
    }

    ::-ms-input-placeholder {
color: inherit;
opacity: 1;
    }

    ::-ms-textarea-placeholder {
color: inherit;
opacity: 1;
    }

/* ----------------------------------------
    Range Slider
---------------------------------------- */

    .mad-range-slider-field {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
    }

    .mad-range-slider-field .mad-range-slider {
width: 100%;
    }

    .mad-range-slider-field.type-2 {
flex-wrap: nowrap;
column-gap: 0.5rem;
    }

    .mad-range-slider-field input[type="text"], .mad-range-slider-field input[type="search"], .mad-range-slider-field input[type="date"], .mad-range-slider-field input[type="datetime-local"], .mad-range-slider-field input[type="email"], .mad-range-slider-field input[type="file"], .mad-range-slider-field input[type="month"], .mad-range-slider-field input[type="number"], .mad-range-slider-field input[type="password"], .mad-range-slider-field input[type="tel"], .mad-range-slider-field input[type="time"], .mad-range-slider-field input[type="url"], .mad-range-slider-field input[type="week"], .mad-range-slider-field textarea {
height: auto !important;
font-size: inherit;
line-height: inherit !important;
border-width: 0px;
font-weight: inherit;
width: auto;
max-width: 2.75rem;
padding: 0 !important;
margin-bottom: 0!important;
background-color: transparent;
color: var(--color-neutral-0);
    }

    .mad-range-slider-input:not(:last-child) {
margin-bottom: 0.7rem;
    }

    .mad-range-slider {
margin-top: 0.9375rem;
margin-bottom: 0.9375rem;
position: relative;
height: 0.125rem;
background-color: var(--color-primary-25);
    }

    .mad-range-slider .ui-slider-range {
position: absolute;
top: 0;
bottom: 0;
cursor: pointer;
background-color: var(--color-primary-lighter);
    }

    .mad-range-slider .ui-slider-handle {
display: block;
position: absolute;
top: 50%;
margin-top: -0.5rem;
width: 1rem;
height: 1rem;
border-radius: 50%;
cursor: pointer;
background-color: var(--color-primary-lighter);
    }

    .mad-range-slider .ui-slider-handle:after {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 0.5rem;
height: 0.5rem;
border: 2px solid var(--color-secondary);
margin: 2px;
border-radius: 50%;
    }

    .mad-range-slider .ui-slider-handle:last-child {
margin-left: -0.625rem;
    }

    .mad-range-slider-field.style-2 .mad-range-slider {
background: var(--color-secondary);
    }

    .mad-range-slider-field.style-2 .mad-range-slider .ui-slider-handle:after {
border-color: var(--color-neutral-0);
    }

    .mad-range-slider-field.style-2 input[type="text"] {
color: var(--color-neutral-80);
    }

/* ----------------------------------------
    Checkbox & Radio
---------------------------------------- */

    .mad-toggled-fields:not(:last-child) {
margin-bottom: 2rem;
    }

    input[type="checkbox"],
    input[type="radio"] {
display: none!important;
    }

    input[type="checkbox"] + label[for],
    input[type="radio"] + label[for] {
display: block;
position: relative;
font-family: Roboto, sans-serif;
text-transform: none;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 1.2px;
padding-left: 2.5rem;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
margin-bottom: 0;
    }

    input[type="checkbox"] + label[for]::before,
    input[type="radio"] + label[for]::before {
content: "";
border: 2px solid var(--color-neutral-80);
width: 1.25rem;
height: 1.25rem;
position: absolute;
left: 0;
top: 0;
    }

    input[type="radio"] + label[for]::before {
border-color: var(--color-neutral);
    }

    input[type="checkbox"] + label[for]::after,
    input[type="radio"] + label[for]::after {
font-family: 'Material Icons';
content: "done";
font-size: 1rem;
line-height: 1;
position: absolute;
text-transform: none;
left: 0;
width: 1.6rem;
text-align: center;
top: 0.25rem;
display: none;
    }

    input[type="checkbox"] + label[for]:not(:last-child),
    input[type="radio"] + label[for]:not(:last-child) {
margin-bottom: 1rem;
    }

    input[type="checkbox"]:checked + label[for]::after,
    input[type="radio"]:checked + label[for]::after {
display: block;
    }

    input[type="radio"] + label[for]::after {
content: "";
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
background-color: var(--color-neutral);
left: 0.5rem;
top: 0.5rem;
    }

    input[type="radio"] + label[for]::before {
border-radius: 50%;
    }

    table input[type="checkbox"] + label[for], 
    table input[type="radio"] + label[for] {
letter-spacing: 0;
color: var(--color-neutral);
padding-left: 2rem;
    }

    .mad-booking-wrap input[type="checkbox"] + label[for]::before,
    .mad-booking-wrap input[type="radio"] + label[for]::before {
border-color: var(--color-neutral-0);
    }

    .mad-booking-wrap input[type="checkbox"] + label[for],
    .mad-booking-wrap input[type="radio"] + label[for] {
color: var(--color-neutral-0);
    }

    .mad-booking-wrap input[type="checkbox"] + label[for], 
    .mad-booking-wrap input[type="radio"] + label[for],
    .mad-datepicker-select input[type="checkbox"] + label[for],
    .mad-datepicker-select input[type="radio"] + label[for] {
font-family: Anglecia, sans-serif;
    }

    .mad-toggled-fields.style-2 input[type="checkbox"] + label[for],
    .mad-toggled-fields.style-2 input[type="radio"] + label[for] {
font-family: 'Roboto', sans-serif;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0;
padding-left: 3.5rem;
padding-top: 0.5rem;
min-height: 2.5rem;
    }

    .mad-toggled-fields.style-2 input[type="checkbox"] + label[for]::before,
    .mad-toggled-fields.style-2 input[type="radio"] + label[for]::before {
width: 2.25rem;
height: 2.25rem;
    }

    .mad-toggled-fields.style-2 input[type="checkbox"] + label[for]::after,
    .mad-toggled-fields.style-2 input[type="radio"] + label[for]::after {
font-size: 1.5rem;
width: 2.5rem;
top: 0.5rem;
    }

    .mad-toggled-fields.size-2 input[type="checkbox"] + label[for] {
padding-left: 3.5rem;
padding-top: 0.5rem;
min-height: 2.5rem;
color: var(--color-neutral-80);
letter-spacing: 0;
    }
    
    .mad-toggled-fields.size-2 input[type="radio"] + label[for]:not(:last-child) {
margin-bottom: 0.5rem;
    }
    
    .mad-toggled-fields.size-2 input[type="radio"] + label[for]::before,
    .mad-toggled-fields.size-2 input[type="checkbox"] + label[for]::before {
width: 2.25rem;
height: 2.25rem;
    }
    
    .mad-toggled-fields.size-2 input[type="radio"] + label[for]::after {
width: 1rem;
height: 1rem;
left: 0.75rem;
top: 0.75rem;
    }
    
    .mad-toggled-fields.size-2 input[type="checkbox"] + label[for]:after {
font-size: 2rem;
left: 4px;
    }

/* ----------------------------------------
    Select
---------------------------------------- */

    .mad-custom-select {
position: relative;
    }

    .mad-custom-select.mad-over {
z-index: 3;
    }

    .mad-custom-select .mad-selected-option {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
height: 2rem;
line-height: 2rem;
position: relative;
padding-right: 2.625rem;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-top: 0;
padding-bottom: 0;
    }

    .mad-custom-select .mad-selected-option::after, 
    .mad-custom-select .mad-selected-option::before {
content: "keyboard_arrow_down";
font-family: 'Material Icons';
font-size: 1.25rem;
line-height: inherit;
position: absolute;
color: var(--color-neutral-80);
top: 0;
right: 0;
max-width: 1rem;
-webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .mad-custom-select .mad-selected-option::before {
content: "keyboard_arrow_up";
opacity: 0;
visibility: hidden;
    }

    .mad-custom-select .mad-options-list {
font-size: 0.875rem;
line-height: 1.5rem;
text-align: initial;
letter-spacing: 0.7px;
color: var(--color-neutral-80);
background-color: var(--color-neutral-0);
padding-bottom: 1rem;
border: 2px solid var(--color-neutral);
position: absolute;
top: 100%;
left: 0;
width: 100%;
margin-top: -2px;
opacity: 0;
visibility: hidden;

-webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .mad-custom-select .mad-options-list > li {
cursor: pointer;
padding-top: 1rem;
padding-right: 1rem;
padding-left: 1rem;

-webkit-transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .mad-custom-select .mad-options-list > li:hover, .mad-custom-select .mad-options-list > li.mad-active {
color: var(--color-primary-lighter);
    }

    .mad-custom-select.mad-opened .mad-options-list,
    .mad-custom-select.mad-opened .mad-selected-option::before {
opacity: 1;
visibility: visible;
    }

    .mad-custom-select.mad-opened .mad-selected-option::after {
opacity: 0;
visibility: hidden;
    }

    .mad-csstransforms3d .mad-custom-select .mad-options-list,
    .mad-csstransforms3d .mad-custom-select .mad-selected-option::after,
    .mad-csstransforms3d .mad-custom-select .mad-selected-option::before {
-webkit-transition-property: -webkit-transform, opacity, visibility;
transition-property: transform, opacity, visibility;
    }

    .mad-form.type-2 .mad-custom-select .mad-options-list {
border-color: var(--color-neutral-80);
    }

    .mad-custom-select.size-2 .mad-selected-option {
padding-bottom: 0.875rem;
height: 2.5rem;
    }

/* ----------------------------------------
    Counter
---------------------------------------- */

    .mad-field-counter {
position: relative;
padding-right: 3rem;
    }

    .mad-field-counter-value {
font-family: "Old Standard TT", serif;
color: #313131;
font-size: 3.7rem;
line-height: 0.82;
position: relative;
top: 5px;
    }

    .mad-field-counter-control {
font-size: 1.25rem;
line-height: 1;
position: absolute;
right: 0;

-webkit-transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: color .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .mad-field-counter-control::after {
font-family: 'Linearicons';
    }

    .mad-field-counter-control:hover {
color: #313131;
    }

    .mad-field-counter-control--increase {
top: 0;
    }

    .mad-field-counter-control--increase::after {
content: "\e939";
    }

    .mad-field-counter-control--decrease {
bottom: 0;
    }

    .mad-field-counter-control--decrease::after {
content: "\e93a";
    }

/* ----------------------------------------
    Label
---------------------------------------- */

    label {
font-size: 0.75rem;
line-height: 1rem;
letter-spacing: 1.2px;
text-transform: uppercase;
color: var(--color-neutral-60);
display: block;
    }

    label[for] {
cursor: pointer;
    }

/* ----------------------------------------
    Textarea
---------------------------------------- */

    textarea {
height: auto;
resize: none;
padding-top: 1rem;
padding-bottom: 1rem;
display: block;
    }

/* ----------------------------------------
    Form groups
---------------------------------------- */

    .form-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 2rem;
column-gap: 2rem;
    }

    [class*="form-col"] {
width: 100%;
    }

    .form-col-1 {
width: 8.33333%;
    }

/* ----------------------------------------
    Single Field Form
---------------------------------------- */

    form.one-line {
position: relative;
display: flex;
flex-wrap: nowrap;
column-gap: 2rem;
    }

    form.one-line.mad-newsletter-form input {
text-overflow: ellipsis;
    }

    .mad-newsletter-form.one-line {
display: flex;
column-gap: 2rem;
    }

    .mad-newsletter-form.one-line .mad-col:first-child {
width: 100%;
max-width: 26.5rem;
    }

    .mad-newsletter-form.one-line .btn {
min-width: 17rem;
    }

    .mad-newsletter-form:not(.one-line) .btn {
margin-top: 2rem;
width: 100%;
    }

    .mad-newsletter-form.full-size.one-line .mad-col:first-child {
max-width: 100%;
    }

    /* ----------------------------------------
Colorizer
    ---------------------------------------- */

[class*="mad-colorizer--scheme-"] {
    position: relative;
}

.container .mad-section[class*="mad-colorizer--scheme-"]:not([class*="mad-section--stretched"]):not(.mad-section--no-adaptive) {
    padding-left: 1rem;
    padding-right: 1rem;
}

.mad-colorizer-bg-color, .mad-colorizer-bg-image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
}

.mad-section--stretched-content {
    padding-left: 4rem;
    padding-right: 4rem;
}

.mad-colorizer-bg-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.mad-colorizer--parallax .mad-colorizer-bg-image {
    background-size: auto;
    background-attachment: fixed;
}

.mad-touchevents .mad-colorizer--parallax .mad-colorizer-bg-image {
    background-size: cover !important;
    background-position: center !important;
    background-attachment: scroll !important;
}

[class*="with-overlay"] {
    z-index: 1;
    position: relative;
}

[class*="with-overlay"]:not(.mad-section):after,
.mad-section[class*="with-overlay"] > [class*="mad-colorizer-"]:after {
    content: '';
    background: var(--color-neutral);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.5;
    z-index: -1;
}

.mad-bg-section {
    min-height: 400px;
    padding-bottom: 40%!important;
}

.mad-colorizer--scheme-color-2 > .mad-colorizer-bg-color {
    background: var(--color-primary-10);
}

.mad-colorizer--scheme-color-3 > .mad-colorizer-bg-color {
    background: var(--color-secondary);
}

.mad-colorizer--scheme-color-4 > .mad-colorizer-bg-color {
    background: var(--color-primary-5);
}

.mad-colorizer--scheme-color-5 > .mad-colorizer-bg-color {
    background: var(--color-primary);
}

.mad-colorizer--scheme-color-6 > .mad-colorizer-bg-color {
    background: var(--color-neutral-80);
}

.mad-colorizer--scheme-color-7 > .mad-colorizer-bg-color {
    background: var(--color-neutral-5);
}

.mad-colorizer--scheme-light .mad-cta-title,
.mad-colorizer--scheme-light .mad-title,
.mad-colorizer--scheme-light .mad-section-title,
.mad-colorizer--scheme-light .mad-page-title,
.mad-colorizer--scheme-color-3 .mad-page-title,
.mad-colorizer--scheme-light form.one-line.mad-newsletter-form input {
    color: #fff;
}

.mad-colorizer--scheme-light .mad-pre-title {
    color: var(--color-secondary-40);
}

.mad-colorizer--scheme-light .mad-pre-title:before {
    background-color: var(--color-secondary-40);
}

.mad-colorizer--scheme-light .mad-footer-subtitle,
.mad-colorizer--scheme-color-3 p {
    color: var(--color-secondary);
}

.mad-colorizer--scheme-light form.one-line.mad-newsletter-form input {
    border-color: var(--color-neutral-0);
}

.mad-colorizer--scheme-color-3 {
    color: var(--color-secondary-10);
}

.mad-colorizer--scheme-color-3 .mad-pre-title {
    color: var(--color-secondary-40);
}

.mad-colorizer--scheme-color-3 .mad-pre-title:before {
    background-color: var(--color-secondary-40);;
}

.mad-colorizer--scheme-color-5,
.mad-colorizer--scheme-color-5 .mad-pre-title {
    color: var(--color-secondary-10);
}

.mad-colorizer--scheme-color-5 .mad-pre-title:before {
    background: var(--color-secondary-10);
}

.mad-colorizer--scheme-color-5 .mad-icon-boxes .mad-icon-box .mad-text-link,
.mad-colorizer--scheme-color-5 .mad-icon-boxes .mad-icon-box .mad-text-link:not([class*="style-"]):hover {
    color: var(--color-secondary);
}

.mad-colorizer--scheme-color-5 .mad-icon-boxes .mad-icon-box .mad-text-link:not(.no-arrow):hover:before, 
.mad-colorizer--scheme-color-5 .mad-icon-boxes .mad-icon-box .mad-text-link:not(.no-arrow):hover:after,
.mad-colorizer--scheme-color-5 .mad-icon-boxes .mad-icon-box .mad-text-link:not(.no-arrow):before, 
.mad-colorizer--scheme-color-5 .mad-icon-boxes .mad-icon-box .mad-text-link:not(.no-arrow):after {
    background: var(--color-secondary);;
}

[class*="with-texture"] > .mad-colorizer-bg-color:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/texture.png) no-repeat;
    background-size: cover;
    z-index: -1;
}

.with-texture2 > .mad-colorizer-bg-color:after {
    background: url(../images/texture2.png) no-repeat;
    background-size: cover;
}

.with-texture3 > .mad-colorizer-bg-color:after {
    background: url(../images/texture3.png) no-repeat;
    background-size: cover;
}

.mad-colorizer--scheme-color-6 .mad-pre-title {
    color: var(--color-neutral-15);
}

.mad-colorizer--scheme-light label {
    color: var(--color-neutral-20);
}

.mad-colorizer--scheme-color-6 .mad-pre-title:before {
    background: var(--color-neutral-15);
}

[class*="mad-colorizer--scheme-color-"].with-svg-img .mad-colorizer-bg-image {
    z-index: 0;
    opacity: 0.1;
}

/* Video wrapper */
    
.video_wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.video_wrapper > iframe {
    z-index: 2;
}

.video_wrapper_full {
    padding-top: 36rem;
}

.videoIframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.videoPoster {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image:url(../images/974x656_img5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: none;
    text-indent: -999em;
    opacity: 1;
    z-index: 3;
    overflow: hidden;
    -webkit-transition: opacity 800ms, height 0s;
    -moz-transition: opacity 800ms, height 0s;
    transition: opacity 800ms, height 0s;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
}

.video_wrapper_full.image-2 {
    padding-top: 22.75rem;
}

.video_wrapper_full.image-2 .videoPoster {
    background-image: url(../images/520x368_img3.jpg);
}

#main .video_wrapper_full.image-2.videoWrapperActive {
    padding-top: 21rem;
} 

.video_wrapper_full.image-2.videoWrapperActive {
    padding-top: 18rem;
} 

.video_wrapper_full.image-3 {
    padding-top: 56.5rem;
}

.video_wrapper_full.image-3.videoWrapperActive {
    padding-top: 51rem;
}

#main .video_wrapper_full.image-3.videoWrapperActive {
    padding-top: 44rem;
}

.video_wrapper_full.image-3 .videoPoster {
    background-image: url(../images/1432x1005_img5.jpg);
}

.videoPoster:hover {
    cursor: pointer;
}

.videoPoster:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6rem;
    height: 6rem;
    margin: -3rem 0 0 -3rem;
    -webkit-mask: url(../royal_beach_resort_svg/play-btn.svg) no-repeat;
    mask: url(../royal_beach_resort_svg/play.svg) no-repeat;
    background-color: var(--color-neutral);
}

.videoPoster.no-btn {
    cursor: auto;
}

.videoPoster.no-btn:before {
    display: none;
}

.videoWrapperActive .videoPoster {
    opacity: 0;
    height: 0;
    -webkit-transition-delay: 0s, 800ms;
    -moz-transition-delay: 0s, 800ms;
    transition-delay: 0s, 800ms;
}

    /* ----------------------------------------
Gallery
    ---------------------------------------- */

.mad-grid--isotope:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-gallery:not(.mad-grid--isotope) {
    display: flex;
    flex-wrap: wrap;
}

.mad-gallery:not(.mad-grid--isotope) .mad-gallery-item {
    display: block;
    position: relative;
    overflow: hidden;
    transition: all .5s ease;
}

.mad-grid-item.col-x2 {
    width: 66.6666%;
}

.mad-grid--isotope.item-col-4 .mad-grid-item.col-x2 {
    width: 50%;
}

.mad-grid--isotope.item-col-2 .mad-grid-item.col-x2 {
    width: 100%;
}

.mad-gallery .mad-gallery-item a {
    display: block;
    overflow: hidden;
    position: relative;
    cursor: url(../images/crosshair.png), crosshair;
    z-index: 1;
}

.mad-gallery .mad-gallery-item a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-neutral);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.mad-grid--isotope:not(:last-child) {
    margin-bottom: 3.5rem;
}

.mad-grid--isotope.mad-portfolio:not(:last-child) {
    margin-bottom: 2rem;
}

.mad-gallery .mad-gallery-item a:hover:after {
    opacity: 0.6;
    visibility: visible;
}

.mad-filter {
    position: relative;
    z-index: 2;
    display: flex;
    column-gap: 0.5rem;
    margin-bottom: 2rem;
}

.mad-filter > li > a {
    display: block;
    font-family: Anglecia, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    color: var(--color-neutral-0);
    background: var(--color-primary);
    letter-spacing: -0.3px;
    padding: 1rem 2rem;
}

.mad-filter > li > a:hover {
    background: var(--color-primary-lighter);
}

.mad-filter > li > a.mad-active {
    background: var(--color-primary-darker);
}

.mad-gallery-slider .mad-section {
    padding: 0;
    padding-bottom: 43.7%;
    min-height: 18.75rem;
}

.mad-portfolio:not(.type-2) .mad-gallery-item {
    overflow: hidden;
}

.mad-portfolio .mad-gallery-item .mad-gallery-desc {
    padding: 3.5rem;
    background: var(--color-neutral-5);
}

.mad-portfolio:not(.type-2) .mad-gallery-item .mad-gallery-desc {
    height: 100%;
}

.mad-gallery-name a {
    border-bottom: 1px solid transparent;
}

.mad-gallery-name a:hover {
    border-bottom-color: inherit;
}

.mad-portfolio:not(.mad-grid--isotope) {
    display: flex;
    flex-wrap: wrap;
}

.mad-portfolio .mad-gallery-item .mad-gallery-desc p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.mad-gallery-media img {
    width: 100%;
}

.mad-portfolio .mad-gallery-item .mad-gallery-desc .mad-gallery-name {
    margin-top: -0.5rem;
    letter-spacing: 0;
}

.mad-portfolio.type-2 .mad-gallery-item {
    position: relative;
}

.mad-portfolio.type-2 .mad-gallery-item .mad-gallery-desc {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    color: var(--color-neutral-0);
    background: none;
    transition: all .7s ease;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
}

.mad-portfolio.type-2 .mad-gallery-item:hover .mad-gallery-desc {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.mad-portfolio.type-2 .mad-gallery-item .mad-gallery-media {
    display: block;
    position: relative;
}

.mad-portfolio.type-2 .mad-gallery-item .mad-gallery-media:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-neutral);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.mad-portfolio.type-2 .mad-gallery-item:hover .mad-gallery-media:after {
    opacity: 0.6;
    visibility: visible;
}

.mad-portfolio.type-2 .mad-gallery-item .mad-gallery-desc .mad-gallery-name {
    color: var(--color-neutral-0);
}

.mad-gallery-tag {
    display: block;
    margin-top: -1rem;
    font-size: 1rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.mad-gallery-tag:hover {
    text-decoration: underline;
}

    /* ----------------------------------------
Countdown
    ---------------------------------------- */

.mad-countdown .countdown-row {
    display: flex;
    flex-wrap: wrap;
    margin: -3rem -1rem 0;
}

.mad-countdown .countdown-section {
    width: 25%;
    padding: 3rem 1rem 0;
}

.mad-countdown .countdown-amount {
    display: block;
    font-family: Anglecia, sans-serif;
    font-size: 3.5rem;
    line-height: 4rem;
    margin-bottom: 0.5rem;
    color: var(--color-neutral);
}

.mad-countdown .countdown-period {
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
    color: var(--color-neutral-80);
}

.mad-countdown.style-2 .countdown-amount {
    color: var(--color-neutral-0);
}

.mad-countdown.style-2 .countdown-period {
    color: var(--color-primary-10);
}

    /* ----------------------------------------
Dropdown
    ---------------------------------------- */

.mad-dropdown {
    position: relative;
    z-index: 1;
}

.mad-dropdown-title {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mad-dropdown-element {
    font-size: 0.875rem;
    line-height: 2rem;
    text-align: initial;
    margin-top: 2rem;
    padding-top: 0;
    padding-bottom: 1rem;
    letter-spacing: 0.8px;
    background-color: var(--color-neutral-10);
    color: var(--color-neutral);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding: 1.5rem 2rem;
    top: 100%;
    left: 0;
    margin-left: -2rem;
    -webkit-transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity .5s cubic-bezier(0.165, 0.84, 0.44, 1), visibility .5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.mad-dropdown-element > li > a {
    color: var(--color-neutral);
}

.mad-dropdown-element > li > a:hover {
    text-decoration: underline;
}

.mad-dropdown-element--icons > li {
    position: relative;
    padding-left: 3.1rem;
}

.mad-dropdown-element--x-right {
    left: auto;
    right: 0;
}

.mad-dropdown-element--y-top {
    bottom: 100%;
    top: auto;
}

.mad-dropdown--opened {
    z-index: 6;
}

.mad-dropdown--opened .mad-dropdown-element {
    opacity: 1;
    visibility: visible;
}

.mad-dropdown--title-icon .mad-dropdown-title {
    position: relative;
    padding-right: 0.875rem;
}

.mad-csstransforms3d .mad-dropdown-element {
    -webkit-transition-property: -webkit-transform, opacity, visibility;
    transition-property: transform, opacity, visibility;
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}

.mad-csstransforms3d .mad-dropdown--title-icon .mad-dropdown-icon--state-opened, .mad-csstransforms3d .mad-dropdown--title-icon .mad-dropdown-icon--state-default {
    -webkit-transition-property: -webkit-transform, opacity, visibility;
    transition-property: transform, opacity, visibility;
}

.mad-csstransforms3d .mad-dropdown--title-icon .mad-dropdown-icon--state-opened,
.mad-csstransforms3d .mad-dropdown--title-icon.mad-dropdown--opened .mad-dropdown-icon--state-default {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}

.mad-csstransforms3d .mad-dropdown--opened .mad-dropdown-element,
.mad-csstransforms3d .mad-dropdown--title-icon.mad-dropdown--opened .mad-dropdown-icon--state-opened {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.mad-lang .mad-dropdown-element {
    margin-left: -2rem;
    margin-top: 3.75rem;
}

    /* ----------------------------------------
Twitter Feed
    ---------------------------------------- */

.mad-twitter-feed:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-twitter-feed > li:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-twitter-feed > li {
    padding-left: 2rem;
}

.mad-twitter-feed > li {
    position: relative;
    font-size: 1rem;
    line-height: 1.5rem;
}

.mad-twitter-feed > li::before {
    content: "\f099";
    font-family: Font Awesome\ 5 Brands;
    font-size: 1rem;
    line-height: 1.5rem;
    position: absolute;
    left: 0;
    top: 0;
    color: var(--color-primary);
}

.mad-twitter-feed > li a {
    color: var(--color-primary);
}

.mad-twitter-feed > li a:hover {
    text-decoration: underline;
}

/* ----------------------------------------
    4. Pages
---------------------------------------- */

.mad-booking-holder,
    .mad-img-holder {
        position: relative;
        height: 100%;
        z-index: 9;
    }

    .mad-booking-holder .mad-booking-wrap,
    .mad-img-holder .mad-img-main {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .mad-img-holder .mad-img-main {
        bottom: auto;
        left: auto;
/*        top: -12.75rem;*/
    }
    .mad-img-holder .mad-img-main img{
        border-radius: 10px;
    }

    .mad-img-secondary {
        position: absolute;
        left: 0;
        bottom: -7.75rem;
        z-index: 1;
    }

    .mad-img-secondary:after {
        content: '';
        position: absolute;
        top: -2rem;
        left: 0;
        bottom: 2.5rem;
        right: -2rem;
        background: var(--color-primary-5);
        z-index: -1;
    }

    .mad-storyline {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 29.8125rem;
    }

    .mad-storyline:after {
content: '';
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 2px;
background: var(--color-neutral-0);
    }

    .mad-storyline > .mad-col {
position: relative;
width: 100%;
    }

    .mad-storyline > .mad-col:not(:last-child) {
margin-bottom: 20rem;
    }

    .mad-storyline .mad-story-item {
position: relative;
    }

    .mad-story-item .mad-story-inner {
position: relative;
max-width: 36rem;
padding-bottom: 4rem;
    }

    .mad-storyline .mad-story-item:after {
content: '';
position: absolute;
top: 25.75rem;
left: calc(50% - 7px);
width: 0.75rem;
height: 0.75rem;
border-radius: 50%;
background: var(--color-secondary);
border: 2px solid var(--color-neutral-0);
z-index: 1;
    }

    .mad-storyline .mad-story-item.right-col {
position: absolute;
width: 100%;
left: 0;
top: 29.375rem;
display: flex;
justify-content: flex-end;
    }

    .mad-storyline .mad-story-item.right-col:after {
left: auto;
right: calc(50% - 0.5625rem);
    }

    .mad-storyline .mad-story-item .mad-story-content {
position: absolute;
right: 0;
bottom: 0;
color: var(--color-neutral-80);
width: calc(100% - 4rem);
background: var(--color-neutral-0);
padding: 4rem 3.5rem;
    }

    .mad-storyline .mad-story-item.right-col .mad-story-content {
right: auto;
left: 0;
    }

    .mad-story-content .mad-title {
margin-top: -1rem;
    }

    .mad-story-content .mad-title:not(:last-child) {
margin-bottom: 1.5rem;
    }

    .with-half-bg {
z-index: 1;
position: relative;
overflow: visible!important;
    }

    .mad-entities-details.type-5.var-2.with-half-bg {
padding-bottom: 3.5rem;
    }

    .with-half-bg:after {
content: '';
position: absolute;
top: 0;
left: -2000px!important;
right: -2000px!important;
height: 50%;
background: var(--color-neutral-0);
z-index: -1;
    }

    /* .mad-owl-center.mad-owl-center-auto {
padding-right: 30%;
    }

    .mad-owl-center.mad-owl-center-auto.owl-carousel .owl-stage-outer {
overflow: visible;
    }

    .mad-owl-center.mad-owl-center-auto.owl-carousel.mad-owl-center .owl-item {
transform: none;
    } */

    /* ----------------------------------------------------------------------------------- */

    .mad-rest-info > .mad-rest-info-item {
display: flex;
font-size: 1.125rem;
line-height: 2rem;
    }

    .mad-rest-info:not(:first-child) {
margin-top: 2.5rem;
    }

    .mad-rest-info:not(:last-child) {
margin-bottom: 3rem;
    }

    .mad-rest-info > .mad-rest-info-item > .mad-rest-title {
min-width: 11.5rem;
font-weight: bold;
    }

    .mad-rest-info > .mad-rest-info-item:not(:last-child) {
margin-bottom: 1rem;
    }

    .mad-rest-info.size-2 > .mad-rest-info-item {
font-size: 1rem;
line-height: 1.5rem;
    }

    .mad-rest-info.size-2 > .mad-rest-info-item > .mad-rest-title {
min-width: 9.5rem;
    }

    /* ----------------------------------------------------------------------------------- */

    /* ----------------------------------------
Blog Single
    ---------------------------------------- */

    

    /* ----------------------------------------
404 Page
    ---------------------------------------- */

.mad-404-title {
    font-family: Anglecia, sans-serif;
    font-size: 25rem;
    line-height: 25.5rem;
    letter-spacing: -5px;
    color: var(--color-primary);
}

.mad-404-title + * {
    letter-spacing: 0;
    margin-top: -5rem;
}

.mad-404-content {
    padding: 5.5rem 0 9rem;
}

.mad-404-content .mad-newsletter-form.one-line .btn {
    min-width: auto;
}

    /* ----------------------------------------
Coming Soon Page
    ---------------------------------------- */

.mad-coming-soon-page {
    display: flex;
    flex-direction: column;
    overflow: auto;
    height: 100vh;
}

.mad-coming-soon {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-size: cover;
    color: var(--color-neutral-10);
}

.mad-coming-soon .mad-logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 2.75rem 0;
}

.mad-coming-soon-title {
    color: var(--color-neutral-0);
}

.mad-coming-soon-title:not(:last-child) {
    margin-bottom: 1rem;
}

.mad-coming-soon-content {
    width: 100%;
    max-width: 60rem;
    padding: 14rem 1rem 9rem;
    margin: 0 auto;
}

.mad-coming-soon + .mad-footer:not([class*="footer-"]):after,
.mad-coming-soon + .mad-footer:not([class*="footer-"]):before {
    bottom: 0;
}

    /* ----------------------------------------
Home
    ---------------------------------------- */
.bg-color {
    background-color: var(--color-secondary); 
    background-image: url('../images/texture2.png');
    background-position: center;
    padding: 80px 20px;
	
}
.city
{
	padding: 20px;
	padding-bottom: 50px;
}
.city img
{
	box-shadow: 3px 3px 17px 0px #222;
}