@charset "UTF-8";

/*!
 |-----------------------------------------------------------------------------------------------------------
 |
 |
 |
 | Skin CSS
 |
 |
 |
 |-----------------------------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Heading - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

._content-style h1,
._content-style h2,
._content-style h3,
._content-style h4,
._content-style h5,
._content-style h6 {
    margin-top: 0;
    margin-bottom: 30px;
    line-height: var(--heading-line-height);
    text-transform: var(--heading-text-transform);
    letter-spacing: -0.05em;
}

._content-style h1 a,
._content-style h2 a,
._content-style h3 a,
._content-style h4 a,
._content-style h5 a,
._content-style h6 a {
    color: var(--heading-color)
}

._content-style h1 a:hover,
._content-style h2 a:hover,
._content-style h3 a:hover,
._content-style h4 a:hover,
._content-style h5 a:hover,
._content-style h6 a:hover {
    color: var(--primary)
}

._content-style h1 .tagline,
._content-style h2 .tagline,
._content-style h3 .tagline,
._content-style h4 .tagline,
._content-style h5 .tagline,
._content-style h6 .tagline {
    display: block;
    margin-bottom: 10px;
    font-size: .6em;
    color: var(--heading-color);
    font-weight: var(--font-weight-bold)
}

._content-style h1 {
    color: var(--h1-color);
    font-size: var(--h1-font-size);
    font-weight: var(--h1-font-weight);
    font-family: var(--h1-font-family)
}

@media (max-width: 991px) {
    ._content-style h1 {
        font-size: var(--h1-font-size-mobile)
    }
}

._content-style h2 {
    color: var(--h2-color);
    font-size: var(--h2-font-size);
    font-weight: var(--h2-font-weight);
    font-family: var(--h2-font-family)
}

@media (max-width: 991px) {
    ._content-style h2 {
        font-size: var(--h2-font-size-mobile)
    }
}

._content-style h3 {
    color: var(--primary);
    font-size: var(--h3-font-size);
    font-weight: var(--h3-font-weight);
    font-family: var(--h3-font-family)
}

@media (max-width: 991px) {
    ._content-style h3 {
        font-size: var(--h3-font-size-mobile)
    }
}

._content-style h4 {
    color: var(--primary);
    font-size: var(--h4-font-size);
    font-weight: var(--h4-font-weight);
    font-family: var(--h4-font-family)
}

@media (max-width: 991px) {
    ._content-style h4 {
        font-size: var(--h4-font-size-mobile)
    }
}

._content-style h5 {
    color: var(--h5-color);
    font-size: var(--h5-font-size);
    font-weight: var(--h5-font-weight);
    font-family: var(--h5-font-family)
}

@media (max-width: 991px) {
    ._content-style h5 {
        font-size: var(--h5-font-size-mobile)
    }
}

._content-style h6 {
    color: var(--h6-color);
    font-size: var(--h6-font-size);
    font-weight: var(--h6-font-weight);
    font-family: var(--h6-font-family)
}

@media (max-width: 991px) {
    ._content-style h6 {
        font-size: var(--h6-font-size-mobile)
    }
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Heading - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Paragraph - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

._content-style .mwPageBlock.Embed .Container p,
._content-style p {
    margin-top: 0;
    margin-bottom: 30px;
    letter-spacing: -0.01em;
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Paragraph - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Blockquote - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

._content-style blockquote {
    position: relative;
    padding: 30px 90px 15px 90px;
    margin-bottom: 30px;
    /* border-left: 5px solid var(--primary); */
    /* background-color: rgba(0,0,0,.1); */
}

blockquote:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    /* Set the width of your image */
    height: 54px;
    /* Set the height of your image */
    background-image: url('/images/quote-close.png');
    /* Replace with the path to your image */
    background-size: cover;
    /* Adjust as needed */
    background-repeat: no-repeat;
}

blockquote:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 70px;
    /* Set the width of your image */
    height: 54px;
    /* Set the height of your image */
    background-image: url('/images/quote-open.png');
    /* Replace with the path to your image */
    background-size: cover;
    /* Adjust as needed */
    background-repeat: no-repeat;
}

._content-style blockquote p {
    margin-bottom: 15px;
    font-size: calc(var(--font-size) + 8px);
    font-family: var(--h4-font-family);
    line-height: 1.2;
    font-style: italic;
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Blockquote - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Image - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

._content-style p img {
    max-width: 100%;
    height: auto
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Image - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - SVG - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

._content-style svg {
    overflow: hidden;
    vertical-align: middle
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - SVG - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - List - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

._content-style ol,
._content-style ul {
    padding-left: var(--ul-padding-left);
    margin: 0 0 30px
}

._content-style ol li,
._content-style ul li {
    margin-top: var(--li-margin-top);
    margin-bottom: var(--li-margin-bottom)
}

._content-style ol li ol,
._content-style ol li ul,
._content-style ul li ol,
._content-style ul li ul {
    margin-top: var(--nested-ul-margin-top);
    margin-bottom: var(--nested-ul-margin-bottom)
}

._content-style ol li ol li,
._content-style ol li ul li,
._content-style ul li ol li,
._content-style ul li ul li {
    margin-top: var(--nested-li-margin-top);
    margin-bottom: var(--nested-li-margin-bottom)
}

._content-style ul {
    list-style-type: disc
}

._content-style ol {
    list-style-type: decimal
}

._content-style ol ol,
._content-style ol ul,
._content-style ul ol,
._content-style ul ul {
    /* list-style-type: circle; */
}

._content-style ol ol ol,
._content-style ol ol ul,
._content-style ol ul ol,
._content-style ol ul ul,
._content-style ul ol ol,
._content-style ul ol ul,
._content-style ul ul ol,
._content-style ul ul ul {
    list-style-type: square
}

._content-style dl {
    margin: 0 0 30px
}

._content-style dl dt {
    margin-top: var(--li-margin-top)
}

._content-style dl dd {
    margin-bottom: var(--li-margin-bottom);
    margin-left: 40px
}

._content-style ol.list-unstyled,
._content-style ul.list-unstyled {
    list-style-type: none;
    padding-left: 0
}

._content-style ol.list-unstyled ol,
._content-style ol.list-unstyled ol ol,
._content-style ol.list-unstyled ol ul,
._content-style ol.list-unstyled ul,
._content-style ol.list-unstyled ul ol,
._content-style ol.list-unstyled ul ul,
._content-style ul.list-unstyled ol,
._content-style ul.list-unstyled ol ol,
._content-style ul.list-unstyled ol ul,
._content-style ul.list-unstyled ul,
._content-style ul.list-unstyled ul ol,
._content-style ul.list-unstyled ul ul {
    list-style-type: none
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - List - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Table - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

._content-style table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px
}

@media (max-width: 767px) {
    ._content-style table:not(.Dialog) {
        overflow: auto;
        display: block;
        max-width: 100%
    }
}

._content-style table:not(.Dialog) td,
._content-style table:not(.Dialog) th {
    padding: 20px;
    text-align: inherit;
    vertical-align: top;
    border-top: 1px solid var(--table-border-color)
}

._content-style table:not(.Dialog) thead th {
    vertical-align: bottom
}

._content-style table:not(.Dialog) tbody tr:nth-of-type(odd) {
    background-color: var(--table-accent-bg)
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Table - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Form - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

._content-style .Dialog {
    width: 100%;
    table-layout: fixed
}

._content-style .Dialog ::-webkit-input-placeholder {
    opacity: 1;
    color: var(--text-color-3)
}

._content-style .Dialog ::-moz-placeholder {
    opacity: 1;
    color: var(--text-color-3)
}

._content-style .Dialog :-ms-input-placeholder,
._content-style .Dialog ::-ms-input-placeholder {
    opacity: 1;
    color: var(--text-color-3)
}

._content-style .Dialog ::placeholder {
    opacity: 1;
    color: var(--text-color-3)
}

._content-style .Dialog hr {
    margin: 35px 0;
    border-color: var(--form-border-color)
}

._content-style .Dialog label {
    display: block;
    padding-bottom: var(--form-gutter)
}

._content-style .Dialog .asterisk {
    color: var(--danger)
}

._content-style .Dialog td,
._content-style .Dialog th {
    padding: var(--form-gutter) 0
}

._content-style .Dialog th+td {
    padding-left: 15px
}

@media (max-width: 575px) {
    ._content-style .Dialog.wide th+td {
        padding-left: 0
    }
    ._content-style .Dialog.wide td,
    ._content-style .Dialog.wide th {
        display: block
    }
}

._content-style .mwInput {
    height: auto;
    padding: 0;
    margin: 0;
    font-size: var(--form-font-size);
    font-family: var(--form-font-family);
    color: var(--form-text-color);
    border: 1px solid var(--form-border-color);
    border-radius: var(--form-border-radius);
    background-color: var(--form-bg);
    box-shadow: var(--form-inner-shadow), var(--form-outer-shadow);
    transition: var(--transition-200)
}

._content-style .mwInput button,
._content-style .mwInput fieldset,
._content-style .mwInput input,
._content-style .mwInput label,
._content-style .mwInput optgroup,
._content-style .mwInput option,
._content-style .mwInput output,
._content-style .mwInput select,
._content-style .mwInput textarea {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
    border: 0;
    background-color: transparent
}

._content-style .mwInput.button,
._content-style .mwInput.file,
._content-style .mwInput.select,
._content-style .mwInput.text {
    height: var(--form-input-height)
}

._content-style .mwInput button,
._content-style .mwInput fieldset,
._content-style .mwInput input,
._content-style .mwInput optgroup,
._content-style .mwInput option,
._content-style .mwInput output,
._content-style .mwInput select,
._content-style .mwInput.button input {
    height: 100%
}

._content-style .mwInput label,
._content-style .mwInput textarea {
    height: auto
}

._content-style .mwInput,
._content-style .mwInput *,
._content-style .mwInput div {
    line-height: var(--form-line-height)
}

._content-style .mwInput.text input {
    width: 100%;
    padding: 0 var(--form-input-padding);
    line-height: var(--form-line-height)
}

._content-style .mwInput.select select {
    width: 100%
}

._content-style .mwInput.select .dropdown,
._content-style .mwInput.select .value {
    height: calc(var(--form-input-height) - 2px);
    line-height: calc(var(--form-input-height) - 2px)
}

._content-style .mwInput.select .dropdown {
    width: calc(var(--form-input-height) - 2px);
    border: 0;
    color: var(--white);
    background-color: var(--primary)
}

._content-style .mwInput.checkbox:before,
._content-style .mwInput.file .upload>div,
._content-style .mwInput.select .dropdown:before {
    display: none
}

._content-style .mwInput.select .dropdown:after {
    content: "\F078";
    font-family: var(--font-family-icon);
    font-weight: 900
}

._content-style .mwInput.select .value {
    min-width: auto!important;
    padding: 0 var(--form-input-padding)
}

._content-style .mwInput.multiple select {
    padding: 8px
}

._content-style .mwInput.multiple select option {
    padding: 5px
}

._content-style .mwInput.multiple select option:first-of-type {
    border-radius: 2px 2px 0 0
}

._content-style .mwInput.multiple select option:last-of-type {
    border-radius: 0 0 2px 2px
}

._content-style .mwInput.checkbox {
    display: block;
    width: auto;
    border: 0;
    background: 0 0;
    box-shadow: none
}

._content-style .mwInput.checkbox .icon {
    display: flex;
    align-items: flex-start;
    padding: 0;
    height: auto;
    white-space: normal;
    line-height: var(--form-checkbox-height)
}

._content-style .mwInput.checkbox .icon:before {
    content: "";
    position: relative;
    flex: 0 0 auto;
    width: var(--form-checkbox-width);
    height: var(--form-checkbox-height);
    margin: 0 15px 0 0!important;
    border: 1px solid var(--form-checkbox-border);
    border-radius: var(--form-checkbox-border-radius);
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--form-checkbox-icon-size);
    background-image: none;
    background-color: var(--form-checkbox-bg);
    box-shadow: var(--form-inner-shadow);
    transition: var(--transition-200)
}

._content-style .mwInput.checkbox.checked .icon:before {
    border-color: var(--form-checkbox-border-checked);
    background-color: var(--form-checkbox-bg-checked);
    background-image: url(/images/static/svg/icon-checkmark-1-white.svg);
    box-shadow: none
}

._content-style .mwRadios::after {
    display: table;
    clear: both;
    content: ""
}

._content-style .mwRadios .mwInput.checkbox .icon:before {
    border-radius: 50%;
    background-size: var(--form-radio-icon-size)
}

._content-style .mwRadios .mwInput.checkbox.checked .icon:before {
    background-image: url(/images/static/svg/icon-circle-1-white.svg)
}

._content-style .mwRadios .mwInput.checkbox+.mwInput.checkbox {
    margin-top: var(--form-gutter)
}

._content-style .mwInput.textarea textarea {
    display: block;
    min-height: 100px;
    padding: var(--form-input-padding);
    resize: vertical
}

._content-style .mwInput.file {
    padding: 0
}

._content-style .mwInput.file .fill {
    height: calc(var(--form-input-height) - 2px);
    line-height: calc(var(--form-input-height) - 2px);
    background-color: var(--primary-3)
}

._content-style .mwInput.file .fileName {
    padding: 0 var(--form-input-padding)
}

._content-style .mwInput.file .fileName,
._content-style .mwInput.file .num,
._content-style .mwInput.file .upload {
    height: calc(var(--form-input-height) - 2px);
    line-height: calc(var(--form-input-height) - 2px)
}

._content-style .mwInput.file .num {
    right: var(--form-input-height);
    padding: 0 var(--form-input-padding);
    color: var(--form-text-color)
}

._content-style .mwInput.file .upload {
    width: calc(var(--form-input-height) - 2px);
    color: var(--white);
    border: 0;
    background-color: var(--primary)
}

._content-style .mwInput.file .upload:before {
    display: none
}

._content-style .mwInput.file .upload:after {
    content: "\F093";
    font-family: var(--font-family-icon);
    font-weight: 900
}

._content-style .mwInput.button {
    display: inline-block;
    border-width: var(--btn-border-width);
    border-style: var(--btn-border-style);
    border-radius: var(--btn-border-radius);
    box-shadow: none;
    border-color: var(--primary);
    background: var(--primary)
}

._content-style .mwInput.button button,
._content-style .mwInput.button input {
    font-size: var(--btn-md-font-size);
    font-weight: var(--btn-font-weight);
    font-family: var(--btn-font-family);
    letter-spacing: var(--btn-letter-spacing);
    text-transform: var(--btn-text-transform);
    transition: var(--transition-200);
    padding: 0 var(--btn-md-padding-x);
    color: var(--white)
}

._content-style .mwInput.button:hover {
    border-color: var(--primary-6);
    background-color: var(--primary-6)
}

._content-style .mwInput.button:hover button,
._content-style .mwInput.button:hover input {
    color: var(--white)
}

._content-style .mwCaptcha {
    display: block;
    padding: 20px 20px 15px;
    margin: 0;
    text-align: center;
    background-color: #f5f5f5;
    background-image: url(/images/static/pattern/pattern-2.png);
    background-repeat: repeat
}

@media (max-width: 575px) {
    ._content-style .mwCaptcha {
        padding: 20px 0 15px
    }
}

@media (max-width: 359px) {
    ._content-style .mwCaptcha {
        overflow: hidden;
        width: 290px;
        padding: 0;
        text-align: left;
        background-color: transparent;
        background-image: none
    }
}

._content-style .mwCaptcha script {
    display: inline
}

@media (max-width: 359px) {
    ._content-style .mwCaptcha .g-recaptcha {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

._content-style .captchaLeft .mwCaptcha {
    padding: 0;
    text-align: left;
    background: 0 0
}

._content-style .Dialog .input-inline,
.input-inline {
    display: flex
}

._content-style .Dialog .input-inline label,
.input-inline label {
    flex: 0 0 auto;
    padding: 0 20px;
    height: var(--form-input-height);
    line-height: var(--form-input-height);
    font-weight: var(--font-weight-bold);
    color: var(--white);
    text-align: center;
    border: 1px solid var(--primary);
    border-right: none;
    border-radius: var(--form-border-radius) 0 0 var(--form-border-radius);
    background-color: var(--primary)
}

._content-style .Dialog .input-inline label+.mwInput.text,
.input-inline label+.mwInput.text {
    border-left: none;
    border-right-width: 1px;
    border-radius: 0 var(--form-border-radius) var(--form-border-radius) 0
}

._content-style .Dialog .input-inline .mwInput.text,
.input-inline .mwInput.text {
    z-index: 1;
    flex: 1 1 auto;
    border-right: none;
    border-radius: var(--form-border-radius) 0 0 var(--form-border-radius)
}

._content-style .Dialog .input-inline .mwInput.button,
.input-inline .mwInput.button {
    flex: 0 0 auto;
    border-radius: 0 var(--form-border-radius) var(--form-border-radius) 0
}

.nested-form:not(tbody) {
    padding: 30px 30px 35px;
    border-radius: var(--border-radius);
    background-color: rgba(0, 0, 0, .1)
}

@media (max-width: 575px) {
    .nested-form:not(tbody) {
        padding: 20px 15px 25px
    }
}

.nested-form:not(tbody) table {
    margin-bottom: 0
}

tbody.nested-form {
    border: 30px solid transparent;
    background-color: rgba(0, 0, 0, .1)
}

[data-toggle-form-hidden] {
    display: none
}

[data-toggle-form-hidden-reverse] {
    display: block
}

._content-style .mwFormStatus {
    margin-bottom: 50px
}

._content-style .mwFormStatus:empty {
    display: none
}

._content-style .mwFormStatus>.status {
    font-size: 12px;
    padding: 5px 20px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .3)
}

._content-style .mwFormStatus>.status:first-of-type {
    padding-top: 15px;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 6px 6px 0 0
}

._content-style .mwFormStatus>.status:last-of-type {
    padding-bottom: 15px;
    border-radius: 0 0 6px 6px
}

._content-style .mwFormStatus>.status:not(:first-of-type) {
    font-weight: var(--font-weight-normal)
}

._content-style .mwFormStatus>.status:not(:first-of-type):before {
    content: "\F06A";
    margin-right: 10px;
    font-family: var(--font-family-icon);
    font-weight: 900
}

._content-style .mwFormStatus>.status.error {
    color: var(--white);
    background-color: var(--danger)
}

._content-style .mwFormStatus>.status.error .status {
    color: var(--white)
}

._content-style .Dialog .alert {
    margin: var(--form-gutter) 0
}

._content-style .mwInput [disabled],
._content-style .mwInput [readonly],
._content-style .mwInput input[disabled],
._content-style .mwInput input[readonly],
._content-style .mwInput textarea[readonly],
._content-style .mwInput.Disabled,
._content-style .mwInput.Disabled * {
    cursor: not-allowed
}

._content-style .mwInput.hover:not(.button) {
    background-color: var(--form-bg-hover)
}

._content-style .mwInput.hover.checkbox {
    background-color: transparent
}

._content-style .mwInput.focus:not(.button) {
    background-color: var(--form-bg-hover);
    box-shadow: var(--form-inner-shadow-focus), var(--form-outer-shadow-focus)
}

._content-style .mwInput.focus.checkbox {
    background-color: transparent;
    box-shadow: none
}

._content-style .mwInput.focus.checkbox .icon:before {
    box-shadow: var(--form-outer-shadow-focus)
}

._content-style .mwInput.error,
._content-style .mwInput.error.checkbox .icon:before {
    border-color: var(--danger)
}

._content-style .mwInput.error.focus {
    box-shadow: var(--form-error-inner-shadow-focus), var(--form-error-outer-shadow-focus)
}

._content-style .mwInput.error.focus.checkbox {
    box-shadow: none
}

._content-style .mwInput.error.focus.checkbox .icon:before {
    box-shadow: var(--form-error-outer-shadow-focus)
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Form - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Vendor Override - Slick - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.slick-slider .slick-next,
.slick-slider .slick-prev {
    z-index: 1;
    position: absolute;
    top: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slick-slider .slick-prev {
    left: 36px
}

@media (max-width: 767px) {
    .slick-slider .slick-prev {
        left: 5px
    }
}

.content-area .slick-slider .slick-prev {
    left: calc((var(--content-area-p-x) + 10px)*-1)
}

@media (max-width: 991px) {
    .content-area .slick-slider .slick-prev {
        left: calc((var(--content-area-p-x-tablet) + 10px)*-1)
    }
}

@media (max-width: 767px) {
    .content-area .slick-slider .slick-prev {
        left: calc((var(--content-area-p-x-phone) + 10px)*-1)
    }
}

.slick-slider .slick-next {
    right: 36px
}

@media (max-width: 767px) {
    .slick-slider .slick-next {
        right: 5px
    }
}

.content-area .slick-slider .slick-next {
    right: calc((var(--content-area-p-x) + 10px)*-1)
}

@media (max-width: 991px) {
    .content-area .slick-slider .slick-next {
        right: calc((var(--content-area-p-x-tablet) + 10px)*-1)
    }
}

@media (max-width: 767px) {
    .content-area .slick-slider .slick-next {
        right: calc((var(--content-area-p-x-phone) + 10px)*-1)
    }
}

.slick-slider .slick-next svg,
.slick-slider .slick-prev svg {
    display: block;
    width: 36px;
    height: 36px;
    transition: var(--transition-200)
}

@media (max-width: 767px) {
    .slick-slider .slick-next svg,
    .slick-slider .slick-prev svg {
        display: none;
        width: 20px;
        height: 20px
    }
}

.slick-slider .slick-next svg.svg-arrow-mobile,
.slick-slider .slick-prev svg.svg-arrow-mobile {
    display: none
}

@media (max-width: 767px) {
    .slick-slider .slick-next svg.svg-arrow-mobile,
    .slick-slider .slick-prev svg.svg-arrow-mobile {
        display: block
    }
}

.slick-slider .slick-prev:hover svg {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px)
}

.slick-slider .slick-next:hover svg {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.slick-slider .slick-next.slick-disabled,
.slick-slider .slick-prev.slick-disabled {
    opacity: .8;
    cursor: not-allowed
}

.slick-slider.slick-dotted {
    padding-bottom: 35px
}

.slick-slider .slick-dots {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    list-style-type: none;
    padding-left: 0
}

.slick-slider .slick-dots ol,
.slick-slider .slick-dots ol ol,
.slick-slider .slick-dots ol ul,
.slick-slider .slick-dots ul,
.slick-slider .slick-dots ul ol,
.slick-slider .slick-dots ul ul {
    list-style-type: none
}

.slick-slider .slick-dots li {
    margin-bottom: 0
}

.slick-slider .slick-dots button {
    display: block;
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
    background: 0 0
}

.slick-slider .slick-dots.dot-style-minimal {
    gap: 25px
}

.slick-slider .slick-dots.dot-style-minimal button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid var(--gray-6)
}

.slick-slider .slick-dots.dot-style-minimal button:hover,
.slick-slider .slick-dots.dot-style-minimal li.slick-active button {
    background-color: var(--gray-6)
}

.slick-slider .slick-dots.dot-style-outer-circle {
    gap: 15px
}

.slick-slider .slick-dots.dot-style-outer-circle button {
    width: 16px;
    height: 16px;
    padding: 4px;
    border-radius: 50%;
    border: 1px solid transparent
}

.slick-slider .slick-dots.dot-style-outer-circle button:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    opacity: .2;
    border-radius: 50%;
    background-color: var(--gray-6);
    transition: var(--transition-200)
}

.slick-slider .slick-dots.dot-style-outer-circle button:hover,
.slick-slider .slick-dots.dot-style-outer-circle li.slick-active button {
    border-color: var(--gray-6)
}

.slick-slider .slick-dots.dot-style-outer-circle button:hover:before,
.slick-slider .slick-dots.dot-style-outer-circle li.slick-active button:before {
    opacity: 1
}

.slick-slider .slick-dots.dot-style-morse-code {
    gap: 10px
}

.slick-slider .slick-dots.dot-style-morse-code button {
    opacity: .2;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: var(--gray-6)
}

.slick-slider .slick-dots.dot-style-morse-code li.slick-active button {
    opacity: 1;
    width: 60px
}

.slick-slider .slick-dots.dot-style-dash {
    gap: 2px
}

.slick-slider .slick-dots.dot-style-dash button {
    opacity: .2;
    width: 50px;
    height: 4px;
    background-color: var(--gray-6)
}

.slick-slider .slick-dots.dot-style-dash button:hover,
.slick-slider .slick-dots.dot-style-dash li.slick-active button {
    opacity: 1
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Heading - Default - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.heading-minimal .heading-text {
    white-space: pre-line
}

.heading-minimal .has-h-line-above,
.heading-minimal .has-h-line-below,
.heading-minimal .has-v-line-above,
.heading-minimal .has-v-line-below,
.heading-minimal .has-v-line-side {
    position: relative
}

.heading-minimal .has-h-line-above:after,
.heading-minimal .has-h-line-below:after,
.heading-minimal .has-v-line-above:after,
.heading-minimal .has-v-line-below:after,
.heading-minimal .has-v-line-side:after {
    content: "";
    position: absolute
}

.heading-minimal .has-v-line-side:after {
    width: 2px;
    height: 100%
}

.heading-minimal .has-v-line-above {
    padding-top: 95px
}

.heading-minimal .has-v-line-above:after {
    top: 0;
    width: 2px;
    height: 80px
}

.heading-minimal .has-v-line-below {
    padding-bottom: 95px
}

.heading-minimal .has-v-line-below:after {
    bottom: 0;
    width: 2px;
    height: 80px
}

.heading-minimal .has-h-line-above {
    padding-top: 30px
}

.heading-minimal .has-h-line-above:after {
    top: 0;
    width: 80px;
    height: 2px
}

.heading-minimal .has-h-line-below {
    padding-bottom: 30px
}

.heading-minimal .has-h-line-below:after {
    bottom: 0;
    width: 80px;
    height: 2px
}

.heading-minimal .has-v-line-side._text-center,
.heading-minimal .has-v-line-side._text-left {
    padding-left: 30px
}

.heading-minimal .has-v-line-side._text-left:after {
    top: 0;
    left: 0
}

.heading-minimal .has-h-line-above._text-left:after,
.heading-minimal .has-h-line-below._text-left:after,
.heading-minimal .has-v-line-above._text-left:after,
.heading-minimal .has-v-line-below._text-left:after {
    left: 0
}

.heading-minimal .has-v-line-side._text-center:after {
    top: 0;
    left: 0
}

.heading-minimal .has-h-line-above._text-center:after,
.heading-minimal .has-h-line-below._text-center:after,
.heading-minimal .has-v-line-above._text-center:after,
.heading-minimal .has-v-line-below._text-center:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.heading-minimal .has-v-line-side._text-right {
    padding-right: 30px
}

.heading-minimal .has-v-line-side._text-right:after {
    top: 0;
    right: 0
}

.heading-minimal .has-h-line-above._text-right:after,
.heading-minimal .has-h-line-below._text-right:after,
.heading-minimal .has-v-line-above._text-right:after,
.heading-minimal .has-v-line-below._text-right:after {
    right: 0
}

.heading-minimal .has-h-line-above.is-deco-color-primary:after,
.heading-minimal .has-h-line-below.is-deco-color-primary:after,
.heading-minimal .has-v-line-above.is-deco-color-primary:after,
.heading-minimal .has-v-line-below.is-deco-color-primary:after,
.heading-minimal .has-v-line-side.is-deco-color-primary:after {
    background-color: var(--primary)
}

.heading-minimal .has-h-line-above.is-deco-colo-secondary:after,
.heading-minimal .has-h-line-below.is-deco-colo-secondary:after,
.heading-minimal .has-v-line-above.is-deco-colo-secondary:after,
.heading-minimal .has-v-line-below.is-deco-colo-secondary:after,
.heading-minimal .has-v-line-side.is-deco-colo-secondary:after {
    background-color: var(--secondary)
}

.heading-minimal .has-h-line-above.is-deco-color-third:after,
.heading-minimal .has-h-line-below.is-deco-color-third:after,
.heading-minimal .has-v-line-above.is-deco-color-third:after,
.heading-minimal .has-v-line-below.is-deco-color-third:after,
.heading-minimal .has-v-line-side.is-deco-color-third:after {
    background-color: var(--third)
}

.heading-minimal .has-h-line-above.is-deco-color-fourth:after,
.heading-minimal .has-h-line-below.is-deco-color-fourth:after,
.heading-minimal .has-v-line-above.is-deco-color-fourth:after,
.heading-minimal .has-v-line-below.is-deco-color-fourth:after,
.heading-minimal .has-v-line-side.is-deco-color-fourth:after {
    background-color: var(--fourth)
}

.heading-minimal .has-h-line-above.is-deco-color-white:after,
.heading-minimal .has-h-line-below.is-deco-color-white:after,
.heading-minimal .has-v-line-above.is-deco-color-white:after,
.heading-minimal .has-v-line-below.is-deco-color-white:after,
.heading-minimal .has-v-line-side.is-deco-color-white:after {
    background-color: var(--white)
}

.heading-minimal .has-h-line-above.is-deco-color-light:after,
.heading-minimal .has-h-line-below.is-deco-color-light:after,
.heading-minimal .has-v-line-above.is-deco-color-light:after,
.heading-minimal .has-v-line-below.is-deco-color-light:after,
.heading-minimal .has-v-line-side.is-deco-color-light:after {
    background-color: var(--light)
}

.heading-minimal .has-h-line-above.is-deco-color-dark:after,
.heading-minimal .has-h-line-below.is-deco-color-dark:after,
.heading-minimal .has-v-line-above.is-deco-color-dark:after,
.heading-minimal .has-v-line-below.is-deco-color-dark:after,
.heading-minimal .has-v-line-side.is-deco-color-dark:after {
    background-color: var(--dark)
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Button - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.mwBtnLeft {
    text-align: left
}

.mwBtnRight {
    text-align: right
}

.mwBtnCenter {
    text-align: center
}

.btn {
    margin-bottom: 30px
}

.btn>a:hover,
.btn>button:hover,
.btn>span:hover {
    text-decoration: none
}

.btn>a.disabled,
.btn>a:disabled,
.btn>button.disabled,
.btn>button:disabled,
.btn>span.disabled,
.btn>span:disabled {
    cursor: not-allowed
}

.btn>a,
.btn>button,
.btn>span {
    cursor: pointer;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    font-size: var(--btn-font-size);
    font-weight: var(--btn-font-weight);
    font-family: var(--btn-font-family);
    border-width: var(--btn-border-width);
    border-style: var(--btn-border-style);
    border-radius: var(--btn-border-radius);
    text-transform: var(--btn-text-transform);
    letter-spacing: var(--btn-letter-spacing);
    padding: var(--btn-md-padding-y) var(--btn-md-padding-x);
    transition: var(--transition-200);
    color: var(--white);
    border-color: var(--primary);
    background: var(--primary)
}

.btn.is-primary>a:hover,
.btn.is-primary>button:hover,
.btn>a:hover,
.btn>button:hover {
    color: var(--white);
    border-color: var(--primary-6);
    background: var(--primary-6)
}

.btn>a.small,
.btn>button.small,
.btn>span.small {
    padding: var(--btn-sm-padding-y) var(--btn-sm-padding-x);
    font-size: var(--btn-sm-font-size)
}

.btn>a.medium,
.btn>button.medium,
.btn>span.medium {
    padding: var(--btn-md-padding-y) var(--btn-md-padding-x);
    font-size: var(--btn-md-font-size)
}

.btn>a.large,
.btn>button.large,
.btn>span.large {
    padding: var(--btn-lg-padding-y) var(--btn-lg-padding-x);
    font-size: var(--btn-lg-font-size)
}

.btn.is-primary>a,
.btn.is-primary>button,
.btn.is-primary>span {
    color: var(--white);
    border-color: var(--primary);
    background: var(--primary)
}

.btn.is-secondary>a,
.btn.is-secondary>button,
.btn.is-secondary>span {
    color: var(--white);
    border-color: var(--secondary);
    background: var(--secondary)
}

.btn.is-secondary>a:hover,
.btn.is-secondary>button:hover {
    color: var(--white);
    border-color: var(--secondary-6);
    background: var(--secondary-6)
}

.btn.is-third>a,
.btn.is-third>button,
.btn.is-third>span {
    color: var(--white);
    border-color: var(--third);
    background: var(--third)
}

.btn.is-third>a:hover,
.btn.is-third>button:hover {
    color: var(--white);
    border-color: var(--third-6);
    background: var(--third-6)
}

.btn.is-fourth>a,
.btn.is-fourth>button,
.btn.is-fourth>span {
    color: var(--white);
    border-color: var(--fourth);
    background: var(--fourth)
}

.btn.is-fourth>a:hover,
.btn.is-fourth>button:hover {
    color: var(--white);
    border-color: var(--fourth-6);
    background: var(--fourth-6)
}

.btn.is-white>a,
.btn.is-white>a:hover,
.btn.is-white>button,
.btn.is-white>button:hover,
.btn.is-white>span {
    color: var(--primary);
    border-color: var(--white);
    background: var(--white)
}

.btn.is-white>a:hover,
.btn.is-white>button:hover {
    color: var(--primary-6)
}

.btn.is-light>a,
.btn.is-light>button,
.btn.is-light>span {
    color: var(--text-color);
    border-color: var(--light);
    background: var(--light)
}

.btn.is-dark>a:hover,
.btn.is-dark>button:hover,
.btn.is-light>a:hover,
.btn.is-light>button:hover,
.btn.is-outline.is-primary>a:hover,
.btn.is-outline.is-primary>button:hover,
.btn.is-outline>a:hover,
.btn.is-outline>button:hover {
    color: var(--white);
    border-color: var(--primary);
    background: var(--primary)
}

.btn.is-dark>a,
.btn.is-dark>button,
.btn.is-dark>span {
    color: var(--white);
    border-color: var(--dark);
    background: var(--dark)
}

.btn.is-rounded>a,
.btn.is-rounded>button,
.btn.is-rounded>span {
    border-radius: var(--btn-border-radius-rounded)
}

.btn.is-outline>a,
.btn.is-outline>button,
.btn.is-outline>span {
    color: var(--primary);
    border-color: var(--primary);
    background: 0 0
}

.btn.is-outline.is-border-medium>a,
.btn.is-outline.is-border-medium>button,
.btn.is-outline.is-border-medium>span {
    border-width: 2px
}

.btn.is-outline.is-border-thick>a,
.btn.is-outline.is-border-thick>button,
.btn.is-outline.is-border-thick>span {
    border-width: 3px
}

.btn.is-outline.is-primary>a,
.btn.is-outline.is-primary>button,
.btn.is-outline.is-primary>span {
    color: var(--primary);
    border-color: var(--primary);
    background: 0 0
}

.btn.is-outline.is-secondary>a,
.btn.is-outline.is-secondary>button,
.btn.is-outline.is-secondary>span {
    color: var(--secondary);
    border-color: var(--secondary);
    background: 0 0
}

.btn.is-outline.is-secondary>a:hover,
.btn.is-outline.is-secondary>button:hover {
    color: var(--white);
    border-color: var(--secondary);
    background: var(--secondary)
}

.btn.is-outline.is-third>a,
.btn.is-outline.is-third>button,
.btn.is-outline.is-third>span {
    color: var(--third);
    border-color: var(--third);
    background: 0 0
}

.btn.is-outline.is-third>a:hover,
.btn.is-outline.is-third>button:hover {
    color: var(--white);
    border-color: var(--third);
    background: var(--third)
}

.btn.is-outline.is-fourth>a,
.btn.is-outline.is-fourth>button,
.btn.is-outline.is-fourth>span {
    color: var(--fourth);
    border-color: var(--fourth);
    background: 0 0
}

.btn.is-outline.is-fourth>a:hover,
.btn.is-outline.is-fourth>button:hover {
    color: var(--white);
    border-color: var(--fourth);
    background: var(--fourth)
}

.btn.is-outline.is-white>a,
.btn.is-outline.is-white>button,
.btn.is-outline.is-white>span {
    color: var(--white);
    border-color: var(--white);
    background: 0 0
}

.btn.is-outline.is-white>a:hover,
.btn.is-outline.is-white>button:hover {
    color: var(--primary);
    border-color: var(--white);
    background: var(--white)
}

.btn.is-outline.is-light>a,
.btn.is-outline.is-light>button,
.btn.is-outline.is-light>span {
    color: var(--light);
    border-color: var(--light);
    background: 0 0
}

.btn.is-outline.is-light>a:hover,
.btn.is-outline.is-light>button:hover {
    color: var(--text-color);
    border-color: var(--light);
    background: var(--light)
}

.btn.is-outline.is-dark>a,
.btn.is-outline.is-dark>button,
.btn.is-outline.is-dark>span {
    color: var(--dark);
    border-color: var(--dark);
    background: 0 0
}

.btn.is-outline.is-dark>a:hover,
.btn.is-outline.is-dark>button:hover {
    color: var(--white);
    border-color: var(--dark);
    background: var(--dark)
}

.btn-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Button - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Area - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.content-area::after {
    display: table;
    clear: both;
    content: ""
}

.content-area>.content-area-wrap {
    position: relative;
    padding-left: var(--content-area-p-x);
    padding-right: var(--content-area-p-x)
}

@media (max-width: 991px) {
    .content-area>.content-area-wrap {
        padding-left: var(--content-area-p-x-tablet);
        padding-right: var(--content-area-p-x-tablet)
    }
}

@media (max-width: 767px) {
    .content-area>.content-area-wrap {
        padding-left: var(--content-area-p-x-phone);
        padding-right: var(--content-area-p-x-phone)
    }
}

.content-area.is-sm>.content-area-wrap {
    padding-top: var(--content-area-sm-p-t);
    padding-bottom: var(--content-area-sm-p-b)
}

@media (max-width: 991px) {
    .content-area.is-sm>.content-area-wrap {
        padding-top: var(--content-area-sm-p-t-tablet);
        padding-bottom: var(--content-area-sm-p-b-tablet)
    }
}

@media (max-width: 767px) {
    .content-area.is-sm>.content-area-wrap {
        padding-top: var(--content-area-sm-p-t-phone);
        padding-bottom: var(--content-area-sm-p-b-phone)
    }
}

.content-area.is-md>.content-area-wrap {
    padding-top: var(--content-area-md-p-t);
    padding-bottom: var(--content-area-md-p-b)
}

@media (max-width: 991px) {
    .content-area.is-md>.content-area-wrap {
        padding-top: var(--content-area-md-p-t-tablet);
        padding-bottom: var(--content-area-md-p-b-tablet)
    }
}

@media (max-width: 767px) {
    .content-area.is-md>.content-area-wrap {
        padding-top: var(--content-area-md-p-t-phone);
        padding-bottom: var(--content-area-md-p-b-phone)
    }
}

.content-area.is-lg>.content-area-wrap {
    padding-top: var(--content-area-lg-p-t);
    padding-bottom: var(--content-area-lg-p-b)
}

@media (max-width: 991px) {
    .content-area.is-lg>.content-area-wrap {
        padding-top: var(--content-area-lg-p-t-tablet);
        padding-bottom: var(--content-area-lg-p-b-tablet)
    }
}

@media (max-width: 767px) {
    .content-area.is-lg>.content-area-wrap {
        padding-top: var(--content-area-lg-p-t-phone);
        padding-bottom: var(--content-area-lg-p-b-phone)
    }
}

.content-area.is-xl>.content-area-wrap {
    padding-top: var(--content-area-xl-p-t);
    padding-bottom: var(--content-area-xl-p-b)
}

@media (max-width: 991px) {
    .content-area.is-xl>.content-area-wrap {
        padding-top: var(--content-area-xl-p-t-tablet);
        padding-bottom: var(--content-area-xl-p-b-tablet)
    }
}

@media (max-width: 767px) {
    .content-area.is-xl>.content-area-wrap {
        padding-top: var(--content-area-xl-p-t-phone);
        padding-bottom: var(--content-area-xl-p-b-phone)
    }
}

.content-area .content-area.is-sm>.content-area-wrap {
    padding: 15px 0 0
}

.content-area .content-area.is-md>.content-area-wrap {
    padding: 30px 15px 0
}

.content-area .content-area.is-lg>.content-area-wrap {
    padding: 45px 30px 15px
}

.content-area .content-area.is-xl>.content-area-wrap {
    padding: 60px 45px 30px
}

.content-area>.content-area-wrap>.content-area-bottom-partial-bg,
.content-area>.content-area-wrap>.content-area-top-partial-bg {
    position: absolute;
    left: 0;
    width: 100%
}

.content-area>.content-area-wrap>.content-area-bottom-partial-bg.is-sm,
.content-area>.content-area-wrap>.content-area-top-partial-bg.is-sm {
    height: 15%
}

.content-area>.content-area-wrap>.content-area-bottom-partial-bg.is-md,
.content-area>.content-area-wrap>.content-area-top-partial-bg.is-md {
    height: 30%
}

.content-area>.content-area-wrap>.content-area-bottom-partial-bg.is-lg,
.content-area>.content-area-wrap>.content-area-top-partial-bg.is-lg {
    height: 50%
}

.content-area>.content-area-wrap>.content-area-top-partial-bg {
    top: 0
}

.content-area>.content-area-wrap>.content-area-bottom-partial-bg {
    bottom: 0
}

.content-area.has-top-partial-bg>.content-area-wrap {
    padding-top: 0
}

.content-area.has-bottom-partial-bg>.content-area-wrap {
    padding-bottom: 0
}

.content-area.custom-bg-img-pattern-1 {
    background-size: auto;
    background-repeat: repeat;
    background-position: center;
    background-image: url(/images/static/pattern/pattern-1.jpg)
}

.content-area.custom-bg-img-pattern-2,
.content-area.custom-bg-img-pattern-3 {
    background-size: auto;
    background-repeat: repeat;
    background-position: center;
    background-image: url(/images/static/pattern/pattern-2.png)
}

.content-area.custom-bg-img-pattern-3 {
    background-image: url(/images/static/pattern/pattern-transparent-1.jpg)
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Area - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Intro Area - Boxed - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.intro-area::after {
    display: table;
    clear: both;
    content: ""
}

.intro-area>.intro-area-wrap {
    position: relative;
    padding-left: var(--content-area-p-x);
    padding-right: var(--content-area-p-x)
}

@media (max-width: 991px) {
    .intro-area>.intro-area-wrap {
        padding-left: var(--content-area-p-x-tablet);
        padding-right: var(--content-area-p-x-tablet)
    }
}

@media (max-width: 767px) {
    .intro-area>.intro-area-wrap {
        padding-left: var(--content-area-p-x-phone);
        padding-right: var(--content-area-p-x-phone)
    }
}

.intro-area .intro-area-box {
    padding: 40px 60px 10px;
    margin-bottom: 60px
}

@media (max-width: 991px) {
    .intro-area .intro-area-box {
        padding: 30px 30px 0
    }
}

@media (max-width: 767px) {
    .intro-area .intro-area-box {
        padding: 30px 15px 0
    }
}

.intro-area.is-sm>.intro-area-wrap {
    padding-bottom: var(--content-area-sm-p-b)
}

@media (max-width: 991px) {
    .intro-area.is-sm>.intro-area-wrap {
        padding-bottom: var(--content-area-sm-p-b-tablet)
    }
}

@media (max-width: 767px) {
    .intro-area.is-sm>.intro-area-wrap {
        padding-bottom: var(--content-area-sm-p-b-phone)
    }
}

.intro-area.is-md>.intro-area-wrap {
    padding-bottom: var(--content-area-md-p-b)
}

@media (max-width: 991px) {
    .intro-area.is-md>.intro-area-wrap {
        padding-bottom: var(--content-area-md-p-b-tablet)
    }
}

@media (max-width: 767px) {
    .intro-area.is-md>.intro-area-wrap {
        padding-bottom: var(--content-area-md-p-b-phone)
    }
}

.intro-area.is-lg>.intro-area-wrap {
    padding-bottom: var(--content-area-lg-p-b)
}

@media (max-width: 991px) {
    .intro-area.is-lg>.intro-area-wrap {
        padding-bottom: var(--content-area-lg-p-b-tablet)
    }
}

@media (max-width: 767px) {
    .intro-area.is-lg>.intro-area-wrap {
        padding-bottom: var(--content-area-lg-p-b-phone)
    }
}

.intro-area.is-xl>.intro-area-wrap {
    padding-bottom: var(--content-area-xl-p-b)
}

@media (max-width: 991px) {
    .intro-area.is-xl>.intro-area-wrap {
        padding-bottom: var(--content-area-xl-p-b-tablet)
    }
}

@media (max-width: 767px) {
    .intro-area.is-xl>.intro-area-wrap {
        padding-bottom: var(--content-area-xl-p-b-phone)
    }
}

.intro-area .intro-area.is-sm>.intro-area-wrap {
    padding: 15px 0 0
}

.intro-area .intro-area.is-md>.intro-area-wrap {
    padding: 30px 15px 0
}

.intro-area .intro-area.is-lg>.intro-area-wrap {
    padding: 45px 30px 15px
}

.intro-area .intro-area.is-xl>.intro-area-wrap {
    padding: 60px 45px 30px
}

.intro-area>.intro-area-wrap>.intro-area-bottom-partial-bg,
.intro-area>.intro-area-wrap>.intro-area-top-partial-bg {
    position: absolute;
    left: 0;
    width: 100%
}

.intro-area>.intro-area-wrap>.intro-area-bottom-partial-bg.is-sm,
.intro-area>.intro-area-wrap>.intro-area-top-partial-bg.is-sm {
    height: 15%
}

.intro-area>.intro-area-wrap>.intro-area-bottom-partial-bg.is-md,
.intro-area>.intro-area-wrap>.intro-area-top-partial-bg.is-md {
    height: 30%
}

.intro-area>.intro-area-wrap>.intro-area-bottom-partial-bg.is-lg,
.intro-area>.intro-area-wrap>.intro-area-top-partial-bg.is-lg {
    height: 50%
}

.intro-area>.intro-area-wrap>.intro-area-top-partial-bg {
    top: 0
}

.intro-area>.intro-area-wrap>.intro-area-bottom-partial-bg {
    bottom: 0
}

.intro-area.has-top-partial-bg>.intro-area-wrap {
    padding-top: 0
}

.intro-area.has-bottom-partial-bg>.intro-area-wrap {
    padding-bottom: 0
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Alert Boxed - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.alert-boxed {
    overflow: auto;
    margin-bottom: 30px;
    font-size: 14px;
    text-align: left;
    border: 0;
    border-radius: var(--border-radius);
    background-color: var(--gray-4)
}

.alert-boxed dl,
.alert-boxed h1,
.alert-boxed h2,
.alert-boxed h3,
.alert-boxed h4,
.alert-boxed h5,
.alert-boxed h6,
.alert-boxed ol,
.alert-boxed p,
.alert-boxed table,
.alert-boxed ul,
.alert-boxed.alert-info dl,
.alert-boxed.alert-info h1,
.alert-boxed.alert-info h2,
.alert-boxed.alert-info h3,
.alert-boxed.alert-info h4,
.alert-boxed.alert-info h5,
.alert-boxed.alert-info h6,
.alert-boxed.alert-info ol,
.alert-boxed.alert-info p,
.alert-boxed.alert-info table,
.alert-boxed.alert-info ul {
    color: var(--text-color)
}

.alert-boxed h1,
.alert-boxed h2,
.alert-boxed h3,
.alert-boxed h4,
.alert-boxed h5,
.alert-boxed h6 {
    font-size: 20px;
    margin-bottom: 15px
}

.alert-boxed p {
    margin-bottom: 15px
}

.alert-boxed a,
.alert-boxed a:hover {
    text-decoration: underline
}

.alert-boxed .alert-wrap {
    position: relative
}

.alert-boxed .alert-content {
    padding: 20px 40px 8px 20px;
    margin-left: 60px;
}

@media (max-width: 575px) {
    .alert-boxed .alert-content {
        padding: 30px 15px 20px;
        margin-left: 0
    }
}

.alert-boxed .alert-icon {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 70PX;
    height: 100%;
    font-size: 28px;
    text-align: center;
    color: var(--text-color);
    background-color: rgba(0, 0, 0, .2)
}

@media (max-width: 575px) {
    .alert-boxed .alert-icon {
        display: none
    }
}

.alert-boxed .alert-icon:before {
    flex: 1 0 auto;
    display: block
}

.alert-boxed .alert-close {
    opacity: .5;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 1
}

.alert-boxed .alert-close:hover {
    opacity: 1
}

.alert-boxed.alert-info {
    background-color: #efefef;
}

.alert-boxed.alert-danger .alert-icon,
.alert-boxed.alert-error .alert-icon,
.alert-boxed.alert-info .alert-icon,
.alert-boxed.alert-success .alert-icon,
.alert-boxed.alert-warning .alert-icon {
    color: #b7b7b7;
    background-color: #efefef;
}

.alert-boxed.alert-info .alert-icon:before {
    content: "\F0F3";
    color: var(--primary);
}

.alert-boxed.alert-success {
    background-color: var(--success)
}

.alert-boxed.alert-success dl,
.alert-boxed.alert-success h1,
.alert-boxed.alert-success h2,
.alert-boxed.alert-success h3,
.alert-boxed.alert-success h4,
.alert-boxed.alert-success h5,
.alert-boxed.alert-success h6,
.alert-boxed.alert-success ol,
.alert-boxed.alert-success p,
.alert-boxed.alert-success table,
.alert-boxed.alert-success ul {
    color: var(--white)
}

.alert-boxed.alert-success .alert-icon:before {
    content: "\F164"
}

.alert-boxed.alert-warning {
    background-color: var(--warning)
}

.alert-boxed.alert-warning dl,
.alert-boxed.alert-warning h1,
.alert-boxed.alert-warning h2,
.alert-boxed.alert-warning h3,
.alert-boxed.alert-warning h4,
.alert-boxed.alert-warning h5,
.alert-boxed.alert-warning h6,
.alert-boxed.alert-warning ol,
.alert-boxed.alert-warning p,
.alert-boxed.alert-warning table,
.alert-boxed.alert-warning ul {
    color: var(--text-color)
}

.alert-boxed.alert-warning .alert-icon:before {
    content: "!"
}

.alert-boxed.alert-danger,
.alert-boxed.alert-error {
    background-color: var(--danger)
}

.alert-boxed.alert-danger dl,
.alert-boxed.alert-danger h1,
.alert-boxed.alert-danger h2,
.alert-boxed.alert-danger h3,
.alert-boxed.alert-danger h4,
.alert-boxed.alert-danger h5,
.alert-boxed.alert-danger h6,
.alert-boxed.alert-danger ol,
.alert-boxed.alert-danger p,
.alert-boxed.alert-danger table,
.alert-boxed.alert-danger ul,
.alert-boxed.alert-error dl,
.alert-boxed.alert-error h1,
.alert-boxed.alert-error h2,
.alert-boxed.alert-error h3,
.alert-boxed.alert-error h4,
.alert-boxed.alert-error h5,
.alert-boxed.alert-error h6,
.alert-boxed.alert-error ol,
.alert-boxed.alert-error p,
.alert-boxed.alert-error table,
.alert-boxed.alert-error ul {
    color: var(--white)
}

.alert-boxed.alert-danger .alert-icon:before,
.alert-boxed.alert-error .alert-icon:before {
    content: "\F5B4"
}

.alert-boxed.is-animated.alert-danger .alert-icon:before,
.alert-boxed.is-animated.alert-error .alert-icon:before,
.alert-boxed.is-animated.alert-info .alert-icon:before,
.alert-boxed.is-animated.alert-success .alert-icon:before,
.alert-boxed.is-animated.alert-warning .alert-icon:before {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.alert-boxed.is-animated.alert-info .alert-icon:before {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.alert-boxed.is-animated.alert-danger .alert-icon:before,
.alert-boxed.is-animated.alert-error .alert-icon:before,
.alert-boxed.is-animated.alert-success .alert-icon:before,
.alert-boxed.is-animated.alert-warning .alert-icon:before {
    -webkit-animation-name: tada;
    animation-name: tada;
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.alert-boxed.is-animated.alert-danger .alert-icon:before,
.alert-boxed.is-animated.alert-error .alert-icon:before,
.alert-boxed.is-animated.alert-warning .alert-icon:before {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat
}

.alert-boxed.is-animated.alert-danger .alert-icon:before,
.alert-boxed.is-animated.alert-error .alert-icon:before {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.alert-boxed.is-temp-hide {
    display: none
}

.liveEdBlock .alert-boxed.is-temp-hide {
    display: block
}

.alert-boxed.is-temp-hide .alert-wrap:after {
    content: "This alert is currently hidden from the public.";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: var(--white);
    font-size: 25px;
    font-weight: var(--font-weight-bold);
    background-color: rgba(0, 0, 0, .75)
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Alert Boxed - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Badge - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.badge {
    display: inline-block;
    vertical-align: middle;
    padding: 3px 10px;
    color: var(--text-color);
    font-size: 10px;
    text-transform: uppercase;
    font-weight: var(--font-weight-semi-bold);
    border-radius: 50px;
    background-color: var(--gray-2)
}

.badge i {
    margin-right: 5px
}

.badge.badge-sm {
    padding: 1px 6px;
    font-size: 8px
}

.badge.badge-md {
    padding: 3px 8px;
    font-size: 10px
}

.badge.badge-lg {
    padding: 5px 12px;
    font-size: 12px
}

.badge.badge-default {
    color: var(--text-color);
    background-color: var(--gray-2)
}

.badge.badge-primary {
    color: var(--white);
    background-color: var(--primary)
}

.badge.badge-secondary {
    color: var(--white);
    background-color: var(--secondary)
}

.badge.badge-third {
    color: var(--white);
    background-color: var(--third)
}

.badge.badge-fourth {
    color: var(--white);
    background-color: var(--fourth)
}

.badge.badge-light,
.badge.badge-white {
    color: var(--text-color);
    background-color: var(--white)
}

.badge.badge-light {
    background-color: var(--gray-2)
}

.badge.badge-dark,
.badge.badge-info {
    color: var(--white);
    background-color: var(--dark)
}

.badge.badge-info {
    background-color: var(--info)
}

.badge.badge-success {
    color: var(--white);
    background-color: var(--success)
}

.badge.badge-warning {
    color: var(--white);
    background-color: var(--warning)
}

.badge.badge-danger,
.badge.badge-error {
    color: var(--white);
    background-color: var(--danger)
}

.badge.badge-page,
.badge.badge-post {
    color: var(--white);
    background-color: var(--type-page)
}

.badge.badge-post {
    background-color: var(--type-post)
}

.badge.badge-event,
.badge.badge-form {
    color: var(--white);
    background-color: var(--type-event)
}

.badge.badge-form {
    background-color: var(--type-form)
}

.badge.badge-gallery {
    color: var(--white);
    background-color: var(--type-gallery)
}

.badge.badge-Image,
.badge.badge-image {
    color: var(--white);
    background-color: var(--type-image)
}

.badge.badge-Video,
.badge.badge-video {
    color: var(--white);
    background-color: var(--type-video)
}

.badge.badge-Doc,
.badge.badge-doc {
    color: var(--white);
    background-color: var(--type-doc)
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Burger Default - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.burger-default {
    display: flex;
    align-items: center;
    position: relative
}

.burger-default span {
    display: block;
    transition: var(--transition-360)
}

.burger-default .burger-lines {
    position: relative;
    overflow: hidden;
    width: 30px;
    height: 30px
}

.burger-default .burger-line {
    position: absolute;
    left: 0;
    width: 30px;
    height: 2px;
    border-radius: 0;
    background-color: var(--primary)
}

.burger-default .burger-line:nth-of-type(1),
.burger-default .burger-line:nth-of-type(4) {
    top: 4px
}

.burger-default .burger-line:nth-of-type(2),
.burger-default .burger-line:nth-of-type(5) {
    top: 14px
}

.burger-default .burger-line:nth-of-type(3),
.burger-default .burger-line:nth-of-type(6) {
    bottom: 4px
}

.burger-default .burger-line:nth-of-type(1),
.burger-default .burger-line:nth-of-type(2),
.burger-default .burger-line:nth-of-type(3) {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.burger-default .burger-line:nth-of-type(4),
.burger-default .burger-line:nth-of-type(5),
.burger-default .burger-line:nth-of-type(6) {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px)
}

.burger-default .burger-line:nth-of-type(1) {
    transition-delay: 0ms
}

.burger-default .burger-line:nth-of-type(2) {
    transition-delay: 100ms
}

.burger-default .burger-line:nth-of-type(3) {
    transition-delay: 200ms
}

.burger-default .burger-line:nth-of-type(4) {
    transition-delay: 50ms
}

.burger-default .burger-line:nth-of-type(5) {
    transition-delay: 150ms
}

.burger-default .burger-line:nth-of-type(6) {
    transition-delay: 250ms
}

.burger-default .burger-slashes {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px
}

.burger-default .burger-slash {
    opacity: 0;
    position: absolute;
    top: 0;
    width: 40px;
    height: 2px;
    border-radius: 0;
    background-color: var(--primary)
}

.burger-default .burger-slash:nth-of-type(1),
.burger-default .burger-slash:nth-of-type(3) {
    left: 1px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: translate(30px, 30px) rotate(45deg);
    transform: translate(30px, 30px) rotate(45deg)
}

.burger-default .burger-slash:nth-of-type(2),
.burger-default .burger-slash:nth-of-type(4) {
    right: 1px;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: translate(-30px, 30px) rotate(-45deg);
    transform: translate(-30px, 30px) rotate(-45deg)
}

.burger-default .burger-text {
    position: relative;
    overflow: hidden;
    margin-left: 6px;
    color: var(--primary);
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: var(--font-weight-bold);
    font-size: 15px;
}

.burger-default .burger-text-open {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

.burger-default .burger-text-close {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.burger-default.burger-hover:hover .burger-line,
.burger-default.burger-hover:hover .burger-slash {
    background-color: var(--secondary)
}

.burger-default.burger-hover:hover .burger-text {
    color: var(--secondary)
}

.burger-default.burger-hover:not(.active):hover .burger-line:nth-of-type(1),
.burger-default.burger-hover:not(.active):hover .burger-line:nth-of-type(2),
.burger-default.burger-hover:not(.active):hover .burger-line:nth-of-type(3) {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px)
}

.burger-default.burger-hover:not(.active):hover .burger-line:nth-of-type(4),
.burger-default.burger-hover:not(.active):hover .burger-line:nth-of-type(5),
.burger-default.burger-hover:not(.active):hover .burger-line:nth-of-type(6) {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.burger-default.active .burger-line {
    opacity: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px)
}

.burger-default.active .burger-slash:nth-of-type(1) {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(45deg);
    transform: translate(0, 0) rotate(45deg)
}

.burger-default.active .burger-slash:nth-of-type(2) {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg)
}

.burger-default.active .burger-text-open {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.burger-default.active .burger-text-close {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    font-size: 0;
}

.burger-default.active.burger-hover:hover .burger-slash:nth-of-type(1) {
    opacity: 0;
    -webkit-transform: translate(-30px, -30px) rotate(45deg);
    transform: translate(-30px, -30px) rotate(45deg)
}

.burger-default.active.burger-hover:hover .burger-slash:nth-of-type(2) {
    opacity: 0;
    -webkit-transform: translate(30px, -30px) rotate(-45deg);
    transform: translate(30px, -30px) rotate(-45deg)
}

.burger-default.active.burger-hover:hover .burger-slash:nth-of-type(3) {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(45deg);
    transform: translate(0, 0) rotate(45deg)
}

.burger-default.active.burger-hover:hover .burger-slash:nth-of-type(4) {
    opacity: 1;
    -webkit-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg)
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Burger Default - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Accordion Boxed - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.accordion-boxed {
    margin-bottom: 10px
}

.accordion-boxed .accordion-wrap {
    overflow: hidden;
    border-radius: var(--border-radius)
}

.accordion-boxed .accordion-btn {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 15px 15px 30px
}

.accordion-boxed .accordion-title {
    margin-bottom: 0;
    margin-right: 30px;
    white-space: pre-line
}

.accordion-boxed .accordion-icon i {
    font-size: 18px;
    transition: var(--transition-500)
}

.accordion-boxed .accordion-content {
    display: none;
    border-top: 1px solid var(--border-color-dark)
}

.accordion-boxed .accordion-inner {
    padding: 30px 30px 5px
}

.accordion-boxed.active .accordion-icon i {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Accordion Boxed - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Accordion Minimal - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.accordion-minimal .accordion-btn {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    margin-top: -1px;
    border-top: 1px solid var(--gray-4);
    border-bottom: 1px solid var(--gray-4)
}

.accordion-minimal .accordion-title {
    margin-bottom: 0;
    margin-right: 30px;
    white-space: pre-line
}

.accordion-minimal .accordion-icon i {
    font-size: 18px;
    transition: var(--transition-500)
}

.accordion-minimal .accordion-content {
    display: none
}

.accordion-minimal .accordion-inner {
    padding: 30px 30px 5px
}

.accordion-minimal .accordion-inner._bg-none {
    padding-left: 0;
    padding-right: 0
}

.accordion-minimal.active .accordion-icon i {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Accordion Minimal - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tabs - Minimal - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.tabs-minimal {
    margin-bottom: 30px
}

.tabs-minimal .tabs-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px 15px 30px;
    text-align: left;
    white-space: pre-line;
    font-weight: var(--font-weight-bold);
    border-radius: var(--border-radius);
    background-color: var(--gray-2)
}

.tabs-minimal .tabs-nav.active,
.tabs-minimal .tabs-nav:hover {
    color: var(--white);
    background-color: var(--primary)
}

.tabs-minimal .tabs-pane {
    display: none
}

.tabs-minimal .tabs-pane:first-of-type {
    display: block
}

.tabs-minimal.is-horizontal .tabs-wrap {
    display: flex;
    flex-wrap: wrap
}

.tabs-minimal.is-horizontal .tabs-navs {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex: 0 0 20%;
    width: 100%;
    max-width: 20%
}

@media (max-width: 991px) {
    .tabs-minimal.is-horizontal .tabs-navs {
        flex: 0 0 100%;
        width: auto;
        max-width: none
    }
}

.tabs-minimal.is-horizontal .tabs-nav {
    margin-bottom: 5px
}

.tabs-minimal.is-horizontal .tabs-nav i {
    font-size: 14px;
    margin-left: 15px
}

.tabs-minimal.is-horizontal .tabs-panes {
    flex: 0 0 80%;
    width: 100%;
    max-width: 80%;
    padding-left: 30px
}

@media (max-width: 991px) {
    .tabs-minimal.is-horizontal .tabs-panes {
        flex: 0 0 100%;
        width: auto;
        max-width: none;
        padding-left: 0;
        padding-top: 25px
    }
}

.tabs-minimal.is-vertical .tabs-navs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto
}

.tabs-minimal.is-vertical .tabs-nav {
    flex: 0 0 auto;
    max-width: 300px;
    margin-right: 5px
}

.tabs-minimal.is-vertical .tabs-nav i {
    font-size: 14px;
    margin-left: 30px
}

.tabs-minimal.is-vertical .tabs-panes {
    padding-top: 30px
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tabs - Icon - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.tabs-icon {
    margin-bottom: 30px
}

.tabs-icon .tabs-header {
    position: relative;
    margin-bottom: 30px
}

.tabs-icon .tabs-nav-indicator {
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: var(--border-color-dark)
}

@media (max-width: 991px) {
    .tabs-icon .tabs-nav-indicator {
        display: none
    }
}

.tabs-icon .tabs-nav-indicator span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: var(--primary);
    transition: var(--transition-360)
}

.tabs-icon .tabs-close-btn {
    display: none;
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 520
}

.tabs-icon .tabs-close-btn.mobile-active {
    display: block
}

.tabs-icon .tabs-navs {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 15px;
    padding-bottom: 30px
}

@media (max-width: 991px) {
    .tabs-icon .tabs-navs {
        grid-template-columns: repeat(3, 1fr);
        grid-auto-flow: row
    }
}

@media (max-width: 575px) {
    .tabs-icon .tabs-navs {
        grid-template-columns: repeat(2, 1fr)
    }
}

.tabs-icon .tabs-nav {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: pre-line;
    font-weight: var(--font-weight-bold);
    transition: var(--transition-200)
}

@media (max-width: 991px) {
    .tabs-icon .tabs-nav {
        padding: 30px;
        border-radius: var(--border-radius);
        background-color: var(--gray-2)
    }
}

.tabs-icon .tabs-nav img {
    width: auto;
    height: 60px;
    margin-bottom: 15px;
    transition: var(--transition-200)
}

.tabs-icon .tabs-nav.desktop-active,
.tabs-icon .tabs-nav:hover {
    color: var(--primary)
}

@media (max-width: 991px) {
    .tabs-icon .tabs-nav.desktop-active,
    .tabs-icon .tabs-nav:hover {
        color: var(--white);
        background-color: var(--primary)
    }
    .tabs-icon .tabs-nav.desktop-active img,
    .tabs-icon .tabs-nav:hover img {
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1)
    }
}

.tabs-icon .tabs-pane {
    display: none
}

@media (max-width: 991px) {
    .tabs-icon .tabs-pane {
        z-index: 510;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 80px 30px 30px;
        background: var(--white)
    }
}

.tabs-icon .tabs-pane.desktop-active {
    display: block
}

@media (max-width: 991px) {
    .tabs-icon .tabs-pane.desktop-active {
        display: none
    }
}

.tabs-icon .tabs-pane.mobile-active {
    display: none
}

@media (max-width: 991px) {
    .tabs-icon .tabs-pane.mobile-active {
        display: block
    }
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tabs - Boxed - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.tabs-boxed {
    margin-bottom: 30px
}

.tabs-boxed .tabs-wrap {
    overflow: hidden;
    border-radius: var(--border-radius);
    background-color: var(--gray-1)
}

.tabs-boxed .tabs-nav {
    overflow: hidden;
    position: relative;
    text-align: left;
    white-space: pre-line;
    font-weight: var(--font-weight-bold)
}

.tabs-boxed .tabs-nav span {
    display: block;
    position: relative
}

.tabs-boxed .tabs-pane {
    display: none;
    padding: 30px 30px 1px
}

.tabs-boxed .tabs-pane:first-of-type {
    display: block
}

.tabs-boxed.is-horizontal .tabs-wrap {
    display: flex;
    flex-wrap: wrap
}

.tabs-boxed.is-horizontal .tabs-navs {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    flex: 0 0 20%;
    width: 100%;
    max-width: 20%;
    border-right: 1px solid var(--border-color-dark)
}

@media (max-width: 991px) {
    .tabs-boxed.is-horizontal .tabs-navs {
        flex: 0 0 100%;
        width: auto;
        max-width: none;
        border-right: none
    }
}

.tabs-boxed.is-horizontal .tabs-nav {
    padding: 0 30px
}

.tabs-boxed.is-horizontal .tabs-nav span {
    padding: 15px 0;
    border-bottom: 1px solid var(--border-color-dark)
}

.tabs-boxed.is-horizontal .tabs-nav:before,
.tabs-boxed.is-vertical .tabs-nav:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--primary);
    transition: var(--transition-200);
    opacity: 0
}

.tabs-boxed.is-horizontal .tabs-nav:before {
    width: 100%;
    height: calc(100% - 1px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tabs-boxed.is-horizontal .tabs-nav.active,
.tabs-boxed.is-horizontal .tabs-nav:hover,
.tabs-boxed.is-vertical .tabs-nav.active,
.tabs-boxed.is-vertical .tabs-nav:hover {
    color: var(--white)
}

.tabs-boxed.is-horizontal .tabs-nav.active:before,
.tabs-boxed.is-horizontal .tabs-nav:hover:before,
.tabs-boxed.is-vertical .tabs-nav.active:before,
.tabs-boxed.is-vertical .tabs-nav:hover:before {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.tabs-boxed.is-horizontal .tabs-panes {
    flex: 0 0 80%;
    width: 100%;
    max-width: 80%
}

@media (max-width: 991px) {
    .tabs-boxed.is-horizontal .tabs-panes {
        flex: 0 0 100%;
        width: auto;
        max-width: none
    }
}

.tabs-boxed.is-vertical .tabs-navs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    border-bottom: 1px solid var(--border-color-dark)
}

.tabs-boxed.is-vertical .tabs-nav {
    flex: 0 0 auto;
    padding: 25px 0
}

.tabs-boxed.is-vertical .tabs-nav span {
    padding: 0 30px;
    border-right: 1px solid var(--border-color-dark)
}

.tabs-boxed.is-vertical .tabs-nav:before {
    width: calc(100% - 1px);
    height: 100%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Modal Boxed - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.modal-boxed .modal-container {
    z-index: 510;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 60px 15px;
    background-color: rgba(0, 0, 0, .5)
}

.modal-boxed .modal-dialog {
    position: relative;
    width: 100%;
    min-height: 100px;
    margin: 0 auto
}

.modal-boxed .modal-inner {
    overflow: hidden;
    border-radius: var(--border-radius);
    background-color: var(--white);
    box-shadow: var(--shadow-2)
}

.modal-boxed .modal-close-btn {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -12px;
    right: -12px;
    width: 30px;
    height: 30px;
    color: var(--white);
    border-radius: 50%;
    background: var(--dark);
    box-shadow: var(--shadow-2)
}

.modal-boxed .modal-close-btn:hover {
    background: var(--primary)
}

.modal-boxed.is-sm .modal-dialog {
    max-width: 570px
}

.modal-boxed.is-md .modal-dialog {
    max-width: 770px
}

.modal-boxed.is-lg .modal-dialog {
    max-width: 970px
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Popup - Advanced - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.popup-advanced .popup-container {
    z-index: 510;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 60px 15px;
    background-color: rgba(0, 0, 0, .5)
}

.popup-advanced .popup-dialog {
    position: relative;
    width: 100%;
    min-height: 100px;
    margin: 0 auto
}

.popup-advanced .popup-inner {
    overflow: hidden;
    border-radius: var(--border-radius);
    background-color: var(--white);
    box-shadow: var(--shadow-2)
}

.popup-advanced .popup-close-btn {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -12px;
    right: -12px;
    width: 30px;
    height: 30px;
    color: var(--white);
    border-radius: 50%;
    background: var(--dark);
    box-shadow: var(--shadow-2)
}

.popup-advanced .popup-close-btn:hover {
    background: var(--primary)
}

.popup-advanced.is-sm .popup-dialog {
    max-width: 570px
}

.popup-advanced.is-md .popup-dialog {
    max-width: 770px
}

.popup-advanced.is-lg .popup-dialog {
    max-width: 970px
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Player - Minimal - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.video-player-minimal {
    cursor: pointer;
    margin-bottom: 30px
}

.video-player-minimal .video-player-wrap {
    overflow: hidden;
    position: relative;
    border-radius: 0;
}

.video-player-minimal .video-player-video {
    opacity: 0;
    display: block;
    transition: var(--transition-200)
}

.video-player-minimal .video-player-inner,
.video-player-minimal .video-player-poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: var(--transition-200)
}

.video-player-minimal .video-player-poster {
    -o-object-fit: cover;
    object-fit: cover
}

.video-player-minimal .video-player-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .3)
}

.video-player-minimal .video-player-icon {
    font-size: 60px;
    color: rgba(255, 255, 255, .8);
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    transition: var(--transition-200)
}

.video-player-minimal:hover .video-player-poster {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.video-player-minimal:hover .video-player-icon {
    -webkit-transform: scale(.95);
    transform: scale(.95);
    color: #fff;
    text-shadow: 0 10px 20px rgba(0, 0, 0, .2)
}

.video-player-minimal.active .video-player-video {
    opacity: 1
}

.video-player-minimal.active .video-player-inner,
.video-player-minimal.active .video-player-poster {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Player - Youtube - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.video-player-youtube {
    margin-bottom: 30px
}

.video-player-youtube .video-player-wrap {
    overflow: hidden;
    display: block;
    position: relative;
    padding-bottom: 56%;
    border-radius: var(--border-radius)
}

.video-player-youtube .video-player-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Player - Youtube Popup - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.video-player-youtube-popup {
    margin-bottom: 30px
}

.video-player-youtube-popup .video-player-wrap {
    overflow: hidden;
    display: block;
    position: relative;
    padding-bottom: 56%;
    border-radius: var(--border-radius)
}

.video-player-youtube-popup .video-player-inner,
.video-player-youtube-popup .video-player-poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-player-youtube-popup .video-player-poster {
    -o-object-fit: cover;
    object-fit: cover;
    transition: var(--transition-200)
}

.video-player-youtube-popup .video-player-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .3)
}

.video-player-youtube-popup .video-player-icon {
    font-size: 60px;
    color: rgba(255, 255, 255, .8);
    text-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    transition: var(--transition-200)
}

.video-player-youtube-popup .video-player-wrap:hover .video-player-poster {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.video-player-youtube-popup .video-player-wrap:hover .video-player-icon {
    -webkit-transform: scale(.95);
    transform: scale(.95);
    color: #fff;
    text-shadow: 0 10px 20px rgba(0, 0, 0, .2)
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Banner - Minimal - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.video-banner-minimal .video-banner-wrap {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.video-banner-minimal video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 575px) {
    .video-banner-minimal video {
        display: none
    }
}

.video-banner-minimal .video-banner-inner {
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.2);
}

.video-banner-minimal .video-banner-title {
    color: var(--white)
}

.video-banner-minimal .video-banner-caption {
    display: block
}

.video-banner-minimal .video-banner-des {
    margin-left: auto;
    margin-right: auto;
    color: var(--white)
}

.video-banner-minimal .video-banner-btns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px
}

.video-banner-minimal .video-banner-btns .btn {
    flex: 0 0 auto;
    margin-bottom: 10px;
    cursor: pointer;
}

.video-banner-minimal.is-large .video-banner-inner {
    height: calc((var(--vh, 1vh)*115) - var(--header-height));
    min-height: 600px;
    max-height: 1200px
}

@media (max-width: 991px) {
    .video-banner-minimal.is-large .video-banner-inner {
        height: auto;
        min-height: 450px;
    }
    .video-banner-title img {
        width: 100%;
    }
}

.video-banner-minimal.is-large .video-banner-title {
    line-height: 1;
    font-size: 80px;
    text-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

@media (max-width: 991px) {
    .video-banner-minimal.is-large .video-banner-title {
        font-size: 60px
    }
    .video-banner-title img {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .video-banner-minimal.is-large .video-banner-title {
        font-size: 40px
    }
    .video-banner-title img {
        width: 100%;
    }
}

.video-banner-minimal.is-large .video-banner-caption {
    margin-bottom: 15px;
    font-size: 30px
}

@media (max-width: 991px) {
    .video-banner-minimal.is-large .video-banner-caption {
        font-size: 18px
    }
}

.video-banner-minimal.is-large .video-banner-des {
    max-width: 620px;
    text-shadow: 0 0 3px rgba(0, 0, 0, .25)
}

@media (max-width: 991px) {
    .video-banner-minimal.is-large .video-banner-des {
        max-width: 495px
    }
}

@media (max-width: 575px) {
    .video-banner-minimal.is-large .video-banner-des {
        max-width: 375px
    }
}

.video-banner-minimal.is-medium .video-banner-inner {
    height: 480px
}

.video-banner-minimal.is-medium .video-banner-title {
    line-height: 1;
    text-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

.video-banner-minimal.is-medium .video-banner-caption {
    margin-bottom: 15px
}

.video-banner-minimal.is-medium .video-banner-des {
    max-width: 495px;
    text-shadow: 0 0 3px rgba(0, 0, 0, .25)
}

@media (max-width: 991px) {
    .video-banner-minimal.is-medium .video-banner-des {
        max-width: 375px
    }
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Count Up - Minimal - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.count-up-minimal {
    text-align: center
}

.count-up-minimal .count-up-icon {
    width: auto;
    height: 80px;
    margin-bottom: 35px
}

.count-up-minimal .count-up-top {
    margin-bottom: 25px;
    line-height: 1;
    color: var(--secondary);
    font-size: 56px;
}

.count-up-minimal .count-up-label {
    color: var(--primary);
    /* font-weight: var(--font-weight-bold); */
    white-space: pre-line;
    font-size: 22px;
}

._bg-third .count-up-minimal .count-up-top {
    color: #fff;
    font-family: "BerkeleyStd-Book";
}

._bg-third .count-up-bottom .count-up-label {
    color: #fff
}

.count-up-minimal .count-up-top {
    font-family: "BerkeleyStd-Book";
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Card Default - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.content-card-default {
    margin-bottom: 30px
}

.content-card-default .content-card-wrap {
    overflow: hidden;
    border: 1px solid var(--border-color-dark);
    border-radius: var(--border-radius);
    background-color: var(--white)
}

.content-card-default .content-card-header {
    padding: 15px 30px;
    border-bottom: 1px solid var(--border-color-dark);
    background-color: var(--gray-2);
    word-break: break-word
}

@media (max-width: 575px) {
    .content-card-default .content-card-header {
        padding: 15px
    }
}

.content-card-default .content-card-header .btn,
.content-card-default .content-card-header dl,
.content-card-default .content-card-header h1,
.content-card-default .content-card-header h2,
.content-card-default .content-card-header h3,
.content-card-default .content-card-header h4,
.content-card-default .content-card-header h5,
.content-card-default .content-card-header h6,
.content-card-default .content-card-header ol,
.content-card-default .content-card-header p,
.content-card-default .content-card-header table,
.content-card-default .content-card-header ul {
    margin-bottom: 0
}

.content-card-default .content-card-body {
    padding: 30px 30px 1px;
    word-break: break-word
}

@media (max-width: 575px) {
    .content-card-default .content-card-body {
        padding: 15px 15px 1px
    }
}

.content-card-default .content-card-footer {
    padding: 15px 30px 5px;
    border-top: 1px solid var(--border-color-dark);
    background-color: var(--gray-2)
}

@media (max-width: 575px) {
    .content-card-default .content-card-footer {
        padding: 15px 15px 5px
    }
}

.content-card-default .content-card-footer .btn,
.content-card-default .content-card-footer dl,
.content-card-default .content-card-footer h1,
.content-card-default .content-card-footer h2,
.content-card-default .content-card-footer h3,
.content-card-default .content-card-footer h4,
.content-card-default .content-card-footer h5,
.content-card-default .content-card-footer h6,
.content-card-default .content-card-footer ol,
.content-card-default .content-card-footer p,
.content-card-default .content-card-footer table,
.content-card-default .content-card-footer ul {
    margin-bottom: 10px
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Card Default - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card Boxed - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.img-card-boxed {
    margin-bottom: 30px
}

.img-card-boxed h1,
.img-card-boxed h2,
.img-card-boxed h3,
.img-card-boxed h4,
.img-card-boxed h5,
.img-card-boxed h6,
.img-card-boxed ol,
.img-card-boxed p,
.img-card-boxed table,
.img-card-boxed ul {
    margin-bottom: 15px
}

.img-card-boxed .img-card-wrap {
    overflow: hidden;
    display: block;
    border-radius: var(--border-radius);
    background-color: var(--white);
    box-shadow: var(--shadow-1);
    transition: var(--transition-200)
}

.img-card-boxed .img-card-wrap:hover {
    box-shadow: var(--shadow-1-hover)
}

.img-card-boxed .img-card-wrap:hover .img-card-img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.img-card-boxed .img-card-body {
    display: flex;
    flex-direction: column;
    padding: 30px 30px 1px
}

.img-card-boxed .img-card-img {
    overflow: hidden;
    position: relative;
    padding-bottom: 80%;
    background-color: var(--primary-1)
}

.img-card-boxed .img-card-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: var(--transition-200)
}

.img-card-boxed .img-card-title {
    margin-bottom: 15px
}

.img-card-boxed .img-card-des {
    color: var(--text-color);
    margin-bottom: 15px
}

.img-card-boxed .img-card-btn {
    margin-top: auto
}

@media (min-width: 576px) {
    .img-card-boxed.is-horizontal .img-card-wrap {
        display: flex;
        flex-wrap: wrap
    }
    .img-card-boxed.is-horizontal .img-card-header {
        width: 100%;
        max-width: 38.2%;
        flex: 1 1 38.2%
    }
    .img-card-boxed.is-horizontal .img-card-body {
        width: 100%;
        flex: 0 0 61.8%;
        max-width: 61.8%
    }
    .img-card-boxed.is-horizontal .img-card-img {
        height: 100%
    }
}


/*!

 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card - Expand Heading and Reveal Text - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.img-card-expand-heading-and-reveal-text {
    margin-bottom: 30px
}

.img-card-expand-heading-and-reveal-text .img-card-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 350px;
    padding: 80px 30px 50px
}

.img-card-expand-heading-and-reveal-text .img-card-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.img-card-expand-heading-and-reveal-text .img-card-bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    opacity: .9;
    transition: var(--transition-300)
}

.img-card-expand-heading-and-reveal-text .img-card-inner {
    position: relative;
    max-width: 350px;
    text-align: center
}

.img-card-expand-heading-and-reveal-text .img-card-title>span {
    display: block;
    transition: var(--transition-300)
}

.img-card-expand-heading-and-reveal-text .img-card-btn,
.img-card-expand-heading-and-reveal-text .img-card-des {
    transition: var(--transition-300)
}

.is-touch-device .img-card-expand-heading-and-reveal-text .img-card-bg {
    opacity: .7
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Page Banner - Minimal - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.page-banner-minimal .page-banner-wrap {
    position: relative
}

.page-banner-minimal .page-banner-inner {
    display: flex;
    position: relative;
    padding: 80px 0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    background-color: rgba(0, 0, 0, .3)
}

.page-banner-minimal .page-banner-img {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-1)
}

.page-banner-minimal .page-banner-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-banner-minimal .page-banner-title {
    color: var(--white);
    font-size: 60px;
    margin-bottom: 0
}

@media (max-width: 991px) {
    .page-banner-minimal .page-banner-title {
        font-size: calc(60px*.85)
    }
}

.page-banner-minimal .page-banner-des {
    color: var(--white);
    font-size: 20px;
    max-width: 670px;
    margin-top: 30px
}

@media (max-width: 1199px) {
    .page-banner-minimal .page-banner-des {
        font-size: 18px
    }
}

@media (max-width: 991px) {
    .page-banner-minimal .page-banner-des {
        font-size: 16px
    }
}

.page-banner-minimal .page-banner-des:empty {
    display: none
}

.page-banner-minimal .page-banner-des p {
    margin-bottom: 0
}

.page-banner-minimal .page-banner-des p+p {
    margin-top: 15px
}

.page-banner-minimal.is-text-center .page-banner-inner {
    align-items: center;
    text-align: center
}

.page-banner-minimal.is-text-center .page-banner-des {
    margin-left: auto;
    margin-right: auto
}

.page-banner-minimal.is-text-left .page-banner-inner {
    align-items: center;
    text-align: left
}

.page-banner-minimal.is-text-right .page-banner-inner {
    align-items: center;
    text-align: right
}

.page-banner-minimal.is-text-right .page-banner-des {
    margin-left: auto
}

.page-banner-minimal.is-text-top-center .page-banner-inner {
    align-items: flex-start;
    text-align: center
}

.page-banner-minimal.is-text-top-center .page-banner-des {
    margin-left: auto;
    margin-right: auto
}

.page-banner-minimal.is-text-top-left .page-banner-inner {
    align-items: flex-start;
    text-align: left
}

.page-banner-minimal.is-text-top-right .page-banner-inner {
    align-items: flex-start;
    text-align: right
}

.page-banner-minimal.is-text-top-right .page-banner-des {
    margin-left: auto
}

.page-banner-minimal.is-text-bottom-center .page-banner-inner {
    align-items: flex-end;
    text-align: center
}

.page-banner-minimal.is-text-bottom-center .page-banner-des {
    margin-left: auto;
    margin-right: auto
}

.page-banner-minimal.is-text-bottom-left .page-banner-inner {
    align-items: flex-end;
    text-align: left
}

.page-banner-minimal.is-text-bottom-right .page-banner-inner {
    align-items: flex-end;
    text-align: right
}

.page-banner-minimal.is-text-bottom-right .page-banner-des {
    margin-left: auto
}

.page-banner-minimal.is-img-center .page-banner-img img {
    -o-object-position: center;
    object-position: center
}

.page-banner-minimal.is-img-top .page-banner-img img {
    -o-object-position: center top;
    object-position: center top
}

.page-banner-minimal.is-img-bottom .page-banner-img img {
    -o-object-position: center bottom;
    object-position: center bottom
}

.page-banner-minimal.is-md .page-banner-inner {
    min-height: 480px
}

.page-banner-minimal.is-sm .page-banner-inner {
    min-height: 320px
}

.page-banner-minimal.is-lg .page-banner-inner {
    min-height: 650px
}

.page-banner-minimal.is-fullscreen .page-banner-inner {
    min-height: calc(100vh - var(--header-height));
    min-height: calc((var(--vh, 1vh)*100) - var(--header-height))
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Page Banner - Boxed Heading - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.page-banner-boxed-heading .page-banner-wrap {
    display: flex;
    align-items: flex-end;
    position: relative;
    text-align: center
}

.page-banner-boxed-heading .page-banner-img {
    display: block;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-1)
}

.page-banner-boxed-heading .page-banner-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-banner-boxed-heading .container {
    position: relative
}

.page-banner-boxed-heading .page-banner-inner {
    position: relative;
    padding: 40px 15px
}

@media (max-width: 991px) {
    .page-banner-boxed-heading .page-banner-inner {
        padding: 30px 15px
    }
}

.page-banner-boxed-heading .page-banner-inner-bg {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .9
}

.page-banner-boxed-heading .page-banner-title {
    position: relative;
    margin-bottom: 0
}

.page-banner-boxed-heading .page-banner-des {
    position: relative;
    max-width: 670px;
    margin: 30px auto 0;
    font-size: 18px
}

@media (max-width: 991px) {
    .page-banner-boxed-heading .page-banner-des {
        font-size: 16px
    }
}

.page-banner-boxed-heading .page-banner-des:empty {
    display: none
}

.page-banner-boxed-heading .page-banner-des p {
    margin-bottom: 0
}

.page-banner-boxed-heading .page-banner-des p+p {
    margin-top: 15px
}

.page-banner-boxed-heading.is-img-center .page-banner-img img {
    -o-object-position: center;
    object-position: center
}

.page-banner-boxed-heading.is-img-top .page-banner-img img {
    -o-object-position: center top;
    object-position: center top
}

.page-banner-boxed-heading.is-img-bottom .page-banner-img img {
    -o-object-position: center bottom;
    object-position: center bottom
}

.page-banner-boxed-heading.is-md .page-banner-wrap {
    min-height: 500px
}

.page-banner-boxed-heading.is-sm .page-banner-wrap {
    min-height: 350px
}

.page-banner-boxed-heading.is-lg .page-banner-wrap {
    min-height: 650px
}

.page-banner-boxed-heading.is-fullscreen .page-banner-wrap {
    min-height: calc(100vh - var(--header-height));
    min-height: calc((var(--vh, 1vh)*100) - var(--header-height))
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Page Banner - Overlapping Content Box - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.page-banner-overlapping-content-box .page-banner-bottom,
.page-banner-overlapping-content-box .page-banner-top {
    position: relative
}

.page-banner-overlapping-content-box .page-banner-top-inner {
    display: flex;
    align-items: center;
    position: relative;
    padding: 80px 0;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .5)
}

.page-banner-overlapping-content-box .page-banner-bottom-inner {
    padding: 60px 80px 30px
}

@media (max-width: 991px) {
    .page-banner-overlapping-content-box .page-banner-bottom-inner {
        padding: 30px 30px 1px
    }
}

.page-banner-overlapping-content-box .page-banner-img {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 150px);
    background-color: var(--primary-1)
}

.page-banner-overlapping-content-box .page-banner-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-banner-overlapping-content-box .page-banner-img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3)
}

.page-banner-overlapping-content-box .page-banner-title {
    color: var(--white);
    font-size: 60px;
    margin-bottom: 0
}

@media (max-width: 991px) {
    .page-banner-overlapping-content-box .page-banner-title {
        font-size: calc(60px*.85)
    }
}

.page-banner-overlapping-content-box .page-banner-des {
    color: var(--white);
    font-size: 20px;
    max-width: 670px;
    margin-top: 30px
}

@media (max-width: 1199px) {
    .page-banner-overlapping-content-box .page-banner-des {
        font-size: 18px
    }
}

@media (max-width: 991px) {
    .page-banner-overlapping-content-box .page-banner-des {
        font-size: 16px
    }
}

.page-banner-overlapping-content-box .page-banner-des:empty {
    display: none
}

.page-banner-overlapping-content-box .page-banner-des p {
    margin-bottom: 0
}

.page-banner-overlapping-content-box .page-banner-des p+p {
    margin-top: 15px
}

.page-banner-overlapping-content-box.is-text-center .page-banner-top-inner {
    text-align: center
}

.page-banner-overlapping-content-box.is-text-center .page-banner-des {
    margin-left: auto;
    margin-right: auto
}

.page-banner-overlapping-content-box.is-text-left .page-banner-top-inner {
    text-align: left
}

.page-banner-overlapping-content-box.is-text-right .page-banner-top-inner {
    text-align: right
}

.page-banner-overlapping-content-box.is-text-right .page-banner-des {
    margin-left: auto
}

.page-banner-overlapping-content-box.is-img-center .page-banner-img img {
    -o-object-position: center;
    object-position: center
}

.page-banner-overlapping-content-box.is-img-top .page-banner-img img {
    -o-object-position: center top;
    object-position: center top
}

.page-banner-overlapping-content-box.is-img-bottom .page-banner-img img {
    -o-object-position: center bottom;
    object-position: center bottom
}

.page-banner-overlapping-content-box.is-md .page-banner-top-inner {
    min-height: 400px
}

.page-banner-overlapping-content-box.is-sm .page-banner-top-inner {
    min-height: 300px
}

.page-banner-overlapping-content-box.is-lg .page-banner-top-inner {
    min-height: 500px
}

.page-banner-overlapping-content-box.is-fullscreen .page-banner-top-inner {
    min-height: calc(100vh - var(--header-height));
    min-height: calc((var(--vh, 1vh)*100) - var(--header-height))
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image and Content - Minimal - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.img-content-minimal .img-content-wrap {
    display: flex;
    flex-wrap: wrap
}

.img-content-minimal .img-content-img-area {
    flex: 0 0 50%;
    width: 100%;
    max-width: 50%
}

.img-content-minimal .img-content-img-area {
    position: relative;
    overflow: hidden;
    height: 650px;
}

.img-content-minimal .img-content-img-area .image-cover {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9
}

.is-layout-img-content .image-cover.left {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9
}

.is-layout-img-content .image-cover.right {
    display: none;
}

.is-layout-content-img .image-cover.left {
    display: none;
}

.is-layout-content-img .image-cover.right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9
}

.image-cover img {
    height: 650px;
}

@media (max-width: 991px) {
    .img-content-minimal .img-content-img-area {
        flex: 0 0 auto;
        max-width: none;
        height: 300px;
    }
    .is-layout-img-content .image-cover.left {
        display: none;
    }
    .is-layout-content-img .image-cover.right {
        display: none;
    }
}

.img-content-minimal .img-content-content-area {
    display: flex;
    align-items: center;
    flex: 0 0 50%;
    width: 100%;
    max-width: 50%
}

@media (max-width: 991px) {
    .img-content-minimal .img-content-content-area {
        flex: 0 0 auto;
        max-width: none
    }
}

.img-content-minimal .img-content-img {
    display: block;
    position: relative;
    height: 100%;
    padding-bottom: 64%;
    overflow: hidden;
    background-color: var(--primary-1)
}

.img-content-minimal .img-content-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.img-content-minimal .img-content-content {
    width: 100%
}

@media (min-width: 576px) {
    .img-content-minimal .img-content-content {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .img-content-minimal .img-content-content {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .img-content-minimal .img-content-content {
        max-width: calc(960px/2)
    }
}

@media (min-width: 1200px) {
    .img-content-minimal .img-content-content {
        max-width: calc(1140px/2)
    }
}

@media (min-width: 1366px) {
    .img-content-minimal .img-content-content {
        max-width: calc(1320px/2)
    }
}

.img-content-minimal.is-layout-img-content .img-content-content-area {
    justify-content: flex-start
}

@media (max-width: 991px) {
    .img-content-minimal.is-layout-img-content .img-content-content-area {
        justify-content: center
    }
}

.img-content-minimal.is-layout-img-content .img-content-content {
    padding: 80px 15px 50px 80px
}

@media (max-width: 1199px) {
    .img-content-minimal.is-layout-img-content .img-content-content {
        padding: 60px 15px 30px 60px
    }
}

@media (max-width: 991px) {
    .img-content-minimal.is-layout-img-content .img-content-content {
        padding: 60px 15px 30px
    }
}

.img-content-minimal.is-layout-content-img .img-content-img-area {
    order: 2
}

@media (max-width: 991px) {
    .img-content-minimal.is-layout-content-img .img-content-img-area {
        order: 1
    }
}

.img-content-minimal.is-layout-content-img .img-content-content-area {
    order: 1;
    justify-content: flex-end
}

@media (max-width: 991px) {
    .img-content-minimal.is-layout-content-img .img-content-content-area {
        order: 2;
        justify-content: center
    }
}

.img-content-minimal.is-layout-content-img .img-content-content {
    padding: 80px 80px 50px 15px
}

@media (max-width: 1199px) {
    .img-content-minimal.is-layout-content-img .img-content-content {
        padding: 60px 60px 30px 15px
    }
}

@media (max-width: 991px) {
    .img-content-minimal.is-layout-content-img .img-content-content {
        padding: 60px 15px 30px
    }
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Gallery - Minimal - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.gallery-minimal {
    margin-bottom: 30px
}

.gallery-minimal .gallery-item-wrap {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius)
}

.gallery-minimal .gallery-item-wrap:hover .gallery-item-inner {
    opacity: 1
}

.gallery-minimal .gallery-item-img {
    overflow: hidden;
    position: relative;
    padding-bottom: 80%;
    background-color: var(--primary-1)
}

.gallery-minimal .gallery-item-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: var(--transition-200)
}

.gallery-minimal .gallery-item-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    opacity: 0;
    text-align: center;
    transition: var(--transition-360);
    background-color: rgba(0, 0, 0, .7)
}

.gallery-minimal .gallery-item-icon {
    font-size: 40px;
    color: var(--white);
    text-shadow: 0 3px 10px rgba(0, 0, 0, .15)
}

.gallery-minimal .gallery-item-title {
    margin-bottom: 0;
    color: var(--white);
    text-shadow: 0 3px 10px rgba(0, 0, 0, .15)
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Gallery - Minimal - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Gallery - 3 Stack - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.gallery-3-stack {
    margin-bottom: 30px
}

.gallery-3-stack .gallery-item-wrap {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius)
}

.gallery-3-stack .gallery-item-wrap:hover .gallery-item-inner {
    opacity: 1
}

.gallery-3-stack .gallery-item-img {
    overflow: hidden;
    position: relative;
    padding-bottom: 56%;
    background-color: var(--primary-1)
}

.gallery-3-stack .gallery-item-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: var(--transition-200)
}

.gallery-3-stack .gallery-item-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    opacity: 0;
    text-align: center;
    transition: var(--transition-360);
    background-color: rgba(0, 0, 0, .7)
}

.gallery-3-stack .gallery-item-icon {
    font-size: 40px;
    color: var(--white);
    text-shadow: 0 3px 10px rgba(0, 0, 0, .15)
}

.gallery-3-stack .gallery-item-title {
    margin-bottom: 0;
    color: var(--white);
    text-shadow: 0 3px 10px rgba(0, 0, 0, .15)
}

.gallery-3-stack .gallery-wrap {
    display: flex;
    flex-wrap: wrap
}

.gallery-3-stack .gallery-item {
    width: 100%
}

.gallery-3-stack .gallery-item:nth-child(3n+2),
.gallery-3-stack .gallery-item:nth-child(3n+3) {
    flex: 1
}

.gallery-3-stack .gallery-item:nth-child(3n+2) .gallery-item-img,
.gallery-3-stack .gallery-item:nth-child(3n+3) .gallery-item-img {
    padding-bottom: 100%
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Slider - Boxed Text - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.slider-boxed-text .slider-item {
    position: relative
}

.slider-boxed-text .slider-item-img {
    overflow: hidden;
    position: relative;
    background-color: var(--primary-1)
}

@media (min-width: 992px) {
    .slider-boxed-text .slider-item-img:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 30%;
        background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .55) 100%)
    }
}

.slider-boxed-text .slider-item-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 992px) {
    .slider-boxed-text .slider-item-text-area {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%
    }
}

@media (max-width: 991px) {
    .slider-boxed-text .slider-item-text-area .content-area-wrap {
        padding: 0
    }
    .slider-boxed-text .slider-item-text-area .container {
        max-width: none;
        padding: 0
    }
}

.slider-boxed-text .slider-item-inner {
    padding: 50px 60px 20px;
    border-top: 10px solid rgba(0, 0, 0, .3)
}

@media (max-width: 991px) {
    .slider-boxed-text .slider-item-inner {
        padding: 30px 30px 1px
    }
}

.slider-boxed-text.is-md .slider-item-img {
    height: 550px
}

@media (max-width: 991px) {
    .slider-boxed-text.is-md .slider-item-img {
        height: auto;
        padding-bottom: 56%
    }
}

@media (max-width: 575px) {
    .slider-boxed-text.is-md .slider-item-img {
        padding-bottom: 75%
    }
}

.slider-boxed-text.is-sm .slider-item-img {
    height: 450px
}

@media (max-width: 991px) {
    .slider-boxed-text.is-sm .slider-item-img {
        height: auto;
        padding-bottom: 56%
    }
}

@media (max-width: 575px) {
    .slider-boxed-text.is-sm .slider-item-img {
        padding-bottom: 75%
    }
}

.slider-boxed-text.is-lg .slider-item-img {
    height: 650px
}

@media (max-width: 991px) {
    .slider-boxed-text.is-lg .slider-item-img {
        height: auto;
        padding-bottom: 56%
    }
}

@media (max-width: 575px) {
    .slider-boxed-text.is-lg .slider-item-img {
        padding-bottom: 75%
    }
}

.slider-boxed-text.is-fullscreen .slider-item-img {
    height: calc(100vh - var(--header-height));
    height: calc((var(--vh, 1vh)*100) - var(--header-height))
}

@media (max-width: 767px) {
    .slider-boxed-text.is-fullscreen .slider-item-img {
        height: calc(100vh - var(--header-height));
        height: calc((var(--vh, 1vh)*100) - var(--header-height))
    }
}

.slider-boxed-text.is-img-center .slider-item-img img {
    -o-object-position: center;
    object-position: center
}

.slider-boxed-text.is-img-top .slider-item-img img {
    -o-object-position: center top;
    object-position: center top
}

.slider-boxed-text.is-img-bottom .slider-item-img img {
    -o-object-position: center bottom;
    object-position: center bottom
}

.slider-boxed-text .slider-item-img {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: ease-in-out 600ms;
    transition-delay: 600ms
}

.slider-boxed-text .slider-item-inner {
    opacity: 0;
    transition: ease-in-out 360ms
}

.slider-boxed-text .slider-item-btn,
.slider-boxed-text .slider-item-des,
.slider-boxed-text .slider-item-title {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: ease-in-out 360ms
}

.slider-boxed-text .slick-current .slider-item-img {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 100ms
}

.slider-boxed-text .slick-current .slider-item-inner {
    opacity: 1;
    transition-delay: 300ms
}

.slider-boxed-text .slick-current .slider-item-btn,
.slider-boxed-text .slick-current .slider-item-des,
.slider-boxed-text .slick-current .slider-item-title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.slider-boxed-text .slick-current .slider-item-title {
    transition-delay: 300ms
}

.slider-boxed-text .slick-current .slider-item-des {
    transition-delay: 500ms
}

.slider-boxed-text .slick-current .slider-item-btn {
    transition-delay: 700ms
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Carousel - Center Focused - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.carousel-center-focused .carousel-item {
    position: relative;
    opacity: .3;
    margin: 0 30px;
    transition: opacity ease-in-out 1s
}

@media (max-width: 991px) {
    .carousel-center-focused .carousel-item {
        margin: 0 25px
    }
}

@media (max-width: 575px) {
    .carousel-center-focused .carousel-item {
        margin: 0 15px
    }
}

.carousel-center-focused .carousel-item.slick-current {
    opacity: 1
}

.carousel-center-focused .carousel-item-img {
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 75%;
    border-radius: var(--border-radius);
    background-color: var(--primary-1)
}

.carousel-center-focused .carousel-item-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: var(--transition-200)
}

.carousel-center-focused .carousel-item-popup-mask {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.carousel-center-focused .slick-slider .slick-prev {
    left: calc(25% - 18px)
}

@media (max-width: 991px) {
    .carousel-center-focused .slick-slider .slick-prev {
        left: 64px
    }
}

@media (max-width: 767px) {
    .carousel-center-focused .slick-slider .slick-prev {
        left: 70px
    }
}

@media (max-width: 575px) {
    .carousel-center-focused .slick-slider .slick-prev {
        left: 30px
    }
}

.carousel-center-focused .slick-slider .slick-next {
    right: calc(25% - 18px)
}

@media (max-width: 991px) {
    .carousel-center-focused .slick-slider .slick-next {
        right: 64px
    }
}

@media (max-width: 767px) {
    .carousel-center-focused .slick-slider .slick-next {
        right: 70px
    }
}

@media (max-width: 575px) {
    .carousel-center-focused .slick-slider .slick-next {
        right: 30px
    }
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Carousel - 3 Column - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.carousel-3-column .carousel-item {
    position: relative;
    margin: 15px
}

.carousel-3-column .carousel-item-img {
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 75%;
    border-radius: var(--border-radius);
    background-color: var(--primary-1)
}

.carousel-3-column .carousel-item-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: var(--transition-200)
}

.carousel-3-column .carousel-item-popup-mask {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post List - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.posts-list .row>div[style]:not([class]) {
    width: 100%
}

.posts-list .posts-list-loader {
    width: 50px;
    margin: 30px auto
}

.posts-list .posts-no-result {
    max-width: 300px;
    padding: 30px 50px;
    margin: 0 auto;
    font-size: 22px;
    text-align: center;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .1)
}

.posts-list .blogs-show-more {
    cursor: pointer;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    font-size: var(--btn-font-size);
    font-weight: var(--btn-font-weight);
    font-family: var(--btn-font-family);
    border-width: var(--btn-border-width);
    border-style: var(--btn-border-style);
    border-radius: var(--btn-border-radius);
    text-transform: var(--btn-text-transform);
    letter-spacing: var(--btn-letter-spacing);
    padding: var(--btn-md-padding-y) var(--btn-md-padding-x);
    margin: 0 auto 30px;
    transition: var(--transition-200);
    color: var(--white);
    border-color: var(--primary);
    background: var(--primary)
}

.posts-list .blogs-show-more:hover {
    color: var(--white);
    border-color: var(--primary-6);
    background: var(--primary-6)
}

.posts-list .blogs-post-crop-icon {
    display: none!important
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Posts List - Minimal - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.posts-list-minimal .posts-list-item {
    margin-bottom: 30px;
}

.posts-list-minimal .posts-list-item-wrap {
    display: block;
    overflow: hidden;
    color: var(--text-color);
    border-radius: 0;
    background-color: var(--white);
}

.posts-list-minimal .posts-list-item-img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    transition: var(--transition-200);
    width: 100%-webkit-fill-available;
    height: 315px;
    object-fit: cover;
}

.posts-list-minimal .posts-list-item-body {
    display: flex;
    flex-direction: column;
    padding: 30px 30px 1px;
    background: #EFEFEF;
}

p.posts-list-item-title {
    color: var(--h5-color);
    font-size: var(--h5-font-size);
    font-weight: var(--h5-font-weight);
    font-family: var(--h5-font-family);
    line-height: normal;
}

p.posts-list-item-title {
    text-decoration: underline;
}

.posts-list-minimal .posts-list-item-img {
    display: block;
    overflow: hidden;
    position: relative;
    /* padding-bottom: 80%; */
    background-image: url(/images/logo-no-img.png);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 70%;
}

.posts-list-item-hover span {
    background: var(--primary);
    color: white;
    border-radius: 50%;
    height: 78px;
    width: 78px;
    line-height: 78px;
    text-align: center;
    opacity: 0;
}

.posts-list-item-wrap:hover .posts-list-item-title {
    text-decoration: underline;
}

.posts-list-item-wrap:hover .posts-list-item-hover span {
    opacity: 1;
}

.posts-list-item-hover {
    background-size: cover;
    width: 100%;
    height: 328px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    position: relative;
    /* Ensure the overlay covers the entire element */
}

.posts-list-item-hover:hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.73);
    /* 30% opacity black overlay */
    z-index: -1;
    /* Set the z-index to -1 to place it behind the content */
}

.posts-list-item-hover:hover {
    transform: scale(1.1);
}

.posts-list-item-hover span.trans {
    /* Add any additional styles to the span element here */
    position: relative;
    z-index: 1;
    /* Ensure the span is above the overlay */
}

@media (min-width: 576px) {
    .posts-list-minimal.is-horizontal .posts-list-item-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .posts-list-minimal.is-horizontal .posts-list-item-header {
        width: 100%;
        max-width: 38.2%;
        flex: 1 1 38.2%;
        max-height: 325px;
    }
    .posts-list-minimal.is-horizontal .posts-list-item-body {
        width: 100%;
        flex: 0 0 61.8%;
        max-width: 61.8%;
        height: 325px;
    }
    .posts-list-minimal.is-horizontal .posts-list-item-img {
        height: 100%;
        max-height: 325px;
    }
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Details - Minimal - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.post-details-minimal .post-details-header-inner {
    padding-top: 100px;
    margin-left: auto;
    margin-right: auto;
    max-width: 670px
}

.post-details-minimal .post-details-subheading {
    font-weight: var(--font-weight-light)
}

.post-details-minimal .post-details-subheader-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    /* justify-content: space-between; */
    gap: 30px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 0 40px;
    max-width: 930px;
    /* border-bottom: 1px solid var(--border-color-dark); */
}

.post-details-minimal .post-details-metas {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px
}

.post-details-minimal .post-details-meta-divider {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--text-color)
}

.post-details-minimal .post-details-author {
    display: flex;
    align-items: center
}

.post-details-minimal .post-details-author-avatar {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    margin-right: 10px;
    border-radius: 50%;
    font-size: 35px;
    color: var(--white);
    font-weight: var(--font-weight-thin);
    background-color: var(--primary)
}

.post-details-minimal .post-details-author-text {
    flex: 1 1 auto
}

.post-details-minimal .post-details-author-name div {
    word-break: break-all;
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: var(--font-weight-bold);
    font-size: 16px;
    background: #77736D;
    padding: 5px 8px;
    border-radius: 5px;
    color: #fff;
    display: unset;
    font-weight: 100;
    margin-right: 10px;
}

.post-details-minimal .post-details-author-date {
    font-size: 14px
}

.post-details-minimal .post-details-author-date i {
    margin-right: 5px
}

.post-details-minimal .post-details-date i {
    margin-right: 10px
}

.post-details-minimal .post-details-body-inner {
    padding-top: 60px;
    padding-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    /* max-width: 880px; */
}

.post-details-minimal .post-details-banner {
    margin-left: auto;
    margin-right: auto;
    max-width: 870px
}

.post-details-minimal .post-details-banner-img {
    width: 100%;
    border-radius: var(--border-radius);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .08)
}

.post-details-minimal.no-header-img .post-details-header {
    background-color: var(--primary-1)
}

.post-details-minimal.no-header-img .post-details-header-inner {
    padding-bottom: 60px
}

.post-details-minimal.has-single-img .post-details-header {
    position: relative
}

.post-details-minimal.has-single-img .post-details-header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 80px);
    background-color: var(--primary-1);
    z-index: -1
}

.post-details-minimal.has-single-img .post-details-header-inner {
    padding-bottom: 30px
}

.post-details-minimal.has-img-gallery .post-details-header {
    background-color: var(--primary-1)
}

.post-details-minimal.has-img-gallery .post-details-header-inner {
    padding-bottom: 60px
}

.post-details-minimal.has-img-gallery .post-details-subheader-inner {
    border-bottom: 0
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team - Minimal Carousel - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.team-minimal-carousel .team-item {
    cursor: pointer;
    margin: 15px
}

.team-minimal-carousel .team-item-img {
    position: relative;
    overflow: hidden;
    padding-bottom: 125%;
    background-color: var(--primary-1)
}

.team-minimal-carousel .team-item-img img,
.team-minimal-carousel .team-pane-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    transition: var(--transition-200)
}

.team-minimal-carousel .team-item-name {
    margin-bottom: 10px
}

.team-minimal-carousel .team-item-job {
    margin-bottom: 0;
    font-size: 14px
}

.team-minimal-carousel .team-pane {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 510;
    background-color: var(--gray-2)
}

@media (max-width: 767px) {
    .team-minimal-carousel .team-pane {
        overflow-x: hidden;
        overflow-y: auto;
        padding: 70px 30px 10px
    }
}

.team-minimal-carousel .team-pane-img {
    position: fixed;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden
}

@media (max-width: 767px) {
    .team-minimal-carousel .team-pane-img {
        position: relative;
        top: unset;
        left: unset;
        width: unset;
        height: unset;
        padding-bottom: 125%;
        margin-bottom: 30px
    }
}

.team-minimal-carousel .team-pane-img img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.team-minimal-carousel .team-pane-right {
    position: fixed;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    padding: 80px 80px 30px;
    overflow-x: hidden;
    overflow-y: auto
}

@media (max-width: 991px) {
    .team-minimal-carousel .team-pane-right {
        padding: 40px 40px 10px
    }
}

@media (max-width: 767px) {
    .team-minimal-carousel .team-pane-right {
        position: unset;
        top: unset;
        right: unset;
        width: unset;
        height: unset;
        padding: unset;
        overflow-x: unset;
        overflow-y: unset
    }
}

.team-minimal-carousel .team-pane-right-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%
}

@media (max-width: 767px) {
    .team-minimal-carousel .team-pane-right-inner {
        display: unset;
        flex-direction: unset;
        justify-content: unset;
        min-height: unset
    }
}

.team-minimal-carousel .team-pane-name {
    margin-bottom: 5px
}

.team-minimal-carousel .team-pane-close-btn {
    position: fixed;
    top: 20px;
    right: 30px
}

.team-minimal-carousel .team-item:hover .team-item-img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.team-minimal-carousel.is-shadow .team-item {
    overflow: hidden;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-1);
    transition: var(--transition-200)
}

.team-minimal-carousel.is-shadow .team-item:hover {
    box-shadow: var(--shadow-1-hover)
}

.team-minimal-carousel.is-shadow .team-item-bottom {
    padding: 20px;
    background-color: var(--white)
}

.team-minimal-carousel.is-minimal .team-item-img {
    border-radius: var(--border-radius);
    margin-bottom: 30px
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Testimonials Slider - Minimal - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.testimonials-slider-minimal {
    margin-bottom: 30px;
    color: var(--primary)
}

.testimonials-slider-minimal .testimonials-slider-item {
    margin: 0 30px
}

.testimonials-slider-minimal .testimonials-slider-item-bottom,
.testimonials-slider-minimal .testimonials-slider-item-top {
    max-width: 800px;
    margin: 0 auto;
    text-align: center
}

.testimonials-slider-minimal .testimonials-slider-item-top {
    position: relative;
    padding: 15px 60px;
    margin-bottom: 15px
}

@media (max-width: 991px) {
    .testimonials-slider-minimal .testimonials-slider-item-top {
        padding: 15px 40px
    }
}

@media (max-width: 575px) {
    .testimonials-slider-minimal .testimonials-slider-item-top {
        padding: 15px 0
    }
}

.testimonials-slider-minimal .testimonials-slider-quot-left,
.testimonials-slider-minimal .testimonials-slider-quot-right {
    position: absolute
}

@media (max-width: 991px) {
    .testimonials-slider-minimal .testimonials-slider-quot-left,
    .testimonials-slider-minimal .testimonials-slider-quot-right {
        opacity: .3
    }
}

.testimonials-slider-minimal .testimonials-slider-quot-left svg,
.testimonials-slider-minimal .testimonials-slider-quot-right svg {
    width: 70px;
    height: auto
}

.testimonials-slider-minimal .testimonials-slider-quot-left {
    top: 0;
    left: -20px;
    opacity: .6;
}

.testimonials-slider-minimal .testimonials-slider-quot-right {
    bottom: 0;
    right: 0;
    opacity: .6;
}

.testimonials-slider-minimal .testimonials-slider-des {
    position: relative;
    font-size: 26px;
    font-style: italic
}

@media (max-width: 991px) {
    .testimonials-slider-minimal .testimonials-slider-des {
        font-size: 20px
    }
}

.testimonials-slider-minimal .testimonials-slider-des p:last-of-type {
    margin-bottom: 0;
    font-family: "BerkeleyStd-Book";
    line-height: 1.2;
}

.testimonials-slider-minimal .testimonials-slider-name {
    font-size: 20px;
    font-weight: var(--font-weight-bold)
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Sidebar - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.sidebar .sidebar-open-btn {
    display: none
}

.sidebar .sidebar-close-btn {
    display: none;
    position: absolute;
    top: 15px;
    right: 30px;
    font-size: 26px;
    line-height: 1
}

@media (max-width: 575px) {
    .sidebar .sidebar-close-btn {
        right: 15px
    }
}

.sidebar .sidebar-side {
    z-index: 1
}

.sidebar-right .sidebar-side {
    order: 2
}

@media (max-width: 991px) {
    .sidebar-right .sidebar-side {
        order: 1
    }
}

.sidebar-right .sidebar-main {
    order: 1
}

@media (max-width: 991px) {
    .sidebar-right .sidebar-main {
        order: 2
    }
}

.sidebar.sidebar-left.has-border .sidebar-side {
    border-right: 1px solid var(--border-color-dark)
}

@media (max-width: 991px) {
    .sidebar.sidebar-left.has-border .sidebar-side {
        border-right: 0
    }
}

.sidebar.sidebar-right.has-border .sidebar-side {
    border-left: 1px solid var(--border-color-dark)
}

@media (max-width: 991px) {
    .sidebar.sidebar-right.has-border .sidebar-side {
        border-left: 0
    }
    .sidebar.is-mobile.active {
        position: relative;
        z-index: 510
    }
    .sidebar.is-mobile .sidebar-side {
        order: -1;
        z-index: 1;
        margin-bottom: 30px
    }
    .sidebar.is-mobile .sidebar-side .sidebar-inner {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 50px 30px 20px;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: var(--gray-2)
    }
    .sidebar.is-mobile .sidebar-open-btn {
        display: block;
        width: 100%;
        padding: 15px 20px;
        text-align: right;
        font-weight: var(--font-weight-bold);
        border-radius: var(--border-radius);
        background-color: var(--gray-4)
    }
    .sidebar.is-mobile .sidebar-open-btn i {
        margin-left: 10px
    }
    .sidebar.is-mobile .sidebar-close-btn {
        display: block
    }
}

@media (max-width: 575px) {
    .sidebar.is-mobile .sidebar-side .sidebar-inner {
        padding: 90px 15px 20px;
    }
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Sidebar - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | SNS Link - Default - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.sns-link-default .sns-link-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.sns-link-default .sns-link-item {
    color: var(--sns-color)
}

.sns-link-default .sns-link-item:hover {
    color: var(--sns-color-hover)
}

.sns-link-default.left .sns-link-wrap {
    justify-content: flex-start
}

.sns-link-default.center .sns-link-wrap {
    justify-content: center
}

.sns-link-default.right .sns-link-wrap {
    justify-content: flex-end
}

.sns-link-default.small .sns-link-wrap {
    gap: var(--sns-margin-sm)
}

.sns-link-default.small .sns-link-item {
    font-size: var(--sns-font-size-sm)
}

.sns-link-default.medium .sns-link-wrap {
    gap: var(--sns-margin-md)
}

.sns-link-default.medium .sns-link-item {
    font-size: var(--sns-font-size-md)
}

.sns-link-default.large .sns-link-wrap {
    gap: var(--sns-margin-lg)
}

.sns-link-default.large .sns-link-item {
    font-size: var(--sns-font-size-lg)
}

.sns-link-default.huge .sns-link-wrap {
    gap: var(--sns-margin-hudge)
}

.sns-link-default.huge .sns-link-item {
    font-size: var(--sns-font-size-huge)
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | SNS Link Default - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |

 |
 | SNS Link - Circle - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.sns-link-circle .sns-link-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.sns-link-circle .sns-link-item {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--sns-circle-color);
    line-height: 1;
    border-radius: 50%;
    background-color: var(--white);
}

.sns-link-circle .sns-link-item:hover {
    color: var(--sns-circle-color-hover);
    background-color: var(--sns-circle-bg-hover)
}

.sns-link-circle.left .sns-link-wrap {
    justify-content: flex-start
}

@media (max-width: 768px) {
    .sns-link-circle.left .sns-link-wrap {
        justify-content: center;
    }
}

.sns-link-circle.center .sns-link-wrap {
    justify-content: center
}

.sns-link-circle.right .sns-link-wrap {
    justify-content: flex-end
}

.sns-link-circle.small .sns-link-wrap {
    gap: var(--sns-circle-margin-sm)
}

.sns-link-circle.small .sns-link-item {
    width: var(--sns-circle-size-sm);
    height: var(--sns-circle-size-sm);
    font-size: var(--sns-circle-font-size-sm)
}

.sns-link-circle.medium .sns-link-wrap {}

.sns-link-circle.medium .sns-link-item {
    width: var(--sns-circle-size-sm);
    height: var(--sns-circle-size-sm);
    font-size: 13px;
    margin: 0 3px;
}

.sns-link-circle.large .sns-link-wrap {
    gap: var(--sns-circle-margin-lg)
}

.sns-link-circle.large .sns-link-item {
    width: var(--sns-circle-size-lg);
    height: var(--sns-circle-size-lg);
    font-size: var(--sns-circle-font-size-lg)
}

.sns-link-circle.huge .sns-link-wrap {
    gap: var(--sns-circle-margin-huge)
}

.sns-link-circle.huge .sns-link-item {
    width: var(--sns-circle-size-huge);
    height: var(--sns-circle-size-huge);
    font-size: var(--sns-circle-font-size-huge)
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | SNS Link - Square - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.sns-link-square .sns-link-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.sns-link-square .sns-link-item {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--sns-square-color);
    line-height: 1;
    border-radius: var(--border-radius);
    background-color: var(--sns-square-bg)
}

.sns-link-square .sns-link-item:hover {
    color: var(--sns-square-color-hover);
    background-color: var(--sns-square-bg-hover)
}

.sns-link-square.left .sns-link-wrap {
    justify-content: flex-start
}

.sns-link-square.center .sns-link-wrap {
    justify-content: center
}

.sns-link-square.right .sns-link-wrap {
    justify-content: flex-end
}

.sns-link-square.small .sns-link-wrap {
    gap: var(--sns-square-margin-sm)
}

.sns-link-square.small .sns-link-item {
    width: var(--sns-square-size-sm);
    height: var(--sns-square-size-sm);
    font-size: var(--sns-square-font-size-sm)
}

.sns-link-square.medium .sns-link-wrap {
    gap: var(--sns-square-margin-md)
}

.sns-link-square.medium .sns-link-item {
    width: var(--sns-square-size-md);
    height: var(--sns-square-size-md);
    font-size: var(--sns-square-font-size-md)
}

.sns-link-square.large .sns-link-wrap {
    gap: var(--sns-square-margin-lg)
}

.sns-link-square.large .sns-link-item {
    width: var(--sns-square-size-lg);
    height: var(--sns-square-size-lg);
    font-size: var(--sns-square-font-size-lg)
}

.sns-link-square.huge .sns-link-wrap {
    gap: var(--sns-square-margin-huge)
}

.sns-link-square.huge .sns-link-item {
    width: var(--sns-square-size-huge);
    height: var(--sns-square-size-huge);
    font-size: var(--sns-square-font-size-huge)
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Share Link - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.share-links {
    display: flex;
    align-items: center;
    gap: var(--sns-margin-md);
    line-height: 1
}

.share-link {
    display: inline-block
}

.share-link-default {
    font-size: var(--sns-font-size-md);
    color: var(--sns-color)
}

.share-link-default:hover {
    color: var(--sns-color-hover)
}

.share-link-circle,
.share-link-square {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition-200)
}

.share-link-circle {
    border-radius: 50%;
    width: var(--sns-circle-size-md);
    height: var(--sns-circle-size-md);
    color: var(--sns-circle-color);
    background-color: var(--sns-circle-bg)
}

.share-link-circle:hover {
    color: var(--sns-circle-color-hover);
    background-color: var(--sns-circle-bg-hover)
}

.share-link-square {
    width: var(--sns-square-size-md);
    height: var(--sns-square-size-md);
    color: var(--sns-square-color);
    border-radius: var(--border-radius);
    background-color: var(--sns-square-bg)
}

.share-link-square:hover {
    color: var(--sns-square-color-hover);
    background-color: var(--sns-square-bg-hover)
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Mobile Menu Default - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.mobile-menu-default .mobile-menu-backdrop {
    z-index: 1000;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.mobile-menu-default .mobile-menu-wrap {
    z-index: 1010;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 480px;
    padding: 15px;
    transition: var(--transition-400);
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.mobile-menu-default .mobile-menu-inner {
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr auto;
    overflow: hidden;
    height: 100%;
    padding: 80px 0 30px;
    border-radius: var(--border-radius);
    box-shadow: 0 0 15px rgba(0, 0, 0, .15)
}

@media (max-width: 575px) {
    .mobile-menu-default .mobile-menu-inner {
        padding: 80px 0 30px
    }
}

.mobile-menu-default .mobile-menu-close {
    position: absolute;
    top: 25px;
    right: 30px
}

.mobile-menu-default .mobile-menu-header {
    padding: 0 50px
}

@media (max-width: 575px) {
    .mobile-menu-default .mobile-menu-header {
        padding: 0 30px
    }
}

.mobile-menu-default .mobile-menu-body {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 50px
}

@media (max-width: 575px) {
    .mobile-menu-default .mobile-menu-body {
        padding: 0 30px
    }
}

.mobile-menu-default .mobile-menu-footer {
    padding: 15px 50px 0
}

@media (max-width: 575px) {
    .mobile-menu-default .mobile-menu-footer {
        padding: 0 30px
    }
}

.mobile-menu-default.active .mobile-menu-wrap {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.mobile-menu-default .mobile-menu-nav ul {
    list-style-type: none;
    padding-left: 0
}

.mobile-menu-default .mobile-menu-nav ul ol,
.mobile-menu-default .mobile-menu-nav ul ol ol,
.mobile-menu-default .mobile-menu-nav ul ol ul,
.mobile-menu-default .mobile-menu-nav ul ul,
.mobile-menu-default .mobile-menu-nav ul ul ol,
.mobile-menu-default .mobile-menu-nav ul ul ul {
    list-style-type: none
}

.mobile-menu-default .mobile-menu-nav ul li {
    margin: 0px 0 5px;
}

.mobile-menu-default .mobile-menu-nav ul li:last-of-type {
    margin-bottom: 0
}

.mobile-menu-default .mobile-menu-nav ul li a {
    width: 100%;
    color: var(--primary);
    font-size: 22px;
    font-weight: var(--font-weight-bold)
}

.mobile-menu-default .mobile-menu-nav ul li a:hover {
    color: var(--primary-6)
}

.mobile-menu-default .mobile-menu-nav ul li a>i {
    font-size: 16px;
    transition: var(--transition-200)
}

.mobile-menu-default .mobile-menu-nav ul li.has-children>a {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mobile-menu-default .mobile-menu-nav ul li ul {
    display: none;
    margin: 15px 0 0;
    padding: 0 0 0 15px;
    border-left: 1px solid var(--primary-6)
}

.mobile-menu-default .mobile-menu-nav ul li ul li a {
    color: var(--primary-6);
    font-size: 16px;
    font-weight: var(--font-weight-normal)
}

.mobile-menu-default .mobile-menu-nav ul li ul li a:hover {
    color: var(--primary-7)
}

.mobile-menu-default .mobile-menu-nav ul li ul li a>i {
    font-size: 14px
}

.mobile-menu-default .mobile-menu-nav ul li.active>a {
    color: var(--primary-6)
}

.mobile-menu-default .mobile-menu-nav ul li.active>a i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.mobile-menu-default .mobile-menu-btns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-left: -5px;
    margin-right: -5px
}

.mobile-menu-default .mobile-menu-btn {
    flex: 1 1 auto;
    padding: 0 5px
}

.mobile-menu-default .mobile-menu-btn .btn {
    margin-bottom: 15px
}

.mobile-menu-default .mobile-menu-btn a {
    width: 100%
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Google Translate - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.google-translate {
    overflow: hidden;
    position: relative
}

.google-translate .google-translate-embed {
    opacity: 0
}

.google-translate .google-translate-label {
    transition: var(--transition-200)
}

.google-translate .goog-te-gadget {
    font-size: 0
}

.google-translate .goog-te-gadget>span {
    display: none
}

.google-translate .goog-te-gadget .goog-te-combo {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Mega Menu Default - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

@media (max-width: 1365px) {
    .mega-menu-default {
        display: none
    }
}

.mega-menu-default .mega-menu-items {
    display: flex;
    align-items: center
}

.mega-menu-default .mega-menu-items>li {
    position: relative
}

.mega-menu-default .mega-menu-items>li>a {
    display: block;
    position: relative;
    height: var(--header-main-height);
    line-height: var(--header-main-height);
    padding: 0 15px;
    color: var(--text-color);
    font-weight: 500;
}

.mega-menu-default .mega-menu-items>li>a>i {
    margin-left: 8px
}

.mega-menu-default .mega-menu-items>li>a:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 5px;
    background-color: var(--secondary-5);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: width var(--transition-200)
}

.mega-menu-default .mega-menu-items>li>a.active:before,
.mega-menu-default .mega-menu-items>li>a:hover:before {
    width: 100%
}

.mega-menu-default .mega-menu-panel.has-1-col .mwPageBlock.Menu ul li a,
.mega-menu-default .mwPageBlock.Menu ul li a {
    display: block;
    padding: 10px 20px;
    color: var(--text-color);
    font-size: 16px
}

.mega-menu-default .mwPageBlock.Menu ul li a:hover {
    color: var(--secondary)
}

.mega-menu-default .mwPageBlock.Menu ul li ul {
    display: none
}

.mega-menu-default .mega-menu-panel {
    display: none;
    position: fixed;
    top: var(--header-height);
    left: 0;
    width: 100%;
    border-top: 1px solid var(--border-color-dark);
    background-color: var(--white);
    box-shadow: 0 6px 6px rgba(0, 0, 0, .16);
    transition: none
}

.mega-menu-default .mega-menu-panel .btn,
.mega-menu-default .mega-menu-panel dl,
.mega-menu-default .mega-menu-panel h1,
.mega-menu-default .mega-menu-panel h2,
.mega-menu-default .mega-menu-panel h3,
.mega-menu-default .mega-menu-panel h4,
.mega-menu-default .mega-menu-panel h5,
.mega-menu-default .mega-menu-panel h6,
.mega-menu-default .mega-menu-panel ol,
.mega-menu-default .mega-menu-panel p,
.mega-menu-default .mega-menu-panel table,
.mega-menu-default .mega-menu-panel ul {
    margin-bottom: 15px
}

.mega-menu-default .mega-menu-panel-wrap {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 30px;
    padding: 60px 0 45px
}

.mega-menu-default .mega-menu-panel.is-fullwidth .mega-menu-panel-wrap {
    width: 100%;
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto
}

.mega-menu-panel-wrap h6 {
    font-family: var(--font-family-sans-serif)
}

.mega-menu-default .mega-menu-panel.is-content-width {
    left: 50%;
    max-width: 1370px;
    padding: 0 40px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.mega-menu-default .mega-menu-panel.has-1-col {
    position: absolute;
    top: 100%;
    left: 0;
    width: auto;
    padding: 0
}

.mega-menu-default .mega-menu-panel.has-1-col .mega-menu-panel-wrap {
    padding: 0
}

.mega-menu-default .mega-menu-panel.has-1-col .mwPageBlock.Menu ul {
    padding: 10px 0;
    margin-bottom: 0
}

.mega-menu-default .mega-menu-panel.has-1-col .mwPageBlock.Menu ul li {
    position: relative;
    min-width: 260px;
    transition: var(--transition-200)
}

.mega-menu-default .mega-menu-panel.has-1-col .mwPageBlock.Menu ul li:hover {
    background-color: var(--gray-2)
}

.mega-menu-default .mega-menu-panel.has-1-col .mwPageBlock.Menu ul li.has-children>a {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mega-menu-default .mega-menu-panel.has-1-col .mwPageBlock.Menu ul li.has-children>a:after {
    content: "\F0DA";
    margin-left: 8px;
    font-family: var(--font-family-icon);
    font-weight: 900
}

.mega-menu-default .mega-menu-panel.has-1-col .mwPageBlock.Menu ul li ul {
    display: block;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 100%;
    background-color: var(--secondary);
    transition: var(--transition-360)
}

.mega-menu-default .mega-menu-panel.has-1-col .mwPageBlock.Menu ul li ul li:hover {
    background-color: var(--secondary-5)
}

.mega-menu-default .mega-menu-panel.has-1-col .mwPageBlock.Menu ul li ul li a {
    color: var(--white)
}

.mega-menu-default .mega-menu-panel.has-1-col .mwPageBlock.Menu ul li.has-children:hover>ul {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}


/*!
 |-----------------------------------------------------------------------------------------

 |
 |
 | Detailed Map Default - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.detailed-map-default .detailed-map-navs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 30px 15px 25px
}

@media (max-width: 575px) {
    .detailed-map-default .detailed-map-navs {
        justify-content: flex-start
    }
}

.detailed-map-default .detailed-map-navs script {
    display: none
}

.detailed-map-default #map_button_type_hideAll,
.detailed-map-default #map_button_type_showAll,
.detailed-map-default div[id*=" map_item_type_"],
.detailed-map-default div[id^=map_item_type_] {
    cursor: pointer;
    display: flex;
    align-items: center;
    color: var(--primary);
    padding: 0 10px;
    margin-bottom: 5px
}

.detailed-map-default #map_button_type_hideAll:hover,
.detailed-map-default #map_button_type_showAll:hover,
.detailed-map-default div[id*=" map_item_type_"]:hover,
.detailed-map-default div[id^=map_item_type_]:hover {
    color: var(--secondary)
}

.detailed-map-default .detailed-map-nav-icon {
    width: auto;
    height: 20px;
    margin-right: 5px
}

@media (max-width: 575px) {
    .detailed-map-default .detailed-map-main>div[id*=" google_map_"],
    .detailed-map-default .detailed-map-main>div[id^=google_map_] {
        height: 480px!important
    }
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events Calendar - Minimal - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.eshop-events-calendar-minimal .mwCalendar {
    margin-bottom: 30px;
    border-radius: var(--border-radius);
    background-color: var(--white);
    box-shadow: var(--shadow-6)
}

.eshop-events-calendar-minimal .calendar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid var(--border-color-dark)
}

.eshop-events-calendar-minimal .mwCalendar-next:hover,
.eshop-events-calendar-minimal .mwCalendar-previous:hover {
    color: var(--primary)
}

.eshop-events-calendar-minimal .calendar-current-month {
    font-weight: var(--font-weight-bold)
}

.eshop-events-calendar-minimal .calendar-weeks {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px
}

.eshop-events-calendar-minimal .calendar-week {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 0 14.285714%;
    width: 14.285714%;
    aspect-ratio: 1
}

.eshop-events-calendar-minimal .calendar-week h3 {
    font-size: 14px;
    margin-bottom: 0;
    color: var(--text-color-2);
    font-weight: var(--font-weight-normal)
}

.eshop-events-calendar-minimal .mwCalendar-daysList {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px 10px
}

.eshop-events-calendar-minimal .mwCalendar-day {
    aspect-ratio: 1;
    flex: 1 0 14.285714%;
    width: 14.285714%;
    height: auto;
    padding: 3px;
    border: 0;
    background-color: transparent
}

.eshop-events-calendar-minimal .calendar-day {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.eshop-events-calendar-minimal .calendar-date {
    margin-bottom: 0;
    color: var(--text-color);
    font-size: 16px;
    font-weight: var(--font-weight-normal)
}

.eshop-events-calendar-minimal .mwCalendar-day.today .calendar-date {
    color: var(--primary);
    font-weight: var(--font-weight-bold)
}

.eshop-events-calendar-minimal .mwCalendar-day.event .calendar-day {
    border-radius: 50%;
    background-color: var(--primary)
}

.eshop-events-calendar-minimal .mwCalendar-day.event .calendar-date {
    color: var(--white);
    font-weight: var(--font-weight-normal)
}

.eshop-events-calendar-minimal .mwCalendar-day.weekend {
    border: 0;
    color: inherit;
    background-color: transparent
}

.eshop-events-calendar-minimal .mwCalendar-day.nextMonth .calendar-date,
.eshop-events-calendar-minimal .mwCalendar-day.prevMonth .calendar-date {
    visibility: hidden;
    color: var(--text-color-2)
}

.eshop-events-calendar-minimal .calendar-search {
    display: flex;
    margin-bottom: 30px
}

.eshop-events-calendar-minimal .calendar-search .mwInput {
    z-index: 1;
    flex: 1 1 auto;
    height: 45px;
    border-right-width: 0;
    border-radius: var(--form-border-radius) 0 0 var(--form-border-radius)
}

.eshop-events-calendar-minimal .calendar-search button {
    flex: 0 0 auto;
    height: 45px;
    padding: 0 var(--btn-sm-padding-x);
    color: var(--white);
    border-radius: 0 var(--form-border-radius) var(--form-border-radius) 0;
    border-width: var(--btn-border-width);
    border-style: var(--btn-border-style);
    border-color: var(--primary);
    background-color: var(--primary)
}

.eshop-events-calendar-minimal .calendar-search button:hover {
    color: var(--white);
    border-color: var(--primary-6);
    background-color: var(--primary-6)
}

.eshop-events-calendar-minimal .calendar-accordions {
    margin-bottom: 30px
}

.eshop-events-calendar-minimal .calendar-accordion {
    margin-bottom: 15px
}

.eshop-events-calendar-minimal .calendar-accordion .accordion-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 12px 15px;
    border-radius: var(--border-radius);
    background-color: var(--white);
    box-shadow: var(--shadow-6);
    transition: var(--transition-360)
}

.eshop-events-calendar-minimal .calendar-accordion .accordion-icon {
    transition: transform var(--transition-360);
    transition: transform var(--transition-360), -webkit-transform var(--transition-360)
}

.eshop-events-calendar-minimal .calendar-accordion .accordion-content {
    display: none
}

.eshop-events-calendar-minimal .calendar-accordion .accordion-inner {
    padding: 10px 0 0
}

.eshop-events-calendar-minimal .calendar-accordion .mwInput.checkbox {
    padding-top: 5px
}

.eshop-events-calendar-minimal .calendar-accordion.active .accordion-btn,
.eshop-events-calendar-minimal .calendar-accordion:hover .accordion-btn {
    color: var(--white);
    background-color: var(--primary)
}

.eshop-events-calendar-minimal .calendar-accordion.active .accordion-icon {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events Details - Minimal - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.eshop-events-details-minimal {
    margin-bottom: 30px
}

.eshop-events-details-minimal .eshop-events-details-wrap {
    overflow: hidden;
    position: relative;
    border-radius: var(--border-radius);
    background-color: var(--white)
}

.eshop-events-details-minimal .eshop-events-details-img {
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%;
    padding-bottom: 56%;
    background-image: url(/images/logo.png);
    background-color: var(--gray-2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%
}

.eshop-events-details-minimal .eshop-events-details-gallery-item-img img,
.eshop-events-details-minimal .eshop-events-details-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: var(--transition-200)
}

.eshop-events-details-minimal .eshop-events-details-release,
.eshop-events-details-minimal .eshop-events-details-release-mobile {
    display: table;
    padding: 20px;
    margin-bottom: 30px;
    color: var(--white);
    text-align: center;
    background-color: var(--primary)
}

.eshop-events-details-minimal .eshop-events-details-release span,
.eshop-events-details-minimal .eshop-events-details-release-mobile span {
    display: block
}

.eshop-events-details-minimal .eshop-events-details-release span:nth-child(1),
.eshop-events-details-minimal .eshop-events-details-release-mobile span:nth-child(1) {
    line-height: 1;
    font-size: 40px;
    font-weight: var(--font-weight-bold)
}

@media (max-width: 991px) {
    .eshop-events-details-minimal .eshop-events-details-release {
        display: none
    }
}

.eshop-events-details-minimal .eshop-events-details-release-mobile {
    position: absolute;
    top: 0;
    right: 0
}

@media (min-width: 992px) {
    .eshop-events-details-minimal .eshop-events-details-release-mobile {
        display: none
    }
}

.eshop-events-details-minimal .eshop-events-details-title {
    margin-bottom: 15px
}

.eshop-events-details-minimal .eshop-events-details-host {
    margin-bottom: 0;
    color: var(--text-color-3)
}

.eshop-events-details-minimal .eshop-events-details-qty {
    display: flex;
    align-items: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
    margin-bottom: 30px
}

.eshop-events-details-minimal .eshop-events-details-qty .mwInput {
    max-width: 100px;
    display: inline-block;
    vertical-align: middle
}

.eshop-events-details-minimal .eshop-events-details-qty .mwInput input {
    text-align: center
}

.eshop-events-details-minimal .eshop-events-details-qty-dec,
.eshop-events-details-minimal .eshop-events-details-qty-inc {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: var(--white);
    font-size: 18px;
    border-radius: 50%;
    background-color: var(--primary)
}

.eshop-events-details-minimal .eshop-events-details-qty-dec:hover,
.eshop-events-details-minimal .eshop-events-details-qty-inc:hover {
    background-color: var(--primary-6)
}

.eshop-events-details-minimal .eshop-events-details-location {
    white-space: pre-line
}

.eshop-events-details-minimal .eshop-events-details-header-right {
    height: 100%;
    padding: 0 30px 1px;
    border-left: 1px solid var(--border-color-dark);
    background-color: var(--gray-2)
}

@media (max-width: 991px) {
    .eshop-events-details-minimal .eshop-events-details-header-right {
        padding: 30px 30px 1px;
        border-left: 0
    }
}

@media (max-width: 575px) {
    .eshop-events-details-minimal .eshop-events-details-header-right {
        padding: 30px 15px 1px
    }
}

.eshop-events-details-minimal .eshop-events-details-header-top {
    margin-bottom: 60px
}

@media (max-width: 991px) {
    .eshop-events-details-minimal .eshop-events-details-header-top {
        margin-bottom: 30px
    }
}

.eshop-events-details-minimal .eshop-events-details-header-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.eshop-events-details-minimal .eshop-events-details-body {
    border-top: 1px solid var(--border-color-dark)
}

@media (max-width: 991px) {
    .eshop-events-details-minimal .eshop-events-details-body-main {
        order: 1
    }
}

.eshop-events-details-minimal .eshop-events-details-body-side {
    border-left: 1px solid var(--border-color-dark)
}

@media (max-width: 991px) {
    .eshop-events-details-minimal .eshop-events-details-body-side {
        order: 0;
        border-left: 0
    }
}

.eshop-events-details-minimal .eshop-events-details-body-main-inner {
    padding: 40px 40px 30px
}

@media (max-width: 991px) {
    .eshop-events-details-minimal .eshop-events-details-body-main-inner {
        padding: 0 30px 1px
    }
}

@media (max-width: 575px) {
    .eshop-events-details-minimal .eshop-events-details-body-main-inner {
        padding: 0 15px 1px
    }
}

.eshop-events-details-minimal .eshop-events-details-body-side-inner {
    padding: 40px 30px 30px
}

@media (max-width: 991px) {
    .eshop-events-details-minimal .eshop-events-details-body-side-inner {
        padding: 30px 30px 1px
    }
}

@media (max-width: 575px) {
    .eshop-events-details-minimal .eshop-events-details-body-side-inner {
        padding: 30px 15px 1px
    }
}

.eshop-events-details-minimal .tabs-navs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 30px
}

.eshop-events-details-minimal .tabs-nav {
    flex: 1 0 auto;
    padding: 10px;
    color: var(--text-color);
    text-align: center;
    font-weight: var(--font-weight-bold);
    background-color: var(--gray-2)
}

.eshop-events-details-minimal .tabs-nav.active,
.eshop-events-details-minimal .tabs-nav:hover {
    color: var(--white);
    background-color: var(--primary)
}

.eshop-events-details-minimal .eshop-events-details-gallery,
.eshop-events-details-minimal .eshop-events-details-gallery-item-img,
.eshop-events-details-minimal .eshop-events-details-gallery-wrap,
.eshop-events-details-minimal .slick-list,
.eshop-events-details-minimal .slick-track {
    width: 100%;
    height: 100%
}

.eshop-events-details-minimal .eshop-events-details-gallery-item-img {
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 56%;
    background-image: url(/images/logo.png);
    background-color: var(--gray-2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%
}

@media (max-width: 767px) {
    .eshop-events-details-minimal .eshop-events-details-gallery-item-img {
        padding-bottom: 75%
    }
}

.eshop-events-details-minimal .slick-slider .svg-colored {
    stroke: var(--white)
}

.eshop-events-details-minimal .slick-slider .slick-prev {
    left: 10px
}

.eshop-events-details-minimal .slick-slider .slick-prev:hover svg {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px)
}

.eshop-events-details-minimal .slick-slider .slick-next {
    right: 10px
}

.eshop-events-details-minimal .slick-slider .slick-next:hover svg {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events Details - Minimal - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events Minimal - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.eshop-events-minimal .events-item {
    margin-bottom: 30px
}

.eshop-events-minimal .events-item:hover .events-item-img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.eshop-events-minimal .events-item-wrap {
    display: block;
    overflow: hidden;
    color: var(--text-color);
    border-radius: var(--border-radius);
    background-color: var(--white)
}

.eshop-events-minimal .events-item-header {
    position: relative
}

.eshop-events-minimal .events-item-img {
    overflow: hidden;
    position: relative;
    padding-bottom: 75%;
    background-image: url(/images/logo.png);
    background-color: var(--gray-2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%
}

.eshop-events-minimal .events-item-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: var(--transition-200)
}

.eshop-events-minimal .events-item-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    /* padding: 25px 25px 5px; */
}

.eshop-events-minimal .events-item-body p {
    margin-bottom: 20px
}

.eshop-events-minimal .events-item-body a {
    padding: 25px 25px 0;
}

.eshop-events-minimal .events-item-release {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 15px;
    color: var(--white);
    font-size: var(--font-size-sm);
    text-align: center;
    background-color: var(--primary)
}

.eshop-events-minimal .events-item-release span {
    display: block
}

.eshop-events-minimal .events-item-release span:nth-child(1) {
    line-height: 1;
    font-size: 30px;
    font-weight: var(--font-weight-bold)
}

.eshop-events-minimal .events-item-title {
    margin-bottom: 15px
}

.eshop-events-minimal .events-item-item-des {
    font-size: var(--font-size-sm)
}

.eshop-events-minimal .events-item-link {
    margin-top: auto;
    margin-bottom: 20px
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events Minimal - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Search Results Default - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.search-results-default .search-results-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px
}

.search-results-default .search-results-title {
    font-size: 28px;
    margin-bottom: 10px
}

.search-results-default .search-results-keyword {
    color: var(--primary)
}

.search-results-default .search-results-total {
    font-size: 20px;
    font-weight: var(--font-weight-bold);
    color: var(--text-color-3);
    margin-bottom: 10px
}

.search-results-default .search-results-filters ul {
    padding: 5px 0;
    border-radius: var(--border-radius);
    background-color: var(--white)
}

.search-results-default .search-results-filters ul li {
    position: relative;
    padding: 0 25px;
    margin: 0
}

.search-results-default .search-results-filters ul li:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 30px;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    background-color: transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: background-color var(--transition-200)
}

.search-results-default .search-results-filters ul li a {
    display: flex;
    align-items: center;
    padding: 15px 0;
    color: var(--text-color);
    font-size: 14px;
    font-weight: var(--font-weight-bold)
}

.search-results-default .search-results-filters ul li a i {
    font-size: 12px;
    margin-right: 10px
}

.search-results-default .search-results-filters ul li a:hover {
    color: var(--primary-5)
}

.search-results-default .search-results-filters ul li+li a {
    border-top: 1px solid var(--border-color-dark)
}

.search-results-default .search-results-filters ul li.active:after,
.search-results-default .search-results-filters ul li:hover:after {
    background-color: var(--primary)
}

.search-results-default .search-results-filters ul li.active {
    background-color: var(--gray-2)
}

.search-results-default .search-results-filters ul li.active a,
.search-results-default .search-results-filters ul li.active+li a {
    border-top-color: transparent
}

.search-results-default .search-results-item {
    margin-bottom: 30px
}

.search-results-default .search-results-item-wrap {
    height: 100%;
    overflow: hidden;
    border-radius: var(--border-radius);
    background-color: var(--white)
}

.search-results-default .search-results-item-img {
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%;
    padding-bottom: 80%;
    background-color: var(--primary-1)
}

.search-results-default .search-results-item-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.search-results-default .search-results-item-img img[src*=".32x.png"] {
    width: 30px;
    height: 30px;
    left: 50%;
    top: 50%;
    -o-object-fit: unset;
    object-fit: unset;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.search-results-default .search-results-item-body {
    display: flex;
    flex-direction: column;
    padding: 25px
}

.search-results-default .search-results-item-title {
    margin-bottom: 10px;
    word-break: break-word
}

.search-results-default .search-results-item-metas {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 5px
}

.search-results-default .search-results-item-metas>span {
    margin: 0 10px 5px 0;
    font-size: 12px;
    color: var(--text-color-3)
}

.search-results-default .search-results-item-metas>span i {
    margin-right: 5px
}

.search-results-default .search-results-item-metas .badge {
    margin: 0 10px 5px 0
}

.search-results-default .search-results-item-des {
    margin-bottom: 20px;
    font-size: 14px;
    color: var(--text-color-3)
}

.search-results-default .search-results-item-btn {
    margin-top: auto;
    font-size: 14px;
    font-weight: var(--font-weight-bold)
}

.search-results-default .search-results-item-btn i {
    font-size: 12px;
    margin-left: 5px
}

@media (min-width: 576px) {
    .search-results-default .search-results-item-wrap {
        display: flex;
        flex-wrap: wrap
    }
    .search-results-default .search-results-item-header {
        width: 100%;
        max-width: 38.2%;
        flex: 0 0 38.2%
    }
    .search-results-default .search-results-item-header+.search-results-item-body {
        width: 100%;
        flex: 0 0 61.8%;
        max-width: 61.8%
    }
    .search-results-default .search-results-item-body {
        flex: 1
    }
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Search Results - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Donation Form - Minimal - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.donation-form-minimal .donation-form-amounts-btns {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.donation-form-minimal .donation-form-amounts-btns .button {
    padding: 0 10px;
    margin-bottom: 10px;
    width: 100%
}

.donation-form-minimal .donation-form-amounts-btns .button span {
    display: block;
    text-align: center;
    font-weight: var(--font-weight-semi-bold);
    transition: var(--transition-200);
    color: var(--white);
    background-color: var(--primary)
}

.donation-form-minimal .donation-form-amounts-btns .button.selected span,
.donation-form-minimal .donation-form-amounts-btns .button:hover span {
    color: var(--white);
    background-color: var(--secondary)
}

.donation-form-minimal .donation-form-amounts-btns .button.border span {
    color: var(--primary);
    border: 1px solid var(--primary);
    background-color: transparent
}

.donation-form-minimal .donation-form-amounts-btns .button.border.selected span,
.donation-form-minimal .donation-form-amounts-btns .button.border:hover span {
    color: var(--white);
    border-color: var(--primary);
    background-color: var(--primary)
}

.donation-form-minimal .donation-form-amounts-btns .button.round span {
    overflow: hidden;
    border-radius: 200px
}

.donation-form-minimal .donation-form-amounts-btns .button.square span {
    overflow: hidden;
    border-radius: var(--border-radius)
}

.donation-form-minimal .donation-form-amounts-btns .button.small {
    flex: 0 0 16.666666%;
    max-width: 16.666666%
}

@media (max-width: 767px) {
    .donation-form-minimal .donation-form-amounts-btns .button.small {
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
}

@media (max-width: 575px) {
    .donation-form-minimal .donation-form-amounts-btns .button.small {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.donation-form-minimal .donation-form-amounts-btns .button.small span {
    padding: 18px
}

.donation-form-minimal .donation-form-amounts-btns .button.medium {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

@media (max-width: 575px) {
    .donation-form-minimal .donation-form-amounts-btns .button.medium {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.donation-form-minimal .donation-form-amounts-btns .button.medium span {
    font-size: 20px;
    padding: 30px
}

.donation-form-minimal .donation-form-amounts-btns .button.large {
    flex: 0 0 50%;
    max-width: 50%
}

.donation-form-minimal .donation-form-amounts-btns .button.large span {
    font-size: 30px;
    padding: 60px
}

.donation-form-minimal .donation-form-recurring table {
    margin-bottom: 0
}

.donation-form-minimal .mwPayment-hint {
    display: none
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Header Kampus - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.header-kampus {
    z-index: 500
}

.header-kampus .header-wrap {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    background: #fff;
}

.header-kampus .header-main {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100px;
    padding: 0 80px 0 0;
    background: none;
}

@media (max-width: 1439px) {
    .header-kampus .header-main {
        padding: 0 30px 0 0;
    }
}

@media (max-width: 767px) {
    .header-kampus .header-main {
        height: 80px;
        padding: 0 15px 0 0;
        background: #fff;
    }
}

.header-kampus .header-main-left {
    flex: 0 0 auto
}

.header-kampus .header-main-right {
    flex: 0 0 auto;
    display: flex;
    align-items: center
}

.header-kampus .header-logo {
    position: relative;
    top: 15px;
    z-index: 99;
}

.header-kampus .header-logo img {
    width: 240px;
    height: auto;
    max-width: 100%
}

@media (max-width: 1365px) {
    .header-kampus .header-menu {
        display: none
    }
}

.header-kampus,
.header-kampus .header-menu a,
.header-kampus .header-menu li {
    position: relative
}

.header-kampus .header-menu ul[id] {
    display: flex;
    align-items: center
}

.header-kampus .header-menu ul[id]>li>a {
    display: block;
    padding: 0 15px;
    height: var(--header-main-height);
    line-height: var(--header-main-height);
    color: var(--text-color)
}

.header-kampus .header-menu ul[id]>li>a:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 5px;
    background-color: var(--secondary-5);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: width var(--transition-200)
}

.header-kampus .header-menu ul[id]>li>a:hover:before {
    width: 100%
}

.header-kampus .header-menu ul li ul {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 10px 0;
    background-color: var(--secondary);
    transition: var(--transition-360)
}

.header-kampus .header-menu ul li ul li {
    min-width: 260px;
    transition: var(--transition-200)
}

.header-kampus .header-menu ul li ul li:hover {
    background-color: var(--secondary-5)
}

.header-kampus .header-menu ul li ul li a {
    display: block;
    padding: 10px 20px;
    color: var(--white);
    font-size: 16px
}

.header-kampus .header-menu ul li ul li.has-children>a {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-kampus .header-menu ul li ul li.has-children>a:after {
    content: "\F0DA";
    margin-left: 8px;
    font-family: var(--font-family-icon);
    font-weight: 900
}

.header-kampus .header-menu ul li ul li ul {
    top: 0;
    left: 100%
}

.header-kampus .header-menu li.has-children:hover>ul {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.header-kampus .header-menu.has-dropdown-caret ul[id]>li.has-children>a:after {
    content: "\F0D7";
    margin-left: 8px;
    font-family: var(--font-family-icon);
    font-weight: 900
}

.header-kampus .header-menu.has-dropdown-chevron ul[id]>li.has-children>a:after {
    content: "\F078";
    margin-left: 8px;
    font-family: var(--font-family-icon);
    font-weight: 900
}

.header-kampus .header-menu.has-divider-pipe ul[id]>li:not(:first-child):before {
    content: "";
    position: absolute;
    top: calc(50% - 15px);
    left: 0;
    width: 1px;
    height: 30px;
    background-color: var(--border-color-dark)
}

.header-kampus .header-menu.has-divider-dot ul[id]>li:not(:first-child):before {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--border-color-dark)
}

.header-kampus .header-search-btn {
    display: none;
    color: var(--primary);
    font-size: 22px
}

@media (max-width: 767px) {
    .header-kampus .header-search-btn {
        display: block;
        margin-top: 0px;
    }
}

.header-kampus .header-search-btn.active,
.header-kampus .header-search-btn:hover {
    color: var(--secondary)
}

.header-kampus .header-search {
    z-index: 400;
    display: none;
    position: fixed;
    /* top: var(--header-height); */
    left: 0;
    width: 100%;
    height: 100%
}

.header-kampus .header-search-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.header-kampus .header-search-close-btn {
    position: fixed;
    top: 15px;
    right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--dark);
    border-radius: 50%;
    background-color: var(--white);
}

.header-kampus .header-search-close-btn:hover {
    color: var(--white);
    background-color: var(--secondary);
}

.header-kampus .header-search-wrap {
    position: absolute;
    top: var(--header-height);
    left: 50%;
    width: 100%;
    max-width: 600px;
    padding: 0 15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.header-kampus .header-search-form {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    border-radius: 6px;
    background-color: var(--white);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1)
}

.header-kampus .header-search-form ::-webkit-input-placeholder {
    opacity: 1;
    letter-spacing: .5px;
    color: var(--gray-5);
    font-weight: var(--font-weight-bold)
}

.header-kampus .header-search-form ::-moz-placeholder {
    opacity: 1;
    letter-spacing: .5px;
    color: var(--gray-5);
    font-weight: var(--font-weight-bold)
}

.header-kampus .header-search-form :-ms-input-placeholder,
.header-kampus .header-search-form ::-ms-input-placeholder {
    opacity: 1;
    letter-spacing: .5px;
    color: var(--gray-5);
    font-weight: var(--font-weight-bold)
}

.header-kampus .header-search-form ::placeholder {
    opacity: 1;
    letter-spacing: .5px;
    color: var(--gray-5);
    font-weight: var(--font-weight-bold)
}

.header-kampus .header-search-form input {
    flex: 1 1 auto;
    height: var(--form-input-height);
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent
}

.header-kampus .header-search-form button {
    flex: 0 0 auto;
    height: var(--form-input-height);
    color: var(--text-color)
}

.header-kampus .header-search-form button:hover {
    color: var(--primary)
}

.header-kampus .header-burger {
    display: none;
    margin-left: 15px
}

@media (max-width: 1365px) {
    .header-kampus .header-burger {
        display: block !important;
        /* width: 100px; */
        display: flex;
    }
}

@media (max-width: 767px) {
    .header-kampus .burger-lines,
    .header-kampus .burger-slashes {
        /* display:none; */
    }
    .header-kampus .burger-text {
        /* margin-left: 0; */
        /* font-size: 0; */
    }
}

.header-kampus .header-btns {
    display: flex;
    align-items: center;
    margin-left: 20px
}

.header-kampus .header-btns .fa-solid {
    margin-right: 5px
}

@media (max-width: 767px) {
    .header-kampus .header-btns {
        display: none
    }
}

.header-kampus .header-btns .btn {
    margin-bottom: 0
}

.header-kampus .header-utility-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0px;
    /* background-color: #0B6458; */
}

@media (max-width: 1439px) {
    .header-kampus .header-utility-bar {
        padding: 0 0 0 0px;
    }
}

@media (max-width: 767px) {
    .header-kampus .header-utility-bar {
        display: none
    }
}

.header-kampus .header-utility-bar-left {
    flex: 0 1 auto
}

.header-kampus .header-utility-bar-right {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    background-color: #77736D;
    height: 40px;
    padding-right: 80px;
}

.header-kampus .header-utility-bar-menu ul,
.header-kampus .header-utility-bar-msg {
    display: flex;
    align-items: center
}

.header-kampus .header-utility-bar-msg>i {
    margin-right: 10px;
    color: var(--white);
    font-size: 16px
}

.header-kampus .header-utility-bar-msg>a {
    max-width: 767px;
    color: var(--white);
    font-size: 14px;
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

.header-kampus .google-translate:hover,
.header-kampus .header-utility-bar-menu ul li a:hover,
.header-kampus .header-utility-bar-msg>a:hover {
    -webkit-text-decoration-color: var(--white);
    text-decoration-color: var(--white)
}

.header-kampus .header-utility-bar-menu {
    margin-left: 30px
}

@media (max-width: 1396px) {
    .header-kampus .header-utility-bar-right {
        padding-right: 30px;
    }
}

@media (max-width: 1365px) {
    .header-kampus .header-utility-bar-menu {
        display: none
    }
    .header-kampus .header-utility-bar-right {
        padding-right: 30px;
    }
}

.header-kampus .header-utility-bar-menu ul li {
    margin-right: 30px
}

.header-kampus .header-utility-bar-menu ul li:last-child {
    margin-right: 0
}

.header-kampus .google-translate,
.header-kampus .header-utility-bar-menu ul li a {
    color: var(--white);
    font-size: 14px;
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent
}

.header-kampus .header-utility-bar-menu ul li ul {
    display: none
}

.header-kampus .google-translate {
    margin-left: 30px;
    transition: var(--transition-200)
}

.header-kampus .header-utility-bar-search-btn {
    margin-left: 30px;
    color: var(--white);
    font-size: 14px;
}

.header-kampus .header-utility-bar-search-btn.active,
.header-kampus .header-utility-bar-search-btn:hover,
.header-kampus .header-utility-bar-sns a:hover {
    color: var(--gray-4)
}

.header-kampus .header-utility-bar-sns {
    margin-left: 20px
}

.header-kampus .header-utility-bar-sns a {
    color: #77736D;
}

.header-kampus .header-alert-msg {
    position: relative;
    /* display: none; */
}

.header-kampus .header-alert-msg.is-bottom .alert,
.header-kampus .header-alert-msg.is-top .alert {
    margin-bottom: 0;
    border-radius: 0
}

.header-kampus .header-alert-msg.is-float-left,
.header-kampus .header-alert-msg.is-float-right {
    position: absolute;
    top: 100%;
    padding: 15px
}

.header-kampus .header-alert-msg.is-float-left .alert,
.header-kampus .header-alert-msg.is-float-right .alert {
    margin-bottom: 0;
    width: 350px;
}

.header-kampus .header-alert-msg.is-float-left {
    left: 0
}

.header-kampus .header-alert-msg.is-float-right {
    right: 0;
    bottom: -470% !important;
    top: unset;
}

.header-kampus.is-sticky {
    height: var(--header-height);
}

.header-kampus.is-sticky .header-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.header-kampus .header-utility-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0px;
    /* background-color: #0B6458; */
    position: relative;
}


/*
.header-kampus .header-utility-bar::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20%;
  right: 20%;
  height: 1px;
  background-image: linear-gradient(to right, transparent, transparent, #888);
  width: 53%; 
}
*/

@media (max-width: 1370px) {
    .header-kampus .header-utility-bar::after {
        width: 60%;
    }
}

@media (max-width: 968px) {
    .header-kampus .header-utility-bar {
        display: none;
    }
}

html.translated-ltr .header-kampus.is-sticky .header-wrap,
html.translated-rtl .header-kampus.is-sticky .header-wrap {
    position: relative;
    top: auto;
    left: auto;
    width: auto
}

.liveEdBlock .header-kampus .header-burger {
    display: block
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Footer One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/

.footerOne {
    font-size: 14px;
    z-index: 18;
    position: relative;
}

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

.footerOne a:hover,
.footerOne button:hover {
    color: var(--primary)
}

.footerOne ul {
    padding-left: 0
}

.footerOne ul,
.footerOne ul ol,
.footerOne ul ol ol,
.footerOne ul ol ul,
.footerOne ul ul,
.footerOne ul ul ol,
.footerOne ul ul ul {
    list-style-type: none
}

.footerOne ul li {
    margin: 0 0 5px
}

.footerOne .footerMain {
    padding: 80px 0 55px
}

@media (max-width: 575px) {
    .footerOne .footerMain {
        padding: 60px 0 35px
    }
}

.footerOne .footerMain dl,
.footerOne .footerMain h1,
.footerOne .footerMain h2,
.footerOne .footerMain h3,
.footerOne .footerMain h4,
.footerOne .footerMain h5,
.footerOne .footerMain h6,
.footerOne .footerMain ol,
.footerOne .footerMain p,
.footerOne .footerMain ul {
    margin-bottom: 20px
}

.footerOne .footerTop {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--border-color-dark)
}

.footerOne .footerLogo {
    flex: 0 0 auto;
    margin-bottom: 30px
}

@media (max-width: 575px) {
    .footerOne .footerLogo {
        width: 100%
    }
}

.footerOne .footerSns {
    flex: 0 0 auto;
    margin-bottom: 30px
}

@media (max-width: 575px) {
    .footerOne .footerSns {
        width: 100%
    }
}

.footerOne .footerCol {
    margin-bottom: 10px
}

@media (max-width: 575px) {
    .footerOne .footerCol,
    .footerOne .logo,
    .footerOne .sns-link {
        text-align: center;
        margin-bottom: 50px;
    }
}

.footerOne .logo img {
    width: 210px;
    height: auto
}

.footerOne .footerCopyright {
    padding: 15px 0
}


/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Footer One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/