/**
 *
 Css MakeItSymply Site Package
 *
 */

/* nunito-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/nunito/nunito-v32-latin-300-webfont.woff') format('woff'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/nunito/nunito-v32-latin-300-webfont.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/nunito/nunito-v32-latin-regular-webfont.woff') format('woff'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/nunito/nunito-v32-latin-regular-webfont.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/nunito/nunito-v32-latin-500-webfont.woff') format('woff'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/nunito/nunito-v32-latin-500-webfont.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/nunito/nunito-v32-latin-600-webfont.woff') format('woff'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/nunito/nunito-v32-latin-600-webfont.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/nunito/nunito-v32-latin-700-webfont.woff') format('woff'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/nunito/nunito-v32-latin-700-webfont.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/nunito/nunito-v32-latin-800-webfont.woff') format('woff'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('../fonts/nunito/nunito-v32-latin-800-webfont.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/nunito/nunito-v32-latin-900-webfont.woff') format('woff'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
        url('../fonts/nunito/nunito-v32-latin-900-webfont.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Color codes to use them as variables */
:root {
    /* Text */
    --text-color: #3c3c3c;
    /* Headers (H1, h2, h3, h4, h5, h6) */
    --header-color: #9cb237;
    /* Links */
    --link-color: #9cb237;
    --link-color-hover: color-mix(in oklab, var(--link-color), black 10%);
    /* Buttons */
    --button-color: #9cb237;
    --button-color-hover: color-mix(in oklab, var(--button-color), black 10%);
    --button-text-color: #fefefe;
    /* Main */
    --white: #fefefe;
    --primary-lighter: #e5f698; /* RGB: 229–246–152 | RGB [%]: 98.8–96.5–59.6 */
    --primary-light: #bed45e; /* RGB: 190–212–94 | RGB [%]: 74.5–83.1–36.9 */
    --primary: #9cb237; /* RGB: 156–178–55 | RGB [%]: 61.2–69.8–21.6 */
    --primary-darker: #7c911a; /* RGB: 124–145–26 | RGB [%]: 48.6–56.9–10.2 */
    --primary-dark: #556802; /* RGB: 85–104–2 | RGB [%]: 33.3–40.8–0.8 */
    --gray-light: #e1e1e1; /* hr, borders */
    --gray-lighter: #f7f7f7; /* Sumbenu */ /* rgb(247,247,247) */
    --red-danger-500: #dc3545; /* from Bootstrap */
    --red-danger-400: #e35d6a; /* from Bootstrap */
}

/*
Please note that when you are using `grid-margin-x` on a `grid-container` with `full` class you will also need to hide the horizontal overflow in order for this to work correctly if your content is going to touch the sides of the viewport.
Therefore we need: body { overfow-x: hidden }
**/
body {
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-size: 1.25rem; /* 20px */
    font-style: normal;
    color: var(--text-color);
    overflow-x: hidden;
}
/* Miscellaneous begin ------------------------------------------------------------------------------------------------------------------------------------- */
.grid-container {
    max-width: 80rem; /* 1280px */
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6 .h6 {
    font-family: 'Nunito';
    font-weight: 600;
    color: var(--header-color);
    text-align: center;
}

@media screen and (max-width: 39.9375em) {
    h1, .h1 {
        font-size: 1.875rem; /* 30px */
    }

    h2, .h2 {
        font-size: 1.625rem; /* 26px */
    }

    h3, .h3 {
        font-size: 1.5625rem; /*25px */
    }

    h4, .h4 {
        font-size: 1.5rem; /* 24px */
    }

    h5, .h5 {
        font-size: 1.4375rem, /* 23px */
    }

    h6, .h6 {
        font-size: 1.375rem; /*22px */
    }
}

a {
    color: var(--link-color);
}

a:hover, a:focus {
    color: var(--link-color-hover);
}

.button, .btn {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-transition: background-color .25s ease-out,color .25s ease-out;
        transition: background-color .25s ease-out,color .25s ease-out;
    font-family: inherit;
    font-size: .9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    padding: .85em 1em;
}

.button, .btn {
    background-color: var(--link-color);
    color: var(--button-text-color);
    border-radius: 5px;
}

.button:hover, .button:focus, .btn:hover, .btn:focus {
    background-color: var(--link-color-hover);
}

.button a, .btn a {
    color: var(--button-text-color);
}

.fa-solid {
    color: var(--primary);
}

.menu .active > a {
    background: var(--link-color);
    color: var (--white);
}

label {
    display: block;
    margin: 0;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.8;
    color: inherit;
}

.responsive-embed {
    padding-bottom: 56.25%; /* ratio 16x9 */
}

[type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
    -webkit-appearance: none;
        -moz-appearance: none;
            appearance: none;
    display: block;
    -webkit-box-sizing: border-box;
        box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    border: 1px solid #cacaca;
    border-radius: 5px;
    background-color: var(--white);
    -webkit-box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
        box-shadow: inset 0 1px 2px rgba(10,10,10,.1);
    font-family: inherit;
    font-size: 1.125rem; /* 18px */
    font-weight: 400;
    line-height: 1.5;
    color: inherit;
    -webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
    transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
    transition: box-shadow .5s,border-color .25s ease-in-out;
    transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;
}

hr {
    border-bottom: 15px dotted var(--gray-light);
}

@media screen and (min-width: 40em) {
    .count-2 {
        column-count: 2;
    }

    .count-3 {
        column-count: 2;
    }
}

@media screen and (min-width: 64em) {
    .count-3 {
        column-count: 3;
    }
}
/* Miscellaneous end --------------------------------------------------------------------------------------------------------------------------------------- */


/* Frontend Edit begin ------------------------------------------------------------------------------------------------------------------------------------- */
/* Because in foundation, the .hide class has the value display: none !important */
.xima-typo3-frontend-edit--dropdown-menu-inner .hide {
    display: flex !important;
}
/* Frontend Edit end --------------------------------------------------------------------------------------------------------------------------------------- */


/* Cookie begin -------------------------------------------------------------------------------------------------------------------------------------------- */
#tx_cookies_inner {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1040;
    max-width: 500px;
    background-color: var(--white);
    border: 1px solid var(--gray-light);
    border-radius: 5px;
}

#tx_cookies_inner .btn-secondary {
    background-color: var(--primary-light);
}

#tx_cookies_showPermanent {
    position: fixed;
    top: unset;
    left: 2.5rem;
    bottom: 2.5rem;
    z-index: 1040;
}

#tx_cookies_showPermanent .button, #tx_cookies_showPermanent .btn {
    margin: 0;
}

#tx_cookies_showPermanent .fa-cookie-bite {
    font-size: 60px;
    color: var(--primary-darker);
    cursor: pointer;
    display: none;
}
/* Cookie end ---------------------------------------------------------------------------------------------------------------------------------------------- */


/* TYPO3 begin --------------------------------------------------------------------------------------------------------------------------------------------- */
.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
    overflow: hidden;
}

.ce-textpic {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

@media screen and (min-width: 40em) {
    .ce-nowrap {
        flex-wrap: nowrap;
    }
}

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
    margin-bottom: 10px;
}

.ce-row {
    margin-bottom: 10px;
}

.ce-row:last-child {
    margin-bottom: 0;
}

.ce-column {
    margin-right: 10px;
}

.ce-column:last-child {
    margin-right: 0;
}

.ce-gallery figure {
    display: table;
    margin: 0;
}
/* Oben mittig - begin */
/* ce-textpic ce-center ce-above */
/* Keine zusätzliche Deklaraion nötig */
/* Oben mittig - end */

/* Unten mittig - begin */
/* ce-textpic ce-center ce-below */
.ce-below .ce-gallery {
    margin-top: 10px;
}
/* Unten mittig - end */

/* Im Text rechts, im Text links - begin */
@media screen and (min-width: 40em) {
    .ce-textpic.ce-intext {
        display: block;
    }
}

/* Im Text rechts - begin */
/* ce-textpic ce-right ce-intext */
.ce-intext.ce-right .ce-gallery {
    /*margin-left: 0;*/
}

@media screen and (min-width: 40em) {
    .ce-right .ce-gallery {
        float: right;
    }
    .ce-intext.ce-right .ce-gallery {
        margin-left: 10px;
    }
}
/* Im Text rechts - end */

/* Im Text links - begin */
/* ce-textpic ce-left ce-intext */
.ce-intext.ce-left .ce-gallery {
    /*margin-right: 0;*/
}

@media screen and (min-width: 40em) {
    .ce-left .ce-gallery {
        float: left;
    }
    .ce-intext.ce-left .ce-gallery {
        margin-right: 10px;
    }
}
/* Im Text links - end */

/* Neben dem Text rechts - begin */
/* ce-textpic ce-right ce-intext ce-nowrap */
@media screen and (min-width: 40em) {
    .ce-textpic.ce-nowrap {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
    }
    .ce-right.ce-nowrap .ce-gallery {
        order: 2;
    }
}
/* Neben dem Text rechts - end */

/* Neben dem Text links - begin */
/* ce-textpic ce-left ce-intext ce-nowrap */
/* Keine zusätzliche Deklaraion nötig */
/* Neben dem Text links - end */

/* Mehrere Bilder - begin */
.ce-image .ce-gallery {
    margin-bottom: 0;
}

.ce-image .ce-gallery .ce-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

@media screen and (min-width: 40em) {
    .ce-image .ce-gallery .ce-row {
        flex-wrap: nowrap;
    }
}

.ce-image .ce-gallery .ce-column {
    margin: .625rem;
}
/* Mehrere Bilder - end */


/* Für dieses Projekt - begin */
@media screen and (min-width: 40em) {
    .ce-right.ce-nowrap .ce-gallery {
        max-width: 48%;
        margin-left: 1.25rem;
        order: 2;
    }

    .ce-right.ce-nowrap .ce-bodytext {
        max-width: 48%;
    }
    .ce-left.ce-nowrap .ce-gallery {
        max-width: 48%;
        margin-right: 1.25rem;
    }

    .ce-left.ce-nowrap .ce-bodytext {
        max-width: 48%;
    }
}
/* Für dieses Projekt - end */
/* TYPO3 end ----------------------------------------------------------------------------------------------------------------------------------------------- */


/* Header begin -------------------------------------------------------------------------------------------------------------------------------------------- */
header {

}

.title-bar {
    padding: .5rem;
    background: var(--white);
    color: var(--link-color);
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
    align-items: center;*/
}

@media screen and (min-width: 40em) {
    .title-bar {
        display: none;
    }
}

.menu-icon:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: var(--link-color);
    -webkit-box-shadow: 0 7px 0 var(--link-color),0 14px 0 var(--link-color);
        box-shadow: 0 7px 0 var(--link-color),0 14px 0 var(--link-color);
    content: "";
}

.menu-icon:hover:after {
    background: var(--link-color-hover);
    -webkit-box-shadow: 0 7px 0 var(--link-color-hover),0 14px 0 var(--link-color-hover);
        box-shadow: 0 7px 0 var(--link-color-hover),0 14px 0 var(--link-color-hover);
}

.title-bar .button-group {
    margin-bottom: 0;
    justify-content: flex-end;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a:after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: var(--link-color) transparent transparent;
    position: absolute;
    top: 50%;
    margin-top: -0.1875rem; /* -3px */
    right: 1rem;
}

.top-bar .is-accordion-submenu {
    background-color: var(--gray-lighter);
}

.top-bar, .top-bar ul {
    background-color: var(--white);
}

.top-bar .top-bar-right .button-group {
    justify-content: flex-end;
    align-items: flex-start;
}

@media print, screen and (min-width: 40em) {
    .top-bar .top-bar-right {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

.top-bar .logo {
    max-width: 9.375rem; /* 150px */
}

.dropdown.menu > li.is-dropdown-submenu-parent > a:after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: var(--link-color) transparent transparent;
    right: .3125rem;
    left: auto;
    margin-top: -0.1875rem; /* -3px */
}

@media print, screen and (min-width: 40em) {
    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:after {
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px;
        border-bottom-width: 6px;
        content: "";
        border-bottom-width: 0;
        border-color: var(--link-color) transparent transparent;
        right: .3125rem;
        left: auto;
        margin-top: -0.1875rem; /* -3px */
    }
}

.dropdown.menu > li.is-active > a {
    color: var(--link-color);
}

.dropdown .is-dropdown-submenu {
    min-width: 15rem; /*240px */
    border: none;
    border-radius: 5px;
    -webkit-box-shadow: 0px 6px 30px -7px rgba(0,0,0,0.35);
        -moz-box-shadow: 0px 6px 30px -7px rgba(0,0,0,0.35);
            box-shadow: 0px 6px 30px -7px rgba(0,0,0,0.35);
}

.dropdown .is-dropdown-submenu a {
    padding: 1rem 2rem;
}
/* Header end ---------------------------------------------------------------------------------------------------------------------------------------------- */


/* Hero begin ---------------------------------------------------------------------------------------------------------------------------------------------- */
.hero {
    width: 100%;
    height: 37.5rem; /* 600px */
    overflow: hidden;
}

.hero-image {
    /*background: url("../images/ferienhaus-muster/ferienhaus-muster-sommer-2048x1000.png");*/
    /*background: url("../Images/ferienhaus-muster-sommer-2048x1000.png");*/
    background: url("https://make-it-simply.web-preview.at/ferienhaus-mustermann/fileadmin/user_upload/bilder/ferienhaus/ferienhaus-muster-sommer-2048x1000.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    filter: brightness(150%);
    filter: opacity(0.75);
    width: 100%;
    height: 100%;
    animation: centerAnim 4s linear 0s 1 normal forwards;
}

@keyframes centerAnim {
	0% {
		opacity: .0;
		transform: scale(1);
	}

	100% {
		opacity: 1;
		transform: scale(1.2);
	}
}
/* Hero end ------------------------------------------------------------------------------------------------------------------------------------------------ */


/* Main begin ---------------------------------------------------------------------------------------------------------------------------------------------- */
.content {
    padding-top: 15px;
    padding-bottom: 30px;
    overflow: hidden;
}

.content .grid-container {
    padding-top: .9375rem;
    padding-bottom: .9375rem;
}

.content .grid-container.full {
    padding-top: 0;
    padding-bottom: 0;
}

/* Expand Column Wrapper begin --------------------------------------------------------------------------------------------------------- */
.row {
  max-width: 80rem;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.column, .columns {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    min-width: initial;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
}

.expand-column-wrapper {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media screen and (min-width: 40em) {
    .expand-column-wrapper {
        height: 60vH;
    }
}

.expand-column-wrapper .column {
    padding: 0;
    transition: all 0.5s ease-in-out;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
}

.expand-column-wrapper .column:hover {
    -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
}

.expand-column-wrapper .column:hover .expand-column-text {
    opacity: 1;
}

@media screen and (min-width: 40em) {
    .expand-column-wrapper .column {
        height: 60vH;
    }
}

.expand-column-wrapper .expand-column-image {
    height: 100%;
    object-fit: cover;
}

.expand-column-wrapper .expand-column-text {
    background-color: rgba(0, 0, 0, 0.5);
    color: var(--white);
    font-weight: bold;
    padding-right: 5px;
    padding-left: 5px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    position: absolute;
}

@media screen and (max-width: 39.9375em) {
    .expand-column-wrapper {
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
/* Expand Column Wrapper end ----------------------------------------------------------------------------------------------------------- */

/* Slideshow (Slick Slider) begin ------------------------------------------------------------------------------------------------------ */
.slideshow {
    margin-right: -0.625rem; /* -10px */
    margin-left: -0.625rem; /* -10px */
}

.slick-slide {
    padding-right: 0.625rem; /* 10px */
    padding-left: 0.625rem; /* 10px */
}

.slick-prev, .slick-next {
    width: 2.5rem; /* 40px */
    height: 2.5rem; /* 40px */
}

.slick-prev {
    left: 1.5625rem; /* 25px */
    z-index: 1;
}

.slick-next {
    right: 1.5625rem; /* 25px */
    z-index: 1;
}

.slick-prev:before, .slick-next:before {
    font-size: 2.5rem; /* 40px */
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots {
    position: absolute;
    bottom: -2rem; /* -32px */
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    width: 1.5625rem;
    height: 1.5625rem;
}

.slick-dots li button {
    width: 1.5625rem;
    height: 1.5625rem;
}

.slick-dots li button:before {
    font-size: .9375 rem;
    line-height: 1.5625rem;
    width: 1.5625rem;
    height: 1.5625rem;
    opacity: .25;
    color: black;
}
/* Slideshow (Slick Slider) begin ------------------------------------------------------------------------------------------------------ */

/* Fancybox begin ---------------------------------------------------------------------------------------------------------------------- */
.fancybox-slide--iframe .fancybox-content {
    max-width: 95%;
    max-height 80%;
    margin: 0;
}

@media screen and (min-width: 64em) {
    .fancybox-slide--iframe .fancybox-content {
        max-width: 80%;
        max-height 80%;
        margin: 0;
    }
}

.fancybox-iframe {
    padding-top: 1.25rem;
}
/* Fancybox end ------------------------------------------------------------------------------------------------------------------------ */


/* Powermail begin --------------------------------------------------------------------------------------------------------------------- */
.tx-powermail {
    max-width: 64rem; /* 1024px */
    margin: 0 auto;
}

.powermail_fieldwrap_captcha {
    max-width: 21.875rem; /* 350px */
}

.powermail_captchaimage {
    margin-bottom: 1rem;
    border-radius: 5px;
}

.powermail-errors-list {
    background-color: var(--red-danger-400);
    list-style: none;
    margin-left: 0;
    border-radius: 5px;
}

.powermail-errors-list li {
    color: var(--white);
    padding-right: .5rem;
    padding-left: .5rem;
}
/* Powermail end ----------------------------------------------------------------------------------------------------------------------- */

/* Main end ------------------------------------------------------------------------------------------------------------------------------------------------ */


/* Footer begin -------------------------------------------------------------------------------------------------------------------------------------------- */
footer {
    border-top: 2px dashed var(--gray-light);
    padding-top: 3.125rem;
}

footer h4, footer .h4, footer h5, footer .h5, footer h6 footer .h6 {
    text-align: left;
}

.footer-address {
    font-size: 1.125rem; /* 18px */
}

.footer-address .address-block {
    margin-bottom: 0;
}

.footer-social i {
    font-size: 2.1875rem; /* 35px */
}

.footer-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 39.9375em) {
    .footer-logo img {
        max-width: 12.5rem; /* 200px */
    }
}

.footer-bottom {
    background-color: var(--primary);
    padding-top: .9375rem;
    padding-bottom: .9375rem;
}

.footer-bottom a {
    color: var(--white);
}

@media screen and (max-width: 39.9375em) {
    .footer-bottom .cell:first-of-type {
        order: 1;
    }
}

.footer-bottom .copyright {
    display: flex;
    height: 100%;
    align-items: center;
    font-size: 1rem; /* 16px */
    line-height: 2;
}

.footer-bottom .maitsi {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start;
    font-size: .875rem; /* 14px */
    line-height: 2;
}

@media screen and (min-width: 40em) {
    .footer-bottom .maitsi {
        justify-content: flex-end;
    }
}
/* Footer end ---------------------------------------------------------------------------------------------------------------------------------------------- */


/* Scroll to Top begin ------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 40em) {
    .scroll-to-top {
        display: none;
        color: var(--white);
        border: 1px solid var(--white);
        border-radius: 5px;
        padding: 1rem;
        position: fixed;
        right: 2.5rem; /* 40px */
        bottom: 2.5rem; /* 40px */
        z-index: 1000;
    }
    .scroll-to-top i {
        color: var(--white);
        font-size: 1.875rem; /* 30px */
        margin: 0;
    }
}

@media screen and (max-width: 39.9375em) {
    .scroll-to-top {
        display: none !important;
    }
}
/* Scroll to Top end --------------------------------------------------------------------------------------------------------------------------------------- */