@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
 |
 |
 |-----------------------------------------------------------------------------------------
*/