@charset "UTF-8";
/*!
 |-----------------------------------------------------------------------------------------------------------
 |
 |
 |
 | Skin CSS
 |
 |
 |
 |-----------------------------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Normalization - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
html {
    height: 100%;
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

body {
    margin: 0;
    height: 100%;
    letter-spacing: 0;
    color: var(--text-color);
    font-size: var(--font-size);
    font-family: var(--font-family-serif);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height);
    background-color: var(--light);
}

a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
    margin: 0;
}

pre,
code,
kbd,
samp {
    font-family: var(--font-family-monospace);
}

abbr {
    cursor: help;
}

a {
    cursor: pointer;
    color: var(--link-color);
    -webkit-text-decoration: var(--link-decoration);
    text-decoration: var(--link-decoration);
    transition: var(--transition-200);
}
a p {
    color: var(--text-color);
}
a:hover {
    color: var(--link-color-hover);
    -webkit-text-decoration: var(--link-decoration-hover);
    text-decoration: var(--link-decoration-hover);
}

small {
    font-size: 80%;
}

img,
svg {
    vertical-align: middle;
    border-style: none;
}

button {
    cursor: pointer;
    overflow: visible;
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: center;
    text-transform: none;
    vertical-align: middle;
    outline: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: button;
    background-clip: padding-box;
    background-color: transparent;
    transition: var(--transition-200);
}
button:focus,
button.focus {
    outline: 0;
    box-shadow: none;
}
button.disabled,
button:disabled {
    cursor: not-allowed;
    opacity: 0.65;
    box-shadow: none;
}
button::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

ul,
ol {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption,
td,
th {
    text-align: left;
    font-weight: var(--font-weight-normal);
}

td {
    vertical-align: top;
}

input,
button,
select,
optgroup,
textarea {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
}
input.disabled,
input:disabled,
button.disabled,
button:disabled,
select.disabled,
select:disabled,
optgroup.disabled,
optgroup:disabled,
textarea.disabled,
textarea:disabled {
    cursor: not-allowed;
}

hr {
    height: 0;
    overflow: visible;
    box-sizing: content-box;
    margin: 30px 0;
    border: 0;
    border-top: 1px solid var(--third);
}

:focus {
    outline: 0;
}

.blockContents *,
.blockContents *::before,
.blockContents *::after,
.content-style *,
.content-style *::before,
.content-style *::after {
    box-sizing: border-box;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Normalization - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | 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;
    color: var(--heading-color);
    line-height: var(--heading-line-height);
    font-weight: var(--heading-font-weight);
    font-family: var(--heading-font-family);
    text-transform: var(--heading-text-transform);
}
.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-6);
}
.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: 15px;
    font-size: 0.6em;
    color: var(--heading-color);
    font-weight: var(--font-weight-normal);
}
.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(--h3-color);
    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(--h4-color);
    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 p {
    margin-top: 0;
    margin-bottom: 30px;
}
.content-style .mwPageBlock.Embed .Container p {
    margin-top: 0;
    margin-bottom: 30px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Paragraph - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Blockquote - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.content-style blockquote p {
    line-height: 1.25;
    font-style: italic;
    color: var(--secondary);
    font-size: var(--h4-font-size);
}
@media (max-width: 991px) {
    .content-style blockquote p {
        font-size: var(--h4-font-size-mobile);
    }
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Blockquote - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Link - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
#mainArea .mwPageBlock.Content a {
    text-decoration: underline;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Link - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Image - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.content-style img.fullWidth {
    width: 100%;
    max-width: none;
    height: auto;
}
.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 ul,
.content-style ol {
    padding-left: var(--list-padding-left);
    margin: 0 0 30px;
}
.content-style ul li,
.content-style ol li {
    margin-top: var(--list-item-margin-top);
    margin-bottom: var(--list-item-margin-bottom);
}
.content-style ul li ul,
.content-style ul li ol,
.content-style ol li ul,
.content-style ol li ol {
    margin-top: var(--nested-list-margin-top);
    margin-bottom: var(--nested-list-margin-bottom);
}
.content-style ul li ul li,
.content-style ul li ol li,
.content-style ol li ul li,
.content-style ol li ol li {
    margin-top: var(--nested-list-item-margin-top);
    margin-bottom: var(--nested-list-item-margin-bottom);
}
.content-style ul {
    list-style-type: disc;
}
.content-style ol {
    list-style-type: decimal;
}
.content-style ul ul,
.content-style ul ol,
.content-style ol ul,
.content-style ol ol {
    list-style-type: circle;
}
.content-style ul ul ul,
.content-style ul ul ol,
.content-style ul ol ul,
.content-style ul ol ol,
.content-style ol ul ul,
.content-style ol ul ol,
.content-style ol ol ul,
.content-style ol ol ol {
    list-style-type: square;
}
.content-style dl {
    margin: 0 0 30px;
}
.content-style dl dt {
    margin-top: var(--list-item-margin-top);
}
.content-style dl dd {
    margin-bottom: var(--list-item-margin-bottom);
    margin-left: 40px;
}

.content-style ul._list-unstyled,
.content-style ol._list-unstyled {
    list-style-type: none;
    padding-left: 0;
}
.content-style ul._list-unstyled ul,
.content-style ul._list-unstyled ol,
.content-style ol._list-unstyled ul,
.content-style ol._list-unstyled ol {
    list-style-type: none;
}
.content-style ul._list-unstyled ul ul,
.content-style ul._list-unstyled ul ol,
.content-style ul._list-unstyled ol ul,
.content-style ul._list-unstyled ol ol,
.content-style ol._list-unstyled ul ul,
.content-style ol._list-unstyled ul ol,
.content-style ol._list-unstyled ol ul,
.content-style ol._list-unstyled ol ol {
    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) th,
.content-style table:not(.Dialog) td {
    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.tableSmall {
    font-size: var(--font-size-sm);
}
.content-style table.tableSmall:not(.Dialog) th,
.content-style table.tableSmall:not(.Dialog) td {
    padding: 10px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Table - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Background - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.content-style._bg-primary,
.content-style ._bg-primary {
    color: var(--light);
    background-color: var(--primary);
}
.content-style._bg-primary h1,
.content-style._bg-primary h2,
.content-style._bg-primary h3,
.content-style._bg-primary h4,
.content-style._bg-primary h5,
.content-style._bg-primary h6,
.content-style ._bg-primary h1,
.content-style ._bg-primary h2,
.content-style ._bg-primary h3,
.content-style ._bg-primary h4,
.content-style ._bg-primary h5,
.content-style ._bg-primary h6 {
    color: var(--light);
}
.content-style._bg-primary a:not(.small):not(.medium):not(.large):not(.huge),
.content-style ._bg-primary a:not(.small):not(.medium):not(.large):not(.huge) {
    color: var(--light);
}
.content-style._bg-primary
    a:not(.small):not(.medium):not(.large):not(.huge):hover,
.content-style
    ._bg-primary
    a:not(.small):not(.medium):not(.large):not(.huge):hover {
    color: var(--primary-7);
}
.content-style._bg-primary blockquote,
.content-style ._bg-primary blockquote {
    border-left: 5px solid var(--primary-6);
}
.content-style._bg-primary .sidebarBorder .sidebarSide,
.content-style ._bg-primary .sidebarBorder .sidebarSide {
    border-color: var(--border-color-light);
}
.content-style._bg-primary hr,
.content-style ._bg-primary hr {
    border-top-color: var(--border-color-light);
}
.content-style._bg-primary .Spacer .mwSpacer .mwDivider,
.content-style ._bg-primary .Spacer .mwSpacer .mwDivider {
    background-color: var(--border-color-light);
}
.content-style._bg-primary .mwInput,
.content-style ._bg-primary .mwInput {
    border-color: var(--light);
}
.content-style._bg-primary .mwInput.file .subcontrol.upload,
.content-style._bg-primary .mwInput.select .subcontrol.dropdown,
.content-style ._bg-primary .mwInput.file .subcontrol.upload,
.content-style ._bg-primary .mwInput.select .subcontrol.dropdown {
    background-color: var(--primary-5);
}
.content-style._bg-primary .mwInput.checkbox .icon:before,
.content-style ._bg-primary .mwInput.checkbox .icon:before {
    border-color: var(--light);
}
.content-style._bg-primary .mwInput.button,
.content-style ._bg-primary .mwInput.button {
    border-color: var(--primary-5);
    background-color: var(--primary-5);
}
.content-style._bg-primary .mwInput.button input,
.content-style ._bg-primary .mwInput.button input {
    color: var(--light);
}
.content-style._bg-primary .mwInput.button:hover,
.content-style ._bg-primary .mwInput.button:hover {
    border-color: var(--primary-7);
    background-color: var(--primary-7);
}
.content-style._bg-primary .mwInput .icon,
.content-style ._bg-primary .mwInput .icon {
    color: var(--light);
}
.content-style._bg-primary .Menu ul li a,
.content-style ._bg-primary .Menu ul li a {
    color: var(--light);
}
.content-style._bg-primary .Menu ul li a:hover,
.content-style ._bg-primary .Menu ul li a:hover {
    color: var(--primary-7);
}
.content-style._bg-primary .snsLink a,
.content-style ._bg-primary .snsLink a {
    color: var(--light);
}
.content-style._bg-primary .snsLink a:hover,
.content-style ._bg-primary .snsLink a:hover {
    color: var(--primary-6);
}
.content-style._bg-primary .snsLinkCircle a,
.content-style._bg-primary .snsLinkCircle button,
.content-style._bg-primary .snsLinkSquare a,
.content-style._bg-primary .snsLinkSquare button,
.content-style ._bg-primary .snsLinkCircle a,
.content-style ._bg-primary .snsLinkCircle button,
.content-style ._bg-primary .snsLinkSquare a,
.content-style ._bg-primary .snsLinkSquare button {
    color: var(--light);
    background-color: var(--primary-5);
}
.content-style._bg-primary .snsLinkCircle a:hover,
.content-style._bg-primary .snsLinkCircle button:hover,
.content-style._bg-primary .snsLinkSquare a:hover,
.content-style._bg-primary .snsLinkSquare button:hover,
.content-style ._bg-primary .snsLinkCircle a:hover,
.content-style ._bg-primary .snsLinkCircle button:hover,
.content-style ._bg-primary .snsLinkSquare a:hover,
.content-style ._bg-primary .snsLinkSquare button:hover {
    color: var(--light);
    background-color: var(--primary-6);
}

.content-style._bg-secondary,
.content-style ._bg-secondary {
    color: var(--light);
    background-color: var(--secondary);
}
.content-style._bg-secondary h1,
.content-style._bg-secondary h2,
.content-style._bg-secondary h3,
.content-style._bg-secondary h4,
.content-style._bg-secondary h5,
.content-style._bg-secondary h6,
.content-style ._bg-secondary h1,
.content-style ._bg-secondary h2,
.content-style ._bg-secondary h3,
.content-style ._bg-secondary h4,
.content-style ._bg-secondary h5,
.content-style ._bg-secondary h6 {
    color: var(--light);
}
.content-style._bg-secondary a:not(.small):not(.medium):not(.large):not(.huge),
.content-style
    ._bg-secondary
    a:not(.small):not(.medium):not(.large):not(.huge) {
    color: var(--light);
}
.content-style._bg-secondary
    a:not(.small):not(.medium):not(.large):not(.huge):hover,
.content-style
    ._bg-secondary
    a:not(.small):not(.medium):not(.large):not(.huge):hover {
    color: var(--secondary-7);
}
.content-style._bg-secondary blockquote,
.content-style ._bg-secondary blockquote {
    border-left: 5px solid var(--secondary-6);
}
.content-style._bg-secondary .sidebarBorder .sidebarSide,
.content-style ._bg-secondary .sidebarBorder .sidebarSide {
    border-color: var(--border-color-light);
}
.content-style._bg-secondary hr,
.content-style ._bg-secondary hr {
    border-top-color: var(--border-color-light);
}
.content-style._bg-secondary .Spacer .mwSpacer .mwDivider,
.content-style ._bg-secondary .Spacer .mwSpacer .mwDivider {
    background-color: var(--border-color-light);
}
.content-style._bg-secondary .mwInput,
.content-style ._bg-secondary .mwInput {
    border-color: var(--light);
}
.content-style._bg-secondary .mwInput.file .subcontrol.upload,
.content-style._bg-secondary .mwInput.select .subcontrol.dropdown,
.content-style ._bg-secondary .mwInput.file .subcontrol.upload,
.content-style ._bg-secondary .mwInput.select .subcontrol.dropdown {
    background-color: var(--secondary-5);
}
.content-style._bg-secondary .mwInput.checkbox .icon:before,
.content-style ._bg-secondary .mwInput.checkbox .icon:before {
    border-color: var(--light);
}
.content-style._bg-secondary .mwInput.button,
.content-style ._bg-secondary .mwInput.button {
    border-color: var(--secondary-5);
    background-color: var(--secondary-5);
}
.content-style._bg-secondary .mwInput.button input,
.content-style ._bg-secondary .mwInput.button input {
    color: var(--light);
}
.content-style._bg-secondary .mwInput.button:hover,
.content-style ._bg-secondary .mwInput.button:hover {
    border-color: var(--secondary-7);
    background-color: var(--secondary-7);
}
.content-style._bg-secondary .mwInput .icon,
.content-style ._bg-secondary .mwInput .icon {
    color: var(--light);
}
.content-style._bg-secondary .Menu ul li a,
.content-style ._bg-secondary .Menu ul li a {
    color: var(--light);
}
.content-style._bg-secondary .Menu ul li a:hover,
.content-style ._bg-secondary .Menu ul li a:hover {
    color: var(--secondary-7);
}
.content-style._bg-secondary .snsLink a,
.content-style ._bg-secondary .snsLink a {
    color: var(--light);
}
.content-style._bg-secondary .snsLink a:hover,
.content-style ._bg-secondary .snsLink a:hover {
    color: var(--secondary-7);
}
.content-style._bg-secondary .snsLinkCircle a,
.content-style._bg-secondary .snsLinkCircle button,
.content-style._bg-secondary .snsLinkSquare a,
.content-style._bg-secondary .snsLinkSquare button,
.content-style ._bg-secondary .snsLinkCircle a,
.content-style ._bg-secondary .snsLinkCircle button,
.content-style ._bg-secondary .snsLinkSquare a,
.content-style ._bg-secondary .snsLinkSquare button {
    color: var(--light);
    background-color: var(--secondary-5);
}
.content-style._bg-secondary .snsLinkCircle a:hover,
.content-style._bg-secondary .snsLinkCircle button:hover,
.content-style._bg-secondary .snsLinkSquare a:hover,
.content-style._bg-secondary .snsLinkSquare button:hover,
.content-style ._bg-secondary .snsLinkCircle a:hover,
.content-style ._bg-secondary .snsLinkCircle button:hover,
.content-style ._bg-secondary .snsLinkSquare a:hover,
.content-style ._bg-secondary .snsLinkSquare button:hover {
    color: var(--light);
    background-color: var(--secondary-6);
}

.content-style._bg-third,
.content-style ._bg-third {
    color: var(--light);
    background-color: var(--third);
}
.content-style._bg-third h1,
.content-style._bg-third h2,
.content-style._bg-third h3,
.content-style._bg-third h4,
.content-style._bg-third h5,
.content-style._bg-third h6,
.content-style ._bg-third h1,
.content-style ._bg-third h2,
.content-style ._bg-third h3,
.content-style ._bg-third h4,
.content-style ._bg-third h5,
.content-style ._bg-third h6 {
    color: var(--light);
}
.content-style._bg-third a:not(.small):not(.medium):not(.large):not(.huge),
.content-style ._bg-third a:not(.small):not(.medium):not(.large):not(.huge) {
    color: var(--light);
}
.content-style._bg-third
    a:not(.small):not(.medium):not(.large):not(.huge):hover,
.content-style
    ._bg-third
    a:not(.small):not(.medium):not(.large):not(.huge):hover {
    color: var(--third-7);
}
.content-style._bg-third blockquote,
.content-style ._bg-third blockquote {
    border-left: 5px solid var(--third-6);
}
.content-style._bg-third .sidebarBorder .sidebarSide,
.content-style ._bg-third .sidebarBorder .sidebarSide {
    border-color: var(--border-color-light);
}
.content-style._bg-third hr,
.content-style ._bg-third hr {
    border-top-color: var(--border-color-light);
}
.content-style._bg-third .Spacer .mwSpacer .mwDivider,
.content-style ._bg-third .Spacer .mwSpacer .mwDivider {
    background-color: var(--border-color-light);
}
.content-style._bg-third .mwInput,
.content-style ._bg-third .mwInput {
    border-color: var(--light);
}
.content-style._bg-third .mwInput.file .subcontrol.upload,
.content-style._bg-third .mwInput.select .subcontrol.dropdown,
.content-style ._bg-third .mwInput.file .subcontrol.upload,
.content-style ._bg-third .mwInput.select .subcontrol.dropdown {
    background-color: var(--third-5);
}
.content-style._bg-third .mwInput.checkbox .icon:before,
.content-style ._bg-third .mwInput.checkbox .icon:before {
    border-color: var(--light);
}
.content-style._bg-third .mwInput.button,
.content-style ._bg-third .mwInput.button {
    border-color: var(--third-5);
    background-color: var(--third-5);
}
.content-style._bg-third .mwInput.button input,
.content-style ._bg-third .mwInput.button input {
    color: var(--light);
}
.content-style._bg-third .mwInput.button:hover,
.content-style ._bg-third .mwInput.button:hover {
    border-color: var(--third-7);
    background-color: var(--third-7);
}
.content-style._bg-third .mwInput .icon,
.content-style ._bg-third .mwInput .icon {
    color: var(--light);
}
.content-style._bg-third .Menu ul li a,
.content-style ._bg-third .Menu ul li a {
    color: var(--light);
}
.content-style._bg-third .Menu ul li a:hover,
.content-style ._bg-third .Menu ul li a:hover {
    color: var(--third-7);
}
.content-style._bg-third .snsLink a,
.content-style ._bg-third .snsLink a {
    color: var(--light);
}
.content-style._bg-third .snsLink a:hover,
.content-style ._bg-third .snsLink a:hover {
    color: var(--third-6);
}
.content-style._bg-third .snsLinkCircle a,
.content-style._bg-third .snsLinkCircle button,
.content-style._bg-third .snsLinkSquare a,
.content-style._bg-third .snsLinkSquare button,
.content-style ._bg-third .snsLinkCircle a,
.content-style ._bg-third .snsLinkCircle button,
.content-style ._bg-third .snsLinkSquare a,
.content-style ._bg-third .snsLinkSquare button {
    color: var(--light);
    background-color: var(--third-5);
}
.content-style._bg-third .snsLinkCircle a:hover,
.content-style._bg-third .snsLinkCircle button:hover,
.content-style._bg-third .snsLinkSquare a:hover,
.content-style._bg-third .snsLinkSquare button:hover,
.content-style ._bg-third .snsLinkCircle a:hover,
.content-style ._bg-third .snsLinkCircle button:hover,
.content-style ._bg-third .snsLinkSquare a:hover,
.content-style ._bg-third .snsLinkSquare button:hover {
    color: var(--light);
    background-color: var(--third-6);
}

.content-style._bg-fourth,
.content-style ._bg-fourth {
    color: var(--light);
    background-color: var(--fourth);
}
.content-style._bg-fourth h1,
.content-style._bg-fourth h2,
.content-style._bg-fourth h3,
.content-style._bg-fourth h4,
.content-style._bg-fourth h5,
.content-style._bg-fourth h6,
.content-style ._bg-fourth h1,
.content-style ._bg-fourth h2,
.content-style ._bg-fourth h3,
.content-style ._bg-fourth h4,
.content-style ._bg-fourth h5,
.content-style ._bg-fourth h6 {
    color: var(--light);
}
.content-style._bg-fourth a:not(.small):not(.medium):not(.large):not(.huge),
.content-style ._bg-fourth a:not(.small):not(.medium):not(.large):not(.huge) {
    color: var(--light);
}
.content-style._bg-fourth
    a:not(.small):not(.medium):not(.large):not(.huge):hover,
.content-style
    ._bg-fourth
    a:not(.small):not(.medium):not(.large):not(.huge):hover {
    color: var(--fourth-7);
}
.content-style._bg-fourth blockquote,
.content-style ._bg-fourth blockquote {
    border-left: 5px solid var(--fourth-6);
}
.content-style._bg-fourth .sidebarBorder .sidebarSide,
.content-style ._bg-fourth .sidebarBorder .sidebarSide {
    border-color: var(--border-color-light);
}
.content-style._bg-fourth hr,
.content-style ._bg-fourth hr {
    border-top-color: var(--border-color-light);
}
.content-style._bg-fourth .Spacer .mwSpacer .mwDivider,
.content-style ._bg-fourth .Spacer .mwSpacer .mwDivider {
    background-color: var(--border-color-light);
}
.content-style._bg-fourth .mwInput,
.content-style ._bg-fourth .mwInput {
    border-color: var(--light);
}
.content-style._bg-fourth .mwInput.file .subcontrol.upload,
.content-style._bg-fourth .mwInput.select .subcontrol.dropdown,
.content-style ._bg-fourth .mwInput.file .subcontrol.upload,
.content-style ._bg-fourth .mwInput.select .subcontrol.dropdown {
    background-color: var(--fourth-5);
}
.content-style._bg-fourth .mwInput.checkbox .icon:before,
.content-style ._bg-fourth .mwInput.checkbox .icon:before {
    border-color: var(--light);
}
.content-style._bg-fourth .mwInput.button,
.content-style ._bg-fourth .mwInput.button {
    border-color: var(--fourth-5);
    background-color: var(--fourth-5);
}
.content-style._bg-fourth .mwInput.button input,
.content-style ._bg-fourth .mwInput.button input {
    color: var(--light);
}
.content-style._bg-fourth .mwInput.button:hover,
.content-style ._bg-fourth .mwInput.button:hover {
    border-color: var(--fourth-7);
    background-color: var(--fourth-7);
}
.content-style._bg-fourth .mwInput .icon,
.content-style ._bg-fourth .mwInput .icon {
    color: var(--light);
}
.content-style._bg-fourth .Menu ul li a,
.content-style ._bg-fourth .Menu ul li a {
    color: var(--light);
}
.content-style._bg-fourth .Menu ul li a:hover,
.content-style ._bg-fourth .Menu ul li a:hover {
    color: var(--fourth-7);
}
.content-style._bg-fourth .snsLink a,
.content-style ._bg-fourth .snsLink a {
    color: var(--light);
}
.content-style._bg-fourth .snsLink a:hover,
.content-style ._bg-fourth .snsLink a:hover {
    color: var(--fourth-6);
}
.content-style._bg-fourth .snsLinkCircle a,
.content-style._bg-fourth .snsLinkCircle button,
.content-style._bg-fourth .snsLinkSquare a,
.content-style._bg-fourth .snsLinkSquare button,
.content-style ._bg-fourth .snsLinkCircle a,
.content-style ._bg-fourth .snsLinkCircle button,
.content-style ._bg-fourth .snsLinkSquare a,
.content-style ._bg-fourth .snsLinkSquare button {
    color: var(--light);
    background-color: var(--fourth-5);
}
.content-style._bg-fourth .snsLinkCircle a:hover,
.content-style._bg-fourth .snsLinkCircle button:hover,
.content-style._bg-fourth .snsLinkSquare a:hover,
.content-style._bg-fourth .snsLinkSquare button:hover,
.content-style ._bg-fourth .snsLinkCircle a:hover,
.content-style ._bg-fourth .snsLinkCircle button:hover,
.content-style ._bg-fourth .snsLinkSquare a:hover,
.content-style ._bg-fourth .snsLinkSquare button:hover {
    color: var(--light);
    background-color: var(--fourth-6);
}

.content-style._bg-white,
.content-style ._bg-white {
    background-color: var(--white);
}

.content-style._bg-light,
.content-style ._bg-light {
    background-color: var(--light);
}

.content-style._bg-dark,
.content-style ._bg-dark {
    color: var(--light);
    background-color: var(--dark);
}
.content-style._bg-dark h1,
.content-style._bg-dark h2,
.content-style._bg-dark h3,
.content-style._bg-dark h4,
.content-style._bg-dark h5,
.content-style._bg-dark h6,
.content-style ._bg-dark h1,
.content-style ._bg-dark h2,
.content-style ._bg-dark h3,
.content-style ._bg-dark h4,
.content-style ._bg-dark h5,
.content-style ._bg-dark h6 {
    color: var(--light);
}
.content-style._bg-dark a:not(.small):not(.medium):not(.large):not(.huge),
.content-style ._bg-dark a:not(.small):not(.medium):not(.large):not(.huge) {
    color: var(--light);
}
.content-style._bg-dark a:not(.small):not(.medium):not(.large):not(.huge):hover,
.content-style
    ._bg-dark
    a:not(.small):not(.medium):not(.large):not(.huge):hover {
    color: var(--primary);
}
.content-style._bg-dark blockquote,
.content-style ._bg-dark blockquote {
    background-color: rgba(255, 255, 255, 0.3);
}
.content-style._bg-dark table:not(.Dialog) th,
.content-style._bg-dark table:not(.Dialog) td,
.content-style ._bg-dark table:not(.Dialog) th,
.content-style ._bg-dark table:not(.Dialog) td {
    border-top: 1px solid var(--border-color-light);
}
.content-style._bg-dark table:not(.Dialog) tbody tr:nth-of-type(odd),
.content-style ._bg-dark table:not(.Dialog) tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.3);
}
.content-style._bg-dark .sidebarBorder .sidebarSide,
.content-style ._bg-dark .sidebarBorder .sidebarSide {
    border-color: var(--border-color-light);
}
.content-style._bg-dark hr,
.content-style ._bg-dark hr {
    border-top-color: var(--border-color-light);
}
.content-style._bg-dark .Spacer .mwSpacer .mwDivider,
.content-style ._bg-dark .Spacer .mwSpacer .mwDivider {
    background-color: var(--border-color-light);
}
.content-style._bg-dark .mwInput,
.content-style ._bg-dark .mwInput {
    border-color: var(--light);
}
.content-style._bg-dark .mwInput.file .subcontrol.upload,
.content-style._bg-dark .mwInput.select .subcontrol.dropdown,
.content-style ._bg-dark .mwInput.file .subcontrol.upload,
.content-style ._bg-dark .mwInput.select .subcontrol.dropdown {
    background-color: var(--primary);
}
.content-style._bg-dark .mwInput.checkbox .icon:before,
.content-style ._bg-dark .mwInput.checkbox .icon:before {
    border-color: var(--light);
}
.content-style._bg-dark .mwInput.button,
.content-style ._bg-dark .mwInput.button {
    border-color: var(--primary);
    background-color: var(--primary);
}
.content-style._bg-dark .mwInput.button input,
.content-style ._bg-dark .mwInput.button input {
    color: var(--light);
}
.content-style._bg-dark .mwInput.button:hover,
.content-style ._bg-dark .mwInput.button:hover {
    border-color: var(--primary);
    background-color: var(--primary);
}
.content-style._bg-dark .mwInput .icon,
.content-style ._bg-dark .mwInput .icon {
    color: var(--light);
}
.content-style._bg-dark .Menu ul li a,
.content-style ._bg-dark .Menu ul li a {
    color: var(--light);
}
.content-style._bg-dark .Menu ul li a:hover,
.content-style ._bg-dark .Menu ul li a:hover {
    color: var(--primary);
}

.content-style._bg-branches,
.content-style ._bg-branches {
    background-size: 410px;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-image: url("../images/bg-branches.png");
}
.content-style._bg-image-01,
.content-style ._bg-image-01 {
    background-image: url("../images/bg-01.jpg");
}
.content-style._bg-image-02,
.content-style ._bg-image-02 {
    background-image: url("../images/bg-02.jpg");
}
.content-style._bg-image-03,
.content-style ._bg-image-03 {
    background-image: url("../images/bg-03.jpg");
}
.content-style._bg-image-04,
.content-style ._bg-image-04 {
    background-image: url("../images/bg-04.jpg");
}
.content-style._bg-image-05,
.content-style ._bg-image-05 {
    background-image: url("../images/bg-05.jpg");
}
.content-style._bg-image-05 h1,
.content-style._bg-image-05 h2,
.content-style._bg-image-05 h3,
.content-style._bg-image-05 h4,
.content-style._bg-image-05 h5,
.content-style._bg-image-05 h6,
.content-style._bg-image-05 p,
.content-style ._bg-image-05 h1,
.content-style ._bg-image-05 h2,
.content-style ._bg-image-05 h3,
.content-style ._bg-image-05 h4,
.content-style ._bg-image-05 h5,
.content-style ._bg-image-05 h6,
.content-style ._bg-image-05 p {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.content-style._bg-image-01,
.content-style ._bg-image-01,
.content-style._bg-image-02,
.content-style ._bg-image-02,
.content-style._bg-image-03,
.content-style ._bg-image-03,
.content-style._bg-image-04,
.content-style ._bg-image-04,
.content-style._bg-image-05,
.content-style ._bg-image-05 {
    color: var(--white);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.content-style._bg-image-01 h1,
.content-style._bg-image-01 h2,
.content-style._bg-image-01 h3,
.content-style._bg-image-01 h4,
.content-style._bg-image-01 h5,
.content-style._bg-image-01 h6,
.content-style ._bg-image-01 h1,
.content-style ._bg-image-01 h2,
.content-style ._bg-image-01 h3,
.content-style ._bg-image-01 h4,
.content-style ._bg-image-01 h5,
.content-style ._bg-image-01 h6,
.content-style._bg-image-02 h1,
.content-style._bg-image-02 h2,
.content-style._bg-image-02 h3,
.content-style._bg-image-02 h4,
.content-style._bg-image-02 h5,
.content-style._bg-image-02 h6,
.content-style ._bg-image-02 h1,
.content-style ._bg-image-02 h2,
.content-style ._bg-image-02 h3,
.content-style ._bg-image-02 h4,
.content-style ._bg-image-02 h5,
.content-style ._bg-image-02 h6,
.content-style._bg-image-03 h1,
.content-style._bg-image-03 h2,
.content-style._bg-image-03 h3,
.content-style._bg-image-03 h4,
.content-style._bg-image-03 h5,
.content-style._bg-image-03 h6,
.content-style ._bg-image-03 h1,
.content-style ._bg-image-03 h2,
.content-style ._bg-image-03 h3,
.content-style ._bg-image-03 h4,
.content-style ._bg-image-03 h5,
.content-style ._bg-image-03 h6,
.content-style._bg-image-04 h1,
.content-style._bg-image-04 h2,
.content-style._bg-image-04 h3,
.content-style._bg-image-04 h4,
.content-style._bg-image-04 h5,
.content-style._bg-image-04 h6,
.content-style ._bg-image-04 h1,
.content-style ._bg-image-04 h2,
.content-style ._bg-image-04 h3,
.content-style ._bg-image-04 h4,
.content-style ._bg-image-04 h5,
.content-style ._bg-image-04 h6,
.content-style._bg-image-05 h1,
.content-style._bg-image-05 h2,
.content-style._bg-image-05 h3,
.content-style._bg-image-05 h4,
.content-style._bg-image-05 h5,
.content-style._bg-image-05 h6,
.content-style ._bg-image-05 h1,
.content-style ._bg-image-05 h2,
.content-style ._bg-image-05 h3,
.content-style ._bg-image-05 h4,
.content-style ._bg-image-05 h5,
.content-style ._bg-image-05 h6 {
    color: var(--white);
}
.content-style._bg-image-01 a:not(.small):not(.medium):not(.large):not(.huge),
.content-style ._bg-image-01 a:not(.small):not(.medium):not(.large):not(.huge),
.content-style._bg-image-02 a:not(.small):not(.medium):not(.large):not(.huge),
.content-style ._bg-image-02 a:not(.small):not(.medium):not(.large):not(.huge),
.content-style._bg-image-03 a:not(.small):not(.medium):not(.large):not(.huge),
.content-style ._bg-image-03 a:not(.small):not(.medium):not(.large):not(.huge),
.content-style._bg-image-04 a:not(.small):not(.medium):not(.large):not(.huge),
.content-style ._bg-image-04 a:not(.small):not(.medium):not(.large):not(.huge),
.content-style._bg-image-05 a:not(.small):not(.medium):not(.large):not(.huge),
.content-style ._bg-image-05 a:not(.small):not(.medium):not(.large):not(.huge) {
    color: var(--white);
}
.content-style._bg-image-01
    a:not(.small):not(.medium):not(.large):not(.huge):hover,
.content-style
    ._bg-image-01
    a:not(.small):not(.medium):not(.large):not(.huge):hover,
.content-style._bg-image-02
    a:not(.small):not(.medium):not(.large):not(.huge):hover,
.content-style
    ._bg-image-02
    a:not(.small):not(.medium):not(.large):not(.huge):hover,
.content-style._bg-image-03
    a:not(.small):not(.medium):not(.large):not(.huge):hover,
.content-style
    ._bg-image-03
    a:not(.small):not(.medium):not(.large):not(.huge):hover,
.content-style._bg-image-04
    a:not(.small):not(.medium):not(.large):not(.huge):hover,
.content-style
    ._bg-image-04
    a:not(.small):not(.medium):not(.large):not(.huge):hover,
.content-style._bg-image-05
    a:not(.small):not(.medium):not(.large):not(.huge):hover,
.content-style
    ._bg-image-05
    a:not(.small):not(.medium):not(.large):not(.huge):hover {
    color: var(--primary-7);
}
.content-style._bg-image-01 blockquote,
.content-style ._bg-image-01 blockquote,
.content-style._bg-image-02 blockquote,
.content-style ._bg-image-02 blockquote,
.content-style._bg-image-03 blockquote,
.content-style ._bg-image-03 blockquote,
.content-style._bg-image-04 blockquote,
.content-style ._bg-image-04 blockquote,
.content-style._bg-image-05 blockquote,
.content-style ._bg-image-05 blockquote {
    border-left: 5px solid var(--primary-6);
}
.content-style._bg-image-01 .sidebarBorder .sidebarSide,
.content-style ._bg-image-01 .sidebarBorder .sidebarSide,
.content-style._bg-image-02 .sidebarBorder .sidebarSide,
.content-style ._bg-image-02 .sidebarBorder .sidebarSide,
.content-style._bg-image-03 .sidebarBorder .sidebarSide,
.content-style ._bg-image-03 .sidebarBorder .sidebarSide,
.content-style._bg-image-04 .sidebarBorder .sidebarSide,
.content-style ._bg-image-04 .sidebarBorder .sidebarSide,
.content-style._bg-image-05 .sidebarBorder .sidebarSide,
.content-style ._bg-image-05 .sidebarBorder .sidebarSide {
    border-color: var(--border-color-light);
}
.content-style._bg-image-01 hr,
.content-style ._bg-image-01 hr,
.content-style._bg-image-02 hr,
.content-style ._bg-image-02 hr,
.content-style._bg-image-03 hr,
.content-style ._bg-image-03 hr,
.content-style._bg-image-04 hr,
.content-style ._bg-image-04 hr,
.content-style._bg-image-05 hr,
.content-style ._bg-image-05 hr {
    border-top-color: var(--border-color-light);
}
.content-style._bg-image-01 .Spacer .mwSpacer .mwDivider,
.content-style ._bg-image-01 .Spacer .mwSpacer .mwDivider,
.content-style._bg-image-02 .Spacer .mwSpacer .mwDivider,
.content-style ._bg-image-02 .Spacer .mwSpacer .mwDivider,
.content-style._bg-image-03 .Spacer .mwSpacer .mwDivider,
.content-style ._bg-image-03 .Spacer .mwSpacer .mwDivider,
.content-style._bg-image-04 .Spacer .mwSpacer .mwDivider,
.content-style ._bg-image-04 .Spacer .mwSpacer .mwDivider,
.content-style._bg-image-05 .Spacer .mwSpacer .mwDivider,
.content-style ._bg-image-05 .Spacer .mwSpacer .mwDivider {
    background-color: var(--border-color-light);
}
.content-style._bg-image-01 .mwInput,
.content-style ._bg-image-01 .mwInput,
.content-style._bg-image-02 .mwInput,
.content-style ._bg-image-02 .mwInput,
.content-style._bg-image-03 .mwInput,
.content-style ._bg-image-03 .mwInput,
.content-style._bg-image-04 .mwInput,
.content-style ._bg-image-04 .mwInput,
.content-style._bg-image-05 .mwInput,
.content-style ._bg-image-05 .mwInput {
    border-color: var(--white);
}
.content-style._bg-image-01 .mwInput.file .subcontrol.upload,
.content-style._bg-image-01 .mwInput.select .subcontrol.dropdown,
.content-style ._bg-image-01 .mwInput.file .subcontrol.upload,
.content-style ._bg-image-01 .mwInput.select .subcontrol.dropdown,
.content-style._bg-image-02 .mwInput.file .subcontrol.upload,
.content-style._bg-image-02 .mwInput.select .subcontrol.dropdown,
.content-style ._bg-image-02 .mwInput.file .subcontrol.upload,
.content-style ._bg-image-02 .mwInput.select .subcontrol.dropdown,
.content-style._bg-image-03 .mwInput.file .subcontrol.upload,
.content-style._bg-image-03 .mwInput.select .subcontrol.dropdown,
.content-style ._bg-image-03 .mwInput.file .subcontrol.upload,
.content-style ._bg-image-03 .mwInput.select .subcontrol.dropdown,
.content-style._bg-image-04 .mwInput.file .subcontrol.upload,
.content-style._bg-image-04 .mwInput.select .subcontrol.dropdown,
.content-style ._bg-image-04 .mwInput.file .subcontrol.upload,
.content-style ._bg-image-04 .mwInput.select .subcontrol.dropdown,
.content-style._bg-image-05 .mwInput.file .subcontrol.upload,
.content-style._bg-image-05 .mwInput.select .subcontrol.dropdown,
.content-style ._bg-image-05 .mwInput.file .subcontrol.upload,
.content-style ._bg-image-05 .mwInput.select .subcontrol.dropdown {
    background-color: var(--primary-5);
}
.content-style._bg-image-01 .mwInput.checkbox .icon:before,
.content-style ._bg-image-01 .mwInput.checkbox .icon:before,
.content-style._bg-image-02 .mwInput.checkbox .icon:before,
.content-style ._bg-image-02 .mwInput.checkbox .icon:before,
.content-style._bg-image-03 .mwInput.checkbox .icon:before,
.content-style ._bg-image-03 .mwInput.checkbox .icon:before,
.content-style._bg-image-04 .mwInput.checkbox .icon:before,
.content-style ._bg-image-04 .mwInput.checkbox .icon:before,
.content-style._bg-image-05 .mwInput.checkbox .icon:before,
.content-style ._bg-image-05 .mwInput.checkbox .icon:before {
    border-color: var(--white);
}
.content-style._bg-image-01 .mwInput.button,
.content-style ._bg-image-01 .mwInput.button,
.content-style._bg-image-02 .mwInput.button,
.content-style ._bg-image-02 .mwInput.button,
.content-style._bg-image-03 .mwInput.button,
.content-style ._bg-image-03 .mwInput.button,
.content-style._bg-image-04 .mwInput.button,
.content-style ._bg-image-04 .mwInput.button,
.content-style._bg-image-05 .mwInput.button,
.content-style ._bg-image-05 .mwInput.button {
    border-color: var(--primary-5);
    background-color: var(--primary-5);
}
.content-style._bg-image-01 .mwInput.button input,
.content-style ._bg-image-01 .mwInput.button input,
.content-style._bg-image-02 .mwInput.button input,
.content-style ._bg-image-02 .mwInput.button input,
.content-style._bg-image-03 .mwInput.button input,
.content-style ._bg-image-03 .mwInput.button input,
.content-style._bg-image-04 .mwInput.button input,
.content-style ._bg-image-04 .mwInput.button input,
.content-style._bg-image-05 .mwInput.button input,
.content-style ._bg-image-05 .mwInput.button input {
    color: var(--white);
}
.content-style._bg-image-01 .mwInput.button:hover,
.content-style ._bg-image-01 .mwInput.button:hover,
.content-style._bg-image-02 .mwInput.button:hover,
.content-style ._bg-image-02 .mwInput.button:hover,
.content-style._bg-image-03 .mwInput.button:hover,
.content-style ._bg-image-03 .mwInput.button:hover,
.content-style._bg-image-04 .mwInput.button:hover,
.content-style ._bg-image-04 .mwInput.button:hover,
.content-style._bg-image-05 .mwInput.button:hover,
.content-style ._bg-image-05 .mwInput.button:hover {
    border-color: var(--primary-7);
    background-color: var(--primary-7);
}
.content-style._bg-image-01 .mwInput .icon,
.content-style ._bg-image-01 .mwInput .icon,
.content-style._bg-image-02 .mwInput .icon,
.content-style ._bg-image-02 .mwInput .icon,
.content-style._bg-image-03 .mwInput .icon,
.content-style ._bg-image-03 .mwInput .icon,
.content-style._bg-image-04 .mwInput .icon,
.content-style ._bg-image-04 .mwInput .icon,
.content-style._bg-image-05 .mwInput .icon,
.content-style ._bg-image-05 .mwInput .icon {
    color: var(--white);
}
.content-style._bg-image-01 .Menu ul li a,
.content-style ._bg-image-01 .Menu ul li a,
.content-style._bg-image-02 .Menu ul li a,
.content-style ._bg-image-02 .Menu ul li a,
.content-style._bg-image-03 .Menu ul li a,
.content-style ._bg-image-03 .Menu ul li a,
.content-style._bg-image-04 .Menu ul li a,
.content-style ._bg-image-04 .Menu ul li a,
.content-style._bg-image-05 .Menu ul li a,
.content-style ._bg-image-05 .Menu ul li a {
    color: var(--white);
}
.content-style._bg-image-01 .Menu ul li a:hover,
.content-style ._bg-image-01 .Menu ul li a:hover,
.content-style._bg-image-02 .Menu ul li a:hover,
.content-style ._bg-image-02 .Menu ul li a:hover,
.content-style._bg-image-03 .Menu ul li a:hover,
.content-style ._bg-image-03 .Menu ul li a:hover,
.content-style._bg-image-04 .Menu ul li a:hover,
.content-style ._bg-image-04 .Menu ul li a:hover,
.content-style._bg-image-05 .Menu ul li a:hover,
.content-style ._bg-image-05 .Menu ul li a:hover {
    color: var(--primary-7);
}
.content-style._bg-image-01 .snsLink a,
.content-style ._bg-image-01 .snsLink a,
.content-style._bg-image-02 .snsLink a,
.content-style ._bg-image-02 .snsLink a,
.content-style._bg-image-03 .snsLink a,
.content-style ._bg-image-03 .snsLink a,
.content-style._bg-image-04 .snsLink a,
.content-style ._bg-image-04 .snsLink a,
.content-style._bg-image-05 .snsLink a,
.content-style ._bg-image-05 .snsLink a {
    color: var(--white);
}
.content-style._bg-image-01 .snsLink a:hover,
.content-style ._bg-image-01 .snsLink a:hover,
.content-style._bg-image-02 .snsLink a:hover,
.content-style ._bg-image-02 .snsLink a:hover,
.content-style._bg-image-03 .snsLink a:hover,
.content-style ._bg-image-03 .snsLink a:hover,
.content-style._bg-image-04 .snsLink a:hover,
.content-style ._bg-image-04 .snsLink a:hover,
.content-style._bg-image-05 .snsLink a:hover,
.content-style ._bg-image-05 .snsLink a:hover {
    color: var(--primary-6);
}
.content-style._bg-image-01 .snsLinkCircle a,
.content-style._bg-image-01 .snsLinkCircle button,
.content-style._bg-image-01 .snsLinkSquare a,
.content-style._bg-image-01 .snsLinkSquare button,
.content-style ._bg-image-01 .snsLinkCircle a,
.content-style ._bg-image-01 .snsLinkCircle button,
.content-style ._bg-image-01 .snsLinkSquare a,
.content-style ._bg-image-01 .snsLinkSquare button,
.content-style._bg-image-02 .snsLinkCircle a,
.content-style._bg-image-02 .snsLinkCircle button,
.content-style._bg-image-02 .snsLinkSquare a,
.content-style._bg-image-02 .snsLinkSquare button,
.content-style ._bg-image-02 .snsLinkCircle a,
.content-style ._bg-image-02 .snsLinkCircle button,
.content-style ._bg-image-02 .snsLinkSquare a,
.content-style ._bg-image-02 .snsLinkSquare button,
.content-style._bg-image-03 .snsLinkCircle a,
.content-style._bg-image-03 .snsLinkCircle button,
.content-style._bg-image-03 .snsLinkSquare a,
.content-style._bg-image-03 .snsLinkSquare button,
.content-style ._bg-image-03 .snsLinkCircle a,
.content-style ._bg-image-03 .snsLinkCircle button,
.content-style ._bg-image-03 .snsLinkSquare a,
.content-style ._bg-image-03 .snsLinkSquare button,
.content-style._bg-image-04 .snsLinkCircle a,
.content-style._bg-image-04 .snsLinkCircle button,
.content-style._bg-image-04 .snsLinkSquare a,
.content-style._bg-image-04 .snsLinkSquare button,
.content-style ._bg-image-04 .snsLinkCircle a,
.content-style ._bg-image-04 .snsLinkCircle button,
.content-style ._bg-image-04 .snsLinkSquare a,
.content-style ._bg-image-04 .snsLinkSquare button,
.content-style._bg-image-05 .snsLinkCircle a,
.content-style._bg-image-05 .snsLinkCircle button,
.content-style._bg-image-05 .snsLinkSquare a,
.content-style._bg-image-05 .snsLinkSquare button,
.content-style ._bg-image-05 .snsLinkCircle a,
.content-style ._bg-image-05 .snsLinkCircle button,
.content-style ._bg-image-05 .snsLinkSquare a,
.content-style ._bg-image-05 .snsLinkSquare button {
    color: var(--white);
    background-color: var(--primary-5);
}
.content-style._bg-image-01 .snsLinkCircle a:hover,
.content-style._bg-image-01 .snsLinkCircle button:hover,
.content-style._bg-image-01 .snsLinkSquare a:hover,
.content-style._bg-image-01 .snsLinkSquare button:hover,
.content-style ._bg-image-01 .snsLinkCircle a:hover,
.content-style ._bg-image-01 .snsLinkCircle button:hover,
.content-style ._bg-image-01 .snsLinkSquare a:hover,
.content-style ._bg-image-01 .snsLinkSquare button:hover,
.content-style._bg-image-02 .snsLinkCircle a:hover,
.content-style._bg-image-02 .snsLinkCircle button:hover,
.content-style._bg-image-02 .snsLinkSquare a:hover,
.content-style._bg-image-02 .snsLinkSquare button:hover,
.content-style ._bg-image-02 .snsLinkCircle a:hover,
.content-style ._bg-image-02 .snsLinkCircle button:hover,
.content-style ._bg-image-02 .snsLinkSquare a:hover,
.content-style ._bg-image-02 .snsLinkSquare button:hover,
.content-style._bg-image-03 .snsLinkCircle a:hover,
.content-style._bg-image-03 .snsLinkCircle button:hover,
.content-style._bg-image-03 .snsLinkSquare a:hover,
.content-style._bg-image-03 .snsLinkSquare button:hover,
.content-style ._bg-image-03 .snsLinkCircle a:hover,
.content-style ._bg-image-03 .snsLinkCircle button:hover,
.content-style ._bg-image-03 .snsLinkSquare a:hover,
.content-style ._bg-image-03 .snsLinkSquare button:hover,
.content-style._bg-image-04 .snsLinkCircle a:hover,
.content-style._bg-image-04 .snsLinkCircle button:hover,
.content-style._bg-image-04 .snsLinkSquare a:hover,
.content-style._bg-image-04 .snsLinkSquare button:hover,
.content-style ._bg-image-04 .snsLinkCircle a:hover,
.content-style ._bg-image-04 .snsLinkCircle button:hover,
.content-style ._bg-image-04 .snsLinkSquare a:hover,
.content-style ._bg-image-04 .snsLinkSquare button:hover,
.content-style._bg-image-05 .snsLinkCircle a:hover,
.content-style._bg-image-05 .snsLinkCircle button:hover,
.content-style._bg-image-05 .snsLinkSquare a:hover,
.content-style._bg-image-05 .snsLinkSquare button:hover,
.content-style ._bg-image-05 .snsLinkCircle a:hover,
.content-style ._bg-image-05 .snsLinkCircle button:hover,
.content-style ._bg-image-05 .snsLinkSquare a:hover,
.content-style ._bg-image-05 .snsLinkSquare button:hover {
    color: var(--white);
    background-color: var(--primary-6);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Background - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Style - Form - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.content-style .Dialog {
    width: 100%;
    table-layout: fixed;
}
.content-style .Dialog ::-webkit-input-placeholder {
    opacity: 1;
    color: var(--third-2);
}
.content-style .Dialog ::-moz-placeholder {
    opacity: 1;
    color: var(--third-2);
}
.content-style .Dialog :-ms-input-placeholder {
    opacity: 1;
    color: var(--third-2);
}
.content-style .Dialog ::-ms-input-placeholder {
    opacity: 1;
    color: var(--third-2);
}
.content-style .Dialog ::placeholder {
    opacity: 1;
    color: var(--third-2);
}
.content-style .Dialog hr {
    margin: 35px 0;
    border-color: var(--third);
}
.content-style .Dialog label {
    display: block;
    padding-bottom: var(--form-gutter);
}
.content-style .Dialog .asterisk {
    color: var(--danger);
}
.content-style .Dialog th,
.content-style .Dialog td {
    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;
    }
}
@media (max-width: 575px) {
    .content-style .Dialog.wide th,
    .content-style .Dialog.wide td {
        display: block;
    }
}

.content-style .mwInput {
    height: auto;
    padding: 0;
    margin: 0;
    font-size: var(--form-font-size);
    font-family: var(--form-font-family);
    line-height: var(--form-line-height);
    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 input,
.content-style .mwInput textarea,
.content-style .mwInput button,
.content-style .mwInput select,
.content-style .mwInput option,
.content-style .mwInput optgroup,
.content-style .mwInput fieldset,
.content-style .mwInput label,
.content-style .mwInput output {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: inherit;
    border: none;
    background-color: transparent;
}
.content-style .mwInput.text,
.content-style .mwInput.button,
.content-style .mwInput.file,
.content-style .mwInput.select {
    height: var(--form-input-height);
}
.content-style .mwInput input,
.content-style .mwInput button,
.content-style .mwInput select,
.content-style .mwInput option,
.content-style .mwInput optgroup,
.content-style .mwInput fieldset,
.content-style .mwInput output,
.content-style .mwInput.button input {
    height: 100%;
}
.content-style .mwInput label,
.content-style .mwInput textarea {
    height: auto;
}
.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 {
    width: calc(var(--form-input-height) - 2px);
    height: calc(var(--form-input-height) - 2px);
    line-height: calc(var(--form-input-height) - 2px);
    border: 0;
    color: var(--third);
    background-color: var(--third-1);
}
.content-style .mwInput.select .dropdown:before {
    display: none;
}
.content-style .mwInput.select .dropdown:after {
    content: "\F0D7";
    font-family: var(--font-family-icon);
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}
.content-style .mwInput.select .value {
    min-width: auto !important;
    height: calc(var(--form-input-height) - 2px);
    line-height: calc(var(--form-input-height) - 2px);
    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: none;
    background: none;
    box-shadow: none;
}
.content-style .mwInput.checkbox:before {
    display: none;
}
.content-style .mwInput.checkbox .icon {
    display: flex;
    align-items: flex-start;
    padding: 0;
    height: auto;
    white-space: normal;
}
.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: block;
    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(--third-1);
}
.content-style .mwInput.file .fileName {
    height: calc(var(--form-input-height) - 2px);
    line-height: calc(var(--form-input-height) - 2px);
    padding: 0 var(--form-input-padding);
}
.content-style .mwInput.file .num {
    height: calc(var(--form-input-height) - 2px);
    line-height: calc(var(--form-input-height) - 2px);
    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);
    height: calc(var(--form-input-height) - 2px);
    line-height: calc(var(--form-input-height) - 2px);
    color: var(--third);
    border: 0;
    background-color: var(--third-1);
}
.content-style .mwInput.file .upload > div {
    display: none;
}
.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;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}

.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 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 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(0.95);
        transform: scale(0.95);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }
}
.content-style .captchaLeft .mwCaptcha {
    padding: 0;
    text-align: left;
    background: none;
}

.content-style .Dialog.twoCol {
    width: calc(50% - 15px);
}
@media (max-width: 991px) {
    .content-style .Dialog.twoCol {
        width: 100%;
    }
}
.content-style .Dialog.twoCol:nth-of-type(odd),
.content-style .Dialog.twoCol:nth-of-type(even) {
    margin-right: 15px;
}
@media (max-width: 991px) {
    .content-style .Dialog.twoCol:nth-of-type(odd),
    .content-style .Dialog.twoCol:nth-of-type(even) {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
}
.content-style .Dialog.twoCol:nth-of-type(odd) {
    float: left;
}
.content-style .Dialog.twoCol:nth-of-type(even) {
    float: right;
}

.content-style .inputGroup {
    display: flex;
    align-items: stretch;
}
.content-style .inputGroup label {
    flex: 0 0 auto;
    padding: 0 15px;
    min-width: 100px;
    height: calc(var(--form-input-height) + 2px);
    line-height: var(--form-input-height);
    font-weight: var(--font-weight-bold);
    color: var(--white);
    text-align: center;
    border-top: 1px solid var(--primary);
    border-left: 1px solid var(--primary);
    border-bottom: 1px solid var(--primary);
    border-radius: var(--form-border-radius) 0 0 var(--form-border-radius);
    background-color: var(--primary);
}
.content-style .inputGroup label + .mwInput.text {
    border-left-width: 0;
    border-right-width: 1px;
    border-radius: 0 var(--form-border-radius) var(--form-border-radius) 0;
}
.content-style .inputGroup .mwInput.text {
    z-index: 1;
    flex: 1 1 auto;
    height: auto;
    border-right-width: 0;
    border-radius: var(--form-border-radius) 0 0 var(--form-border-radius);
}
.content-style .inputGroup .mwInput.button {
    flex: 0 0 auto;
    border-radius: 0 var(--form-border-radius) var(--form-border-radius) 0;
}
.content-style .inputGroup .mwInput.button input {
    padding: 0 15px;
}

.content-style .nestedForm:not(tbody) {
    padding: 30px 30px 35px;
    border-radius: var(--border-radius);
    background-color: rgba(0, 0, 0, 0.1);
}
@media (max-width: 575px) {
    .content-style .nestedForm:not(tbody) {
        padding: 20px 15px 25px;
    }
}
.content-style .nestedForm:not(tbody) table {
    margin-bottom: 0;
}
.content-style tbody.nestedForm {
    border: 30px solid transparent;
    background-color: rgba(0, 0, 0, 0.1);
}

.content-style [data-toggle-form-hidden] {
    display: none;
}
.content-style [data-toggle-form-hidden-reverse] {
    display: block;
}

.content-style .mwFormStatus {
    margin-bottom: 50px;
}
.content-style .mwFormStatus:empty {
    margin-bottom: 0;
}
.content-style .mwFormStatus > .status {
    font-size: 12px;
    padding: 5px 20px;
    text-shadow: 0 1px 2px rgba(0, 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;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}
.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.Disabled * {
    cursor: not-allowed;
}
.content-style .mwInput [disabled],
.content-style .mwInput input[disabled],
.content-style .mwInput textarea[readonly] {
    cursor: not-allowed;
}

.content-style .mwInput [readonly],
.content-style .mwInput input[readonly],
.content-style .mwInput textarea[readonly] {
    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 {
    border-color: var(--danger);
}
.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
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Dots Style - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.dots-style-1 ul.slick-dots li button {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid transparent;
}
.dots-style-1 ul.slick-dots li button:before {
    width: 6px;
    height: 6px;
    background-color: var(--gray-6);
    transition: var(--transition-200);
}
.dots-style-1 ul.slick-dots li:hover button,
.dots-style-1 ul.slick-dots li.slick-active button {
    border-color: var(--gray-6);
}

.dots-style-2 ul.slick-dots li button:before {
    opacity: 0;
    width: 14px;
    height: 14px;
    border: 1px solid var(--primary);
    background-color: transparent;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    transition: var(--transition-200);
}
.dots-style-2 ul.slick-dots li button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid var(--gray-5);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    transition: var(--transition-200);
}
.dots-style-2 ul.slick-dots li:hover button:before,
.dots-style-2 ul.slick-dots li.slick-active button:before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.dots-style-2 ul.slick-dots li:hover button:after,
.dots-style-2 ul.slick-dots li.slick-active button:after {
    border-color: var(--primary);
    background-color: var(--primary);
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
}

.dots-style-3 ul.slick-dots li {
    padding: 0 0 10px;
}
.dots-style-3 ul.slick-dots li:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    background-color: var(--gray-6);
    transition: var(--transition-200);
}
.dots-style-3 ul.slick-dots li button {
    width: auto;
    min-width: 20px;
    height: auto;
    opacity: 0.5;
    line-height: 1;
    color: var(--gray-6);
    font-size: var(--font-size);
    font-weight: var(--font-weight-bold);
}
.dots-style-3 ul.slick-dots li button:before {
    display: none;
}
.dots-style-3 ul.slick-dots li:hover:after,
.dots-style-3 ul.slick-dots li.slick-active:after {
    width: 100%;
}
.dots-style-3 ul.slick-dots li:hover button,
.dots-style-3 ul.slick-dots li.slick-active button {
    opacity: 1;
}

.dots-style-4 ul.slick-dots li button:before {
    border-radius: 10px;
    background-color: var(--secondary);
    transition: var(--transition-200);
}
.dots-style-4 ul.slick-dots li:hover button:before,
.dots-style-4 ul.slick-dots li:hover button:after,
.dots-style-4 ul.slick-dots li.slick-active button:before,
.dots-style-4 ul.slick-dots li.slick-active button:after {
    width: 26px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Dots Style - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Form Style One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.formStyleOne input,
.formStyleOne label,
.formStyleOne select,
.formStyleOne button,
.formStyleOne textarea {
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: none;
    line-height: 1;
}
.formStyleOne input:focus {
    outline: 0;
}
.formStyleOne input[type="checkbox"],
.formStyleOne input[type="radio"] {
    width: 13px;
    height: 13px;
}
.formStyleOne input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
}
.formStyleOne ::-webkit-search-decoration {
    display: none;
}
.formStyleOne button,
.formStyleOne input[type="reset"],
.formStyleOne input[type="button"],
.formStyleOne input[type="submit"] {
    overflow: visible;
    width: auto;
}
.formStyleOne ::-webkit-file-upload-button {
    padding: 0;
    border: 0;
    background: none;
}
.formStyleOne textarea {
    vertical-align: top;
    overflow: auto;
}
.formStyleOne select[multiple] {
    vertical-align: top;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Form Style One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Form Style Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.formStyleTwo input,
.formStyleTwo label,
.formStyleTwo select,
.formStyleTwo button,
.formStyleTwo textarea {
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    background: none;
    line-height: 1;
}
.formStyleTwo input:focus {
    outline: 0;
}
.formStyleTwo input[type="checkbox"],
.formStyleTwo input[type="radio"] {
    width: 13px;
    height: 13px;
}
.formStyleTwo input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
}
.formStyleTwo ::-webkit-search-decoration {
    display: none;
}
.formStyleTwo button,
.formStyleTwo input[type="reset"],
.formStyleTwo input[type="button"],
.formStyleTwo input[type="submit"] {
    overflow: visible;
    width: auto;
}
.formStyleTwo ::-webkit-file-upload-button {
    padding: 0;
    border: 0;
    background: none;
}
.formStyleTwo textarea {
    vertical-align: top;
    overflow: auto;
}
.formStyleTwo select[multiple] {
    vertical-align: top;
}

.formStyleTwo .formStyleGroup {
    margin-bottom: 15px;
}

.formStyleTwo label {
    color: var(--heading-color);
    font-weight: var(--font-weight-bold);
}

.formStyleTwo input,
.formStyleTwo select {
    height: var(--form-input-height);
    border-bottom: 1px solid var(--form-border-color);
    transition: linear 500ms;
}
.formStyleTwo input:hover,
.formStyleTwo select:hover {
    border-bottom-color: var(--primary);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Form Style Two - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tool - Anchor ID - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.toolAnchorId {
    pointer-events: none;
    position: relative;
}
.toolAnchorId .toolAnchorIdOffset {
    position: absolute;
    left: 0;
    bottom: var(--headerHeight);
    width: 0;
    height: 0;
}
.toolAnchorId .toolAnchorIdWrap {
    display: none;
    margin-bottom: 30px;
}
.liveEdBlock .toolAnchorId .toolAnchorIdWrap {
    display: block;
}
.toolAnchorId .toolAnchorIdLabel {
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    height: 26px;
    font-size: 12px;
    line-height: 32px;
    font-weight: var(--font-weight-bold);
    font-family: var(--font-family-sans-serif);
    border-radius: 6px;
}
.toolAnchorId .toolAnchorLabelLeft {
    padding: 0 12px;
    color: var(--white);
    background-color: var(--danger);
}
.toolAnchorId .toolAnchorLabelLeft i {
    margin-right: 5px;
}
.toolAnchorId .toolAnchorLabelRight {
    padding: 0 12px;
    color: var(--black);
    background-color: var(--gray-4);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tool - Anchor ID - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | 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 {
    line-height: 1;
    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);
}

.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);
}

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

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

.btnLightGray > a,
.btnLightGray > button,
.btnLightGray > span {
    color: var(--text-color);
    border-color: var(--gray-3);
    background: var(--gray-3);
}
.btnLightGray > a:hover,
.btnLightGray > button:hover,
.btnLightGray > span:hover {
    color: var(--white);
    border-color: var(--primary);
    background: var(--primary);
}

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

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

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

.btnThird > a,
.btnThird > button,
.btnThird > span {
    color: var(--light);
    border-color: var(--third);
    background: var(--third);
}
.btnThird > a:hover,
.btnThird > button:hover,
.btnThird > span:hover {
    color: var(--light);
    border-color: var(--third-5);
    background: var(--third-5);
}

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

.btnGroup {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -5px;
    margin-right: -5px;
}
.btnGroup .btn {
    flex: 0 0 auto;
    padding-left: 5px;
    padding-right: 5px;
}

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

.btnOutline.btnWhite > a,
.btnOutline.btnWhite > button,
.btnOutline.btnWhite > span {
    color: var(--white);
    border-color: var(--white);
    background: transparent;
}
.btnOutline.btnWhite > a:hover,
.btnOutline.btnWhite > button:hover,
.btnOutline.btnWhite > span:hover {
    color: var(--primary);
    border-color: var(--white);
    background: var(--white);
}
.btnOutline.btnGray > a,
.btnOutline.btnGray > button,
.btnOutline.btnGray > span {
    color: var(--gray-6);
    border-color: var(--gray-6);
    background: transparent;
}
.btnOutline.btnGray > a:hover,
.btnOutline.btnGray > button:hover,
.btnOutline.btnGray > span:hover {
    color: var(--white);
    border-color: var(--gray-6);
    background: var(--gray-6);
}
.btnOutline.btnLightGray > a,
.btnOutline.btnLightGray > button,
.btnOutline.btnLightGray > span {
    color: var(--text-color);
    border-color: var(--gray-3);
    background: transparent;
}
.btnOutline.btnLightGray > a:hover,
.btnOutline.btnLightGray > button:hover,
.btnOutline.btnLightGray > span:hover {
    color: var(--text-color);
    border-color: var(--gray-3);
    background: var(--gray-3);
}
.btnOutline.btnDark > a,
.btnOutline.btnDark > button,
.btnOutline.btnDark > span {
    color: var(--dark);
    border-color: var(--dark);
    background: transparent;
}
.btnOutline.btnDark > a:hover,
.btnOutline.btnDark > button:hover,
.btnOutline.btnDark > span:hover {
    color: var(--white);
    border-color: var(--dark);
    background: var(--dark);
}
.btnOutline.btnPrimary > a,
.btnOutline.btnPrimary > button,
.btnOutline.btnPrimary > span {
    color: var(--primary);
    border-color: var(--primary);
    background: transparent;
}
.btnOutline.btnPrimary > a:hover,
.btnOutline.btnPrimary > button:hover,
.btnOutline.btnPrimary > span:hover {
    color: var(--white);
    border-color: var(--primary);
    background: var(--primary);
}
.btnOutline.btnSecondary > a,
.btnOutline.btnSecondary > button,
.btnOutline.btnSecondary > span {
    color: var(--secondary);
    border-color: var(--secondary);
    background: transparent;
}
.btnOutline.btnSecondary > a:hover,
.btnOutline.btnSecondary > button:hover,
.btnOutline.btnSecondary > span:hover {
    color: var(--white);
    border-color: var(--secondary);
    background: var(--secondary);
}
.btnOutline.btnThird > a,
.btnOutline.btnThird > button,
.btnOutline.btnThird > span {
    color: var(--third);
    border-color: var(--third);
    background: transparent;
}
.btnOutline.btnThird > a:hover,
.btnOutline.btnThird > button:hover,
.btnOutline.btnThird > span:hover {
    color: var(--white);
    border-color: var(--third);
    background: var(--third);
}
.btnOutline.btnFourth > a,
.btnOutline.btnFourth > button,
.btnOutline.btnFourth > span {
    color: var(--fourth);
    border-color: var(--fourth);
    background: transparent;
}
.btnOutline.btnFourth > a:hover,
.btnOutline.btnFourth > button:hover,
.btnOutline.btnFourth > span:hover {
    color: var(--white);
    border-color: var(--fourth);
    background: var(--fourth);
}

.btnArrow > a,
.btnArrow > span {
    display: inline-flex;
    align-items: center;
    color: var(--fourth);
    text-decoration: underline;
    border-width: 0;
    background: none;
}
.btnArrow > a i,
.btnArrow > span i {
    display: inline-block;
    padding: 5px 0;
    margin-left: 10px;
    vertical-align: middle;
}
.btnArrow > a i span,
.btnArrow > span i span {
    display: block;
    border-radius: 1px;
    background-color: var(--fourth);
    transition: var(--transition-200);
}
.btnArrow > a i > span,
.btnArrow > span i > span {
    width: 16px;
    height: 2px;
    position: relative;
}
.btnArrow > a i > span span:nth-child(1),
.btnArrow > span i > span span:nth-child(1) {
    position: absolute;
    top: 0;
    right: 1px;
    width: 7px;
    height: 2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
.btnArrow > a i > span span:nth-child(2),
.btnArrow > span i > span span:nth-child(2) {
    position: absolute;
    top: 0;
    right: 1px;
    width: 7px;
    height: 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
.btnArrow > a:hover,
.btnArrow > span:hover {
    text-decoration: underline;
}
.btnArrow > a:hover i > span,
.btnArrow > span:hover i > span {
    width: 36px;
}

.btnArrow > a.small,
.btnArrow > button.small,
.btnArrow > span.small {
    padding: 0;
    font-size: 12px;
}
.btnArrow > a.medium,
.btnArrow > button.medium,
.btnArrow > span.medium {
    padding: 0;
    font-size: 15px;
}
.btnArrow > a.large,
.btnArrow > button.large,
.btnArrow > span.large {
    padding: 0;
    font-size: 18px;
    font-family: var(--font-family-serif);
}

.btnArrow.btnWhite > a,
.btnArrow.btnWhite > span {
    color: var(--white);
    background: none;
}
.btnArrow.btnWhite > a i span,
.btnArrow.btnWhite > span i span {
    background-color: var(--white);
}
.btnArrow.btnLight > a,
.btnArrow.btnLight > span {
    color: var(--light);
    background: none;
}
.btnArrow.btnLight > a i span,
.btnArrow.btnLight > span i span {
    background-color: var(--light);
}
.btnArrow.btnPrimary > a,
.btnArrow.btnPrimary > span {
    color: var(--primary);
    background: none;
}
.btnArrow.btnPrimary > a i span,
.btnArrow.btnPrimary > span i span {
    background-color: var(--primary);
}
.btnArrow.btnSecondary > a,
.btnArrow.btnSecondary > span {
    color: var(--secondary);
    background: none;
}
.btnArrow.btnSecondary > a i span,
.btnArrow.btnSecondary > span i span {
    background-color: var(--secondary);
}
.btnArrow.btnThird > a,
.btnArrow.btnThird > span {
    color: var(--third);
    background: none;
}
.btnArrow.btnThird > a i span,
.btnArrow.btnThird > span i span {
    background-color: var(--third);
}
.btnArrow.btnFourth > a,
.btnArrow.btnFourth > span {
    color: var(--fourth);
    background: none;
}
.btnArrow.btnFourth > a i span,
.btnArrow.btnFourth > span i span {
    background-color: var(--fourth);
}

.resetBtn {
    color: var(--text-color);
    text-decoration: underline;
}
.resetBtn:hover {
    color: var(--primary);
    text-decoration: underline;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Button - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Area - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.contentAreaMedium > .contentAreaWrap {
    padding-top: var(--content-area-p-t);
    padding-left: var(--content-area-p-x);
    padding-right: var(--content-area-p-x);
    padding-bottom: var(--content-area-p-b);
}
@media (max-width: 991px) {
    .contentAreaMedium > .contentAreaWrap {
        padding-top: var(--content-area-p-t-tablet);
        padding-left: var(--content-area-p-x-tablet);
        padding-right: var(--content-area-p-x-tablet);
        padding-bottom: var(--content-area-p-b-tablet);
    }
}
@media (max-width: 767px) {
    .contentAreaMedium > .contentAreaWrap {
        padding-top: var(--content-area-p-t-phone);
        padding-left: var(--content-area-p-x-phone);
        padding-right: var(--content-area-p-x-phone);
        padding-bottom: var(--content-area-p-b-phone);
    }
    .contentArea .contentAreaMedium > .contentAreaWrap {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.contentAreaSmall > .contentAreaWrap {
    padding-top: var(--content-area-sm-p-t);
    padding-left: var(--content-area-sm-p-x);
    padding-right: var(--content-area-sm-p-x);
    padding-bottom: var(--content-area-sm-p-b);
}
@media (max-width: 991px) {
    .contentAreaSmall > .contentAreaWrap {
        padding-top: var(--content-area-sm-p-t-tablet);
        padding-left: var(--content-area-sm-p-x-tablet);
        padding-right: var(--content-area-sm-p-x-tablet);
        padding-bottom: var(--content-area-sm-p-b-tablet);
    }
}
@media (max-width: 767px) {
    .contentAreaSmall > .contentAreaWrap {
        padding-top: var(--content-area-sm-p-t-phone);
        padding-left: var(--content-area-sm-p-x-phone);
        padding-right: var(--content-area-sm-p-x-phone);
        padding-bottom: var(--content-area-sm-p-b-phone);
    }
    .contentArea .contentAreaSmall > .contentAreaWrap {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.contentAreaLarge > .contentAreaWrap {
    padding-top: var(--content-area-lg-p-t);
    padding-left: var(--content-area-lg-p-x);
    padding-right: var(--content-area-lg-p-x);
    padding-bottom: var(--content-area-lg-p-b);
}
@media (max-width: 991px) {
    .contentAreaLarge > .contentAreaWrap {
        padding-top: var(--content-area-lg-p-t-tablet);
        padding-left: var(--content-area-lg-p-x-tablet);
        padding-right: var(--content-area-lg-p-x-tablet);
        padding-bottom: var(--content-area-lg-p-b-tablet);
    }
}
@media (max-width: 767px) {
    .contentAreaLarge > .contentAreaWrap {
        padding-top: var(--content-area-lg-p-t-phone);
        padding-left: var(--content-area-lg-p-x-phone);
        padding-right: var(--content-area-lg-p-x-phone);
        padding-bottom: var(--content-area-lg-p-b-phone);
    }
    .contentArea .contentAreaLarge > .contentAreaWrap {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.contentAreaExtraLarge > .contentAreaWrap {
    padding-top: var(--content-area-xl-p-t);
    padding-left: var(--content-area-xl-p-x);
    padding-right: var(--content-area-xl-p-x);
    padding-bottom: var(--content-area-xl-p-b);
}
@media (max-width: 991px) {
    .contentAreaExtraLarge > .contentAreaWrap {
        padding-top: var(--content-area-xl-p-t-tablet);
        padding-left: var(--content-area-xl-p-x-tablet);
        padding-right: var(--content-area-xl-p-x-tablet);
        padding-bottom: var(--content-area-xl-p-b-tablet);
    }
}
@media (max-width: 767px) {
    .contentAreaExtraLarge > .contentAreaWrap {
        padding-top: var(--content-area-xl-p-t-phone);
        padding-left: var(--content-area-xl-p-x-phone);
        padding-right: var(--content-area-xl-p-x-phone);
        padding-bottom: var(--content-area-xl-p-b-phone);
    }
    .contentArea .contentAreaExtraLarge > .contentAreaWrap {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.contentAreaFullwidth.contentAreaSmall .contentAreaWrap {
    padding-top: var(--content-area-sm-p-t);
    padding-left: 0;
    padding-right: 0;
    padding-bottom: var(--content-area-sm-p-b);
}
@media (max-width: 991px) {
    .contentAreaFullwidth.contentAreaSmall .contentAreaWrap {
        padding-top: var(--content-area-sm-p-t-tablet);
        padding-left: 0;
        padding-right: 0;
        padding-bottom: var(--content-area-sm-p-b-tablet);
    }
}
@media (max-width: 767px) {
    .contentAreaFullwidth.contentAreaSmall .contentAreaWrap {
        padding-top: var(--content-area-sm-p-t-phone);
        padding-left: 0;
        padding-right: 0;
        padding-bottom: var(--content-area-sm-p-b-phone);
    }
}
.contentAreaFullwidth.contentAreaMedium .contentAreaWrap {
    padding-top: var(--content-area-p-t);
    padding-left: 0;
    padding-right: 0;
    padding-bottom: var(--content-area-p-b);
}
@media (max-width: 991px) {
    .contentAreaFullwidth.contentAreaMedium .contentAreaWrap {
        padding-top: var(--content-area-p-t-tablet);
        padding-left: 0;
        padding-right: 0;
        padding-bottom: var(--content-area-p-b-tablet);
    }
}
@media (max-width: 767px) {
    .contentAreaFullwidth.contentAreaMedium .contentAreaWrap {
        padding-top: var(--content-area-p-t-phone);
        padding-left: 0;
        padding-right: 0;
        padding-bottom: var(--content-area-p-b-phone);
    }
}
.contentAreaFullwidth.contentAreaLarge .contentAreaWrap {
    padding-top: var(--content-area-lg-p-t);
    padding-left: 0;
    padding-right: 0;
    padding-bottom: var(--content-area-lg-p-b);
}
@media (max-width: 991px) {
    .contentAreaFullwidth.contentAreaLarge .contentAreaWrap {
        padding-top: var(--content-area-lg-p-t-tablet);
        padding-left: 0;
        padding-right: 0;
        padding-bottom: var(--content-area-lg-p-b-tablet);
    }
}
@media (max-width: 767px) {
    .contentAreaFullwidth.contentAreaLarge .contentAreaWrap {
        padding-top: var(--content-area-lg-p-t-phone);
        padding-left: 0;
        padding-right: 0;
        padding-bottom: var(--content-area-lg-p-b-phone);
    }
}
.contentAreaFullwidth.contentAreaExtraLarge .contentAreaWrap {
    padding-top: var(--content-area-xl-p-t);
    padding-left: 0;
    padding-right: 0;
    padding-bottom: var(--content-area-xl-p-b);
}
@media (max-width: 991px) {
    .contentAreaFullwidth.contentAreaExtraLarge .contentAreaWrap {
        padding-top: var(--content-area-xl-p-t-tablet);
        padding-left: 0;
        padding-right: 0;
        padding-bottom: var(--content-area-xl-p-b-tablet);
    }
}
@media (max-width: 767px) {
    .contentAreaFullwidth.contentAreaExtraLarge .contentAreaWrap {
        padding-top: var(--content-area-xl-p-t-phone);
        padding-left: 0;
        padding-right: 0;
        padding-bottom: var(--content-area-xl-p-b-phone);
    }
}
.contentAreaFullwidth .container {
    max-width: 1920px;
    padding: 0;
}
.contentAreaFullwidth .row {
    margin-right: 0;
    margin-left: 0;
}

.sidebarSide .contentArea .contentAreaWrap {
    padding-top: var(--content-area-p-t-phone);
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: var(--content-area-p-b-phone);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Area - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Width - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content WidTH - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Two Column - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
@media (min-width: 992px) {
    .twoCol._has-light-border .twoColLeft {
        border-right: 2px solid rgba(255, 255, 255, 0.8);
    }
}
@media (min-width: 992px) {
    .twoCol._has-dark-border .twoColLeft {
        border-right: 2px solid rgba(0, 0, 0, 0.8);
    }
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Two Column - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Two Column Fullwidth - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.liveEdBlock .twoColFullwidth {
    padding-top: 34px;
}
.twoColFullwidth.row {
    margin-right: 0;
    margin-left: 0;
}
.twoColFullwidth > .col,
.twoColFullwidth > div[class^="col-"],
.twoColFullwidth > div[class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}
@media (max-width: 991px) {
    .twoColFullwidth .twoColFirst {
        order: -1;
    }
}
.twoColFullwidth .twoColLeft,
.twoColFullwidth .twoColRight {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
}
.twoColFullwidth .twoColContent {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 50px;
}
@media (min-width: 576px) {
    .twoColFullwidth .twoColContent {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .twoColFullwidth .twoColContent {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .twoColFullwidth .twoColContent {
        max-width: 480px;
    }
}
@media (min-width: 1200px) {
    .twoColFullwidth .twoColContent {
        max-width: 570px;
    }
}
@media (min-width: 1366px) {
    .twoColFullwidth .twoColContent {
        max-width: 660px;
    }
}
.container .twoColFullwidth .twoColContent {
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 992px) {
    .container .twoColFullwidth .twoColContent {
        padding-left: 60px;
        padding-right: 60px;
    }
}
@media (min-width: 1200px) {
    .container .twoColFullwidth .twoColContent {
        padding-left: 80px;
        padding-right: 80px;
    }
}
.twoColFullwidth .twoColLeft .twoColContent {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 992px) {
    .twoColFullwidth .twoColLeft .twoColContent {
        margin-right: 0;
        padding-right: 60px;
    }
}
@media (min-width: 1200px) {
    .twoColFullwidth .twoColLeft .twoColContent {
        margin-right: 0;
        padding-right: 80px;
    }
}
.twoColFullwidth .twoColRight .twoColContent {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 992px) {
    .twoColFullwidth .twoColRight .twoColContent {
        margin-left: 0;
        padding-left: 60px;
    }
}
@media (min-width: 1200px) {
    .twoColFullwidth .twoColRight .twoColContent {
        margin-left: 0;
        padding-left: 80px;
    }
}
.twoColFullwidth .twoColImg {
    width: 100%;
    height: 100%;
}
.twoColFullwidth .twoColImg > .mwPageBlock,
.twoColFullwidth .twoColImg > .mwPageBlock > .blockContents {
    width: 100%;
    height: 100%;
}
.twoColFullwidth .stretchImg {
    padding-bottom: 56%;
}
.twoColFullwidth .img-base-ratio-11 .stretchImg {
    padding-bottom: 100%;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Two Column Fullwidth - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Sidebar - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.sidebar .sidebarOpen {
    display: none;
}
.sidebar .sidebarClose {
    display: none;
    position: absolute;
    top: 15px;
    right: 30px;
    font-size: 26px;
    line-height: 1;
}
@media (max-width: 575px) {
    .sidebar .sidebarClose {
        right: 15px;
    }
}

.sidebarLeft.sidebarBorder .sidebarSide {
    border-right: 1px solid var(--border-color-dark);
}
@media (max-width: 991px) {
    .sidebarLeft.sidebarBorder .sidebarSide {
        border-right: 0;
    }
}

.sidebarRight.sidebarBorder .sidebarSide {
    border-left: 1px solid var(--border-color-dark);
}
@media (max-width: 991px) {
    .sidebarRight.sidebarBorder .sidebarSide {
        border-left: 0;
    }
}

@media (max-width: 991px) {
    .sidebarMobile.active {
        position: relative;
        z-index: 510;
    }
    .sidebarMobile .sidebarSide {
        order: -1;
        z-index: 1;
        margin-bottom: 30px;
    }
    .sidebarMobile .sidebarSide .sidebarInner {
        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);
    }
    .sidebarMobile .sidebarOpen {
        display: block;
        width: 100%;
        padding: 15px 20px;
        text-align: right;
        font-weight: var(--font-weight-bold);
        border-radius: 3px;
        background-color: var(--gray-4);
    }
    .sidebarMobile .sidebarOpen i {
        margin-left: 10px;
    }
    .sidebarMobile .sidebarClose {
        display: block;
    }
}
@media (max-width: 575px) {
    .sidebarMobile .sidebarSide .sidebarInner {
        padding: 50px 15px 20px;
    }
}
.sidebar ul {
    list-style-type: none;
    padding-left: 0;
    border: 1px solid #ebebeb;
}
.sidebar ul ul,
.sidebar ul ol {
    list-style-type: none;
}
.sidebar ul ul ul,
.sidebar ul ul ol,
.sidebar ul ol ul,
.sidebar ul ol ol {
    list-style-type: none;
}
.sidebar ul li {
    margin-bottom: 0;
    border-bottom: 1px solid #ebebeb;
}
.sidebar ul li:last-of-type {
    border-bottom: 0;
}
.sidebar ul li a {
    display: block;
    padding: 14px 20px;
    color: var(--fourth);
    background-color: var(--white);
}
.sidebar ul li a:hover {
    color: var(--white);
    background-color: var(--fourth);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Sidebar - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Sidebar Filter - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.sidebarFilterOne h1,
.sidebarFilterOne h2,
.sidebarFilterOne h3,
.sidebarFilterOne h4,
.sidebarFilterOne h5,
.sidebarFilterOne h6 {
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color-dark);
}
.sidebarFilterOne .Dialog th {
    font-weight: var(--font-weight-bold);
}

.sidebarFilterOne .filterList {
    margin-bottom: 30px;
}
.sidebarFilterOne .filterList .listItem {
    margin-bottom: 10px;
}
.sidebarFilterOne .filterList .itemTitle {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    margin-bottom: 10px;
    color: var(--white);
    font-weight: var(--font-weight-bold);
    border-radius: 3px;
    background-color: var(--primary);
}
.sidebarFilterOne .filterList .itemBody {
    padding: 20px 20px 5px;
    border-radius: 3px;
    background-color: var(--white);
    box-shadow: var(--shadow-6);
}
.sidebarFilterOne .filterList .itemBody h1,
.sidebarFilterOne .filterList .itemBody h2,
.sidebarFilterOne .filterList .itemBody h3,
.sidebarFilterOne .filterList .itemBody h4,
.sidebarFilterOne .filterList .itemBody h5,
.sidebarFilterOne .filterList .itemBody h6,
.sidebarFilterOne .filterList .itemBody p,
.sidebarFilterOne .filterList .itemBody ul,
.sidebarFilterOne .filterList .itemBody ol,
.sidebarFilterOne .filterList .itemBody dl,
.sidebarFilterOne .filterList .itemBody table {
    margin-bottom: 15px;
}
.sidebarFilterOne .filterList .itemBody .Dialog th,
.sidebarFilterOne .filterList .itemBody .Dialog td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.sidebarFilterOne .mwInput.checkbox .icon {
    line-height: 22px;
}
.sidebarFilterOne .mwInput.checkbox input {
    width: 22px;
    height: 22px;
}
.sidebarFilterOne .mwInput.checkbox .icon {
    padding: 0 0 0 37px;
}
.sidebarFilterOne .mwInput.checkbox .icon:before,
.sidebarFilterOne .mwInput.checkbox .icon:after {
    width: 22px;
    height: 22px;
}
.sidebarFilterOne .mwInput.checkbox .icon:after {
    background-size: 13.596px;
}

.sidebarFilterOne .filterBtns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.sidebarFilterOne .filterSearchBtn {
    margin-right: 20px;
}
.sidebarFilterOne .filterRestBtn {
    margin-bottom: 30px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Sidebar Filter - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Alert One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.alertOne {
    overflow: auto;
    margin-bottom: 30px;
    font-size: 14px;
    text-align: left;
    border: none;
    border-radius: 6px;
    background-color: var(--gray-4);
}
.alertOne .alertWrap {
    position: relative;
}
.alertOne .alertContent {
    padding: 30px 30px 15px 0;
    margin-left: 76px;
}
.alertOne h1,
.alertOne h2,
.alertOne h3,
.alertOne h4,
.alertOne h5,
.alertOne h6,
.alertOne p,
.alertOne ul,
.alertOne ol,
.alertOne dl,
.alertOne table {
    color: var(--text-color);
}
.alertOne h1,
.alertOne h2,
.alertOne h3,
.alertOne h4,
.alertOne h5,
.alertOne h6 {
    font-size: 20px;
    margin-bottom: 15px;
}
.alertOne p {
    margin-bottom: 15px;
}
.alertOne a {
    text-decoration: underline;
}
.alertOne a:hover {
    text-decoration: underline;
}
.alertOne .alertIcon {
    position: absolute;
    top: 24px;
    left: 20px;
    width: 36px;
    height: 36px;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    color: var(--text-color);
    background-color: rgba(0, 0, 0, 0.2);
}
.alertOne .alertIcon:before {
    display: block;
}
.alertOne .alertClose {
    opacity: 0.5;
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 5px;
    width: 20px;
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    transition: var(--transition-200);
}
.alertOne .alertClose:before {
    display: block;
}
.alertOne .alertClose:hover {
    opacity: 1;
}
.alertOne.alertSmall {
    max-width: 480px;
}
.alertOne.alertAnimated.alertDefault .alertIcon:before,
.alertOne.alertAnimated.alertInfo .alertIcon: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;
    -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;
}
.alertOne.alertAnimated.alertSuccess .alertIcon:before {
    -webkit-animation-name: tada;
    animation-name: tada;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -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;
}
.alertOne.alertAnimated.alertWarning .alertIcon:before {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -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;
}
.alertOne.alertAnimated.alertError .alertIcon:before,
.alertOne.alertAnimated.alertDanger .alertIcon:before {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -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;
}
.alertOne.alertDefault {
    background-color: var(--gray-4);
}
.alertOne.alertDefault h1,
.alertOne.alertDefault h2,
.alertOne.alertDefault h3,
.alertOne.alertDefault h4,
.alertOne.alertDefault h5,
.alertOne.alertDefault h6,
.alertOne.alertDefault p,
.alertOne.alertDefault ul,
.alertOne.alertDefault ol,
.alertOne.alertDefault dl,
.alertOne.alertDefault table {
    color: var(--text-color);
}
.alertOne.alertDefault .alertIcon {
    color: var(--gray-7);
    background-color: rgba(255, 255, 255, 0.5);
}
.alertOne.alertInfo {
    background-color: var(--info);
}
.alertOne.alertInfo h1,
.alertOne.alertInfo h2,
.alertOne.alertInfo h3,
.alertOne.alertInfo h4,
.alertOne.alertInfo h5,
.alertOne.alertInfo h6,
.alertOne.alertInfo p,
.alertOne.alertInfo ul,
.alertOne.alertInfo ol,
.alertOne.alertInfo dl,
.alertOne.alertInfo table {
    color: var(--text-color);
}
.alertOne.alertInfo .alertIcon {
    color: var(--info-7);
    background-color: rgba(255, 255, 255, 0.5);
}
.alertOne.alertSuccess {
    background-color: var(--success);
}
.alertOne.alertSuccess h1,
.alertOne.alertSuccess h2,
.alertOne.alertSuccess h3,
.alertOne.alertSuccess h4,
.alertOne.alertSuccess h5,
.alertOne.alertSuccess h6,
.alertOne.alertSuccess p,
.alertOne.alertSuccess ul,
.alertOne.alertSuccess ol,
.alertOne.alertSuccess dl,
.alertOne.alertSuccess table {
    color: var(--white);
}
.alertOne.alertSuccess .alertIcon {
    color: var(--success-7);
    background-color: rgba(255, 255, 255, 0.5);
}
.alertOne.alertWarning {
    background-color: var(--warning);
}
.alertOne.alertWarning h1,
.alertOne.alertWarning h2,
.alertOne.alertWarning h3,
.alertOne.alertWarning h4,
.alertOne.alertWarning h5,
.alertOne.alertWarning h6,
.alertOne.alertWarning p,
.alertOne.alertWarning ul,
.alertOne.alertWarning ol,
.alertOne.alertWarning dl,
.alertOne.alertWarning table {
    color: var(--text-color);
}
.alertOne.alertWarning .alertIcon {
    color: var(--warning-7);
    background-color: rgba(255, 255, 255, 0.5);
}
.alertOne.alertError,
.alertOne.alertDanger {
    background-color: var(--danger);
}
.alertOne.alertError h1,
.alertOne.alertError h2,
.alertOne.alertError h3,
.alertOne.alertError h4,
.alertOne.alertError h5,
.alertOne.alertError h6,
.alertOne.alertError p,
.alertOne.alertError ul,
.alertOne.alertError ol,
.alertOne.alertError dl,
.alertOne.alertError table,
.alertOne.alertDanger h1,
.alertOne.alertDanger h2,
.alertOne.alertDanger h3,
.alertOne.alertDanger h4,
.alertOne.alertDanger h5,
.alertOne.alertDanger h6,
.alertOne.alertDanger p,
.alertOne.alertDanger ul,
.alertOne.alertDanger ol,
.alertOne.alertDanger dl,
.alertOne.alertDanger table {
    color: var(--white);
}
.alertOne.alertError .alertIcon,
.alertOne.alertDanger .alertIcon {
    color: var(--danger-7);
    background-color: rgba(255, 255, 255, 0.5);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Alert One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Alert Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.alertTwo {
    overflow: auto;
    margin-bottom: 30px;
    font-size: 14px;
    text-align: left;
    border: none;
    border-radius: 6px;
    background-color: var(--gray-4);
}
.alertTwo .alertWrap {
    position: relative;
}
.alertTwo .alertContent {
    padding: 30px 30px 15px;
    margin-left: 70px;
}
.alertTwo h1,
.alertTwo h2,
.alertTwo h3,
.alertTwo h4,
.alertTwo h5,
.alertTwo h6,
.alertTwo p,
.alertTwo ul,
.alertTwo ol,
.alertTwo dl,
.alertTwo table {
    color: var(--text-color);
}
.alertTwo h1,
.alertTwo h2,
.alertTwo h3,
.alertTwo h4,
.alertTwo h5,
.alertTwo h6 {
    font-size: 20px;
    margin-bottom: 15px;
}
.alertTwo p {
    margin-bottom: 15px;
}
.alertTwo .alertIcon {
    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, 0.2);
}
.alertTwo .alertIcon:before {
    flex: 1 0 auto;
    display: block;
}
.alertTwo .alertClose {
    opacity: 0.5;
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 5px;
    width: 20px;
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    transition: var(--transition-200);
}
.alertTwo .alertClose:before {
    display: block;
}
.alertTwo .alertClose:hover {
    opacity: 1;
}
.alertTwo.alertSmall {
    max-width: 480px;
}
.alertTwo.alertAnimated.alertDefault .alertIcon:before,
.alertTwo.alertAnimated.alertInfo .alertIcon: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;
    -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;
}
.alertTwo.alertAnimated.alertSuccess .alertIcon:before {
    -webkit-animation-name: tada;
    animation-name: tada;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -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;
}
.alertTwo.alertAnimated.alertWarning .alertIcon:before {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -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;
}
.alertTwo.alertAnimated.alertError .alertIcon:before,
.alertTwo.alertAnimated.alertDanger .alertIcon:before {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -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;
}
.alertTwo.alertDefault {
    background-color: var(--gray-4);
}
.alertTwo.alertDefault h1,
.alertTwo.alertDefault h2,
.alertTwo.alertDefault h3,
.alertTwo.alertDefault h4,
.alertTwo.alertDefault h5,
.alertTwo.alertDefault h6,
.alertTwo.alertDefault p,
.alertTwo.alertDefault ul,
.alertTwo.alertDefault ol,
.alertTwo.alertDefault dl,
.alertTwo.alertDefault table {
    color: var(--text-color);
}
.alertTwo.alertDefault .alertIcon {
    color: var(--white);
    background-color: rgba(0, 0, 0, 0.2);
}
.alertTwo.alertInfo {
    background-color: var(--info);
}
.alertTwo.alertInfo h1,
.alertTwo.alertInfo h2,
.alertTwo.alertInfo h3,
.alertTwo.alertInfo h4,
.alertTwo.alertInfo h5,
.alertTwo.alertInfo h6,
.alertTwo.alertInfo p,
.alertTwo.alertInfo ul,
.alertTwo.alertInfo ol,
.alertTwo.alertInfo dl,
.alertTwo.alertInfo table {
    color: var(--text-color);
}
.alertTwo.alertInfo .alertIcon {
    color: var(--white);
    background-color: rgba(0, 0, 0, 0.2);
}
.alertTwo.alertSuccess {
    background-color: var(--success);
}
.alertTwo.alertSuccess h1,
.alertTwo.alertSuccess h2,
.alertTwo.alertSuccess h3,
.alertTwo.alertSuccess h4,
.alertTwo.alertSuccess h5,
.alertTwo.alertSuccess h6,
.alertTwo.alertSuccess p,
.alertTwo.alertSuccess ul,
.alertTwo.alertSuccess ol,
.alertTwo.alertSuccess dl,
.alertTwo.alertSuccess table {
    color: var(--white);
}
.alertTwo.alertSuccess .alertIcon {
    color: var(--white);
    background-color: rgba(0, 0, 0, 0.2);
}
.alertTwo.alertWarning {
    background-color: var(--warning);
}
.alertTwo.alertWarning h1,
.alertTwo.alertWarning h2,
.alertTwo.alertWarning h3,
.alertTwo.alertWarning h4,
.alertTwo.alertWarning h5,
.alertTwo.alertWarning h6,
.alertTwo.alertWarning p,
.alertTwo.alertWarning ul,
.alertTwo.alertWarning ol,
.alertTwo.alertWarning dl,
.alertTwo.alertWarning table {
    color: var(--text-color);
}
.alertTwo.alertWarning .alertIcon {
    color: var(--white);
    background-color: rgba(0, 0, 0, 0.2);
}
.alertTwo.alertError,
.alertTwo.alertDanger {
    background-color: var(--danger);
}
.alertTwo.alertError h1,
.alertTwo.alertError h2,
.alertTwo.alertError h3,
.alertTwo.alertError h4,
.alertTwo.alertError h5,
.alertTwo.alertError h6,
.alertTwo.alertError p,
.alertTwo.alertError ul,
.alertTwo.alertError ol,
.alertTwo.alertError dl,
.alertTwo.alertError table,
.alertTwo.alertDanger h1,
.alertTwo.alertDanger h2,
.alertTwo.alertDanger h3,
.alertTwo.alertDanger h4,
.alertTwo.alertDanger h5,
.alertTwo.alertDanger h6,
.alertTwo.alertDanger p,
.alertTwo.alertDanger ul,
.alertTwo.alertDanger ol,
.alertTwo.alertDanger dl,
.alertTwo.alertDanger table {
    color: var(--white);
}
.alertTwo.alertError .alertIcon,
.alertTwo.alertDanger .alertIcon {
    color: var(--white);
    background-color: rgba(0, 0, 0, 0.2);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Alert Two - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Badge - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.badge {
    display: inline-block;
    padding: 2px 8px;
    color: var(--text-color-3);
    font-size: 10px;
    font-weight: 700;
    font-family: var(--font-family-sans-serif);
    background-color: var(--gray-2);
}

.badge.badgeSmall {
    padding: 1px 6px;
    font-size: 8px;
}
.badge.badgeMedium {
    padding: 2px 8px;
    font-size: 10px;
}
.badge.badgeLarge {
    padding: 4px 12px;
    font-size: 12px;
}

.badge.badgeDefault {
    color: var(--text-color-3);
    background-color: var(--gray-2);
}
.badge.badgeDark {
    color: var(--white);
    background-color: var(--dark);
}
.badge.badgeGray {
    color: var(--dark);
    background-color: var(--gray-2);
}
.badge.badgePrimary {
    color: var(--white);
    background-color: var(--primary);
}
.badge.badgeInfo {
    color: var(--white);
    background-color: var(--info);
}
.badge.badgeSuccess {
    color: var(--white);
    background-color: var(--success);
}
.badge.badgeWarning {
    color: var(--text-color-5);
    background-color: var(--warning);
}
.badge.badgeError,
.badge.badgeDanger {
    color: var(--white);
    background-color: var(--danger);
}

.badge.badgeRounded {
    border-radius: 50px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Badge - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | SNS Link - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.snsLink.left {
    text-align: left;
}
.snsLink.center {
    text-align: center;
}
.snsLink.right {
    text-align: right;
}
.snsLink a,
.snsLink button {
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 6px;
    line-height: 1;
    color: var(--sns-color);
}
.snsLink a:hover,
.snsLink button:hover {
    color: var(--sns-color-hover);
}
.snsLink a.small,
.snsLink button.small {
    font-size: var(--sns-font-size-sm);
    margin-right: var(--sns-margin-sm);
}
.snsLink a.small:last-of-type,
.snsLink button.small:last-of-type {
    margin-right: 0;
}
.snsLink a.medium,
.snsLink button.medium {
    font-size: var(--sns-font-size-md);
    margin-right: var(--sns-margin-md);
}
.snsLink a.medium:last-of-type,
.snsLink button.medium:last-of-type {
    margin-right: 0;
}
.snsLink a.large,
.snsLink button.large {
    font-size: var(--sns-font-size-lg);
    margin-right: var(--sns-margin-lg);
}
.snsLink a.large:last-of-type,
.snsLink button.large:last-of-type {
    margin-right: 0;
}
.snsLink a.huge,
.snsLink button.huge {
    font-size: var(--sns-font-size-huge);
    margin-right: var(--sns-margin-huge);
}
.snsLink a.huge:last-of-type,
.snsLink button.huge:last-of-type {
    margin-right: 0;
}

.snsLinkCircle a,
.snsLinkCircle button,
.snsLinkSquare a,
.snsLinkSquare button {
    color: var(--white);
    text-align: center;
    background-color: var(--secondary);
    transition: var(--transition-200);
}
.snsLinkCircle a:hover,
.snsLinkCircle button:hover,
.snsLinkSquare a:hover,
.snsLinkSquare button:hover {
    color: var(--white);
    background-color: var(--secondary-5);
}
.snsLinkCircle a.small,
.snsLinkCircle button.small,
.snsLinkSquare a.small,
.snsLinkSquare button.small {
    width: var(--sns-circle-size-sm);
    height: var(--sns-circle-size-sm);
    line-height: var(--sns-circle-size-sm);
    font-size: var(--sns-circle-font-size-sm);
    margin-right: var(--sns-circle-margin-sm);
}
.snsLinkCircle a.medium,
.snsLinkCircle button.medium,
.snsLinkSquare a.medium,
.snsLinkSquare button.medium {
    width: var(--sns-circle-size-md);
    height: var(--sns-circle-size-md);
    line-height: var(--sns-circle-size-md);
    font-size: var(--sns-circle-font-size-md);
    margin-right: var(--sns-circle-margin-md);
}
.snsLinkCircle a.large,
.snsLinkCircle button.large,
.snsLinkSquare a.large,
.snsLinkSquare button.large {
    width: var(--sns-circle-size-lg);
    height: var(--sns-circle-size-lg);
    line-height: var(--sns-circle-size-lg);
    font-size: var(--sns-circle-font-size-lg);
    margin-right: var(--sns-circle-margin-lg);
}
.snsLinkCircle a.huge,
.snsLinkCircle button.huge,
.snsLinkSquare a.huge,
.snsLinkSquare button.huge {
    width: var(--sns-circle-size-huge);
    height: var(--sns-circle-size-huge);
    line-height: var(--sns-circle-size-huge);
    font-size: var(--sns-circle-font-size-huge);
    margin-right: var(--sns-circle-margin-huge);
}

.snsLinkCircle a,
.snsLinkCircle button {
    border-radius: 50%;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | SNS Link - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Share Button - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.shareBtn {
    display: inline-block;
    margin: 5px calc(var(--sns-margin-md) / 2);
    font-size: var(--sns-font-size-md);
}
.shareBtn a {
    color: var(--sns-color);
}
.shareBtn:hover a {
    color: var(--sns-color-hover);
}

.shareBtnCircle,
.shareBtnSquare {
    width: var(--sns-circle-size-md);
    height: var(--sns-circle-size-md);
    line-height: var(--sns-circle-size-md);
    color: var(--white);
    text-align: center;
    font-size: var(--sns-circle-font-size-md);
    margin: 5px calc(var(--sns-circle-margin-md) / 2);
    background-color: var(--primary);
}
.shareBtnCircle:hover,
.shareBtnSquare:hover {
    color: var(--white);
    background-color: var(--primary-5);
}

.shareBtnCircle {
    border-radius: 50%;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Share Button - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Follow Button - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.followBtn {
    display: inline-block;
    margin: 5px calc(var(--sns-margin-md) / 2);
    font-size: var(--sns-font-size-md);
}
.followBtn a {
    color: var(--sns-color);
}
.followBtn:hover a {
    color: var(--sns-color-hover);
}

.followBtnCircle,
.followBtnSquare {
    width: var(--sns-circle-size-md);
    height: var(--sns-circle-size-md);
    line-height: var(--sns-circle-size-md);
    color: var(--white);
    text-align: center;
    font-size: var(--sns-circle-font-size-md);
    margin: 5px calc(var(--sns-circle-margin-md) / 2);
    background-color: var(--primary);
}
.followBtnCircle:hover,
.followBtnSquare:hover {
    color: var(--white);
    background-color: var(--primary-5);
}

.followBtnCircle {
    border-radius: 50%;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Follow Button - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Burger - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.burger {
    display: table;
    position: relative;
    min-width: 20px;
    height: 20px;
    cursor: pointer;
}
.burger .burgerLines {
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    overflow: hidden;
    width: 20px;
    height: 16px;
}
.burger .burgerLine {
    display: block;
    position: absolute;
    top: 7px;
    height: 2px;
    border-radius: 0;
    background-color: var(--link-color);
}
.burger .burgerSlashes {
    display: inline-block;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
}
.burger .burgerSlash {
    opacity: 0;
    display: block;
    position: absolute;
    top: 9px;
    left: -3px;
    width: 26px;
    height: 2px;
    border-radius: 0;
    background-color: var(--link-color);
    transition: var(--tran-style-2) 500ms;
}
.burger .burgerText {
    display: block;
    position: relative;
    overflow: hidden;
    margin-left: 26px;
    color: var(--link-color);
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
}
.burger .burgerText .textOpen {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transition: var(--transition-360);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}
.burger .burgerText .textClose {
    display: block;
    opacity: 0;
    transition: var(--transition-360);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.burger.burgerHover:hover .burgerLine {
    background-color: var(--link-color-hover);
}
.burger.burgerHover:hover .burgerSlash {
    background-color: var(--link-color-hover);
}
.burger.burgerHover:hover .burgerText {
    color: var(--link-color-hover);
}
.burger.open .burgerText .textOpen {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.burger.open .burgerText .textClose {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.burgerOne .burgerLine {
    width: 20px;
}
.burgerOne .burgerLine:nth-of-type(1) {
    -webkit-transform: translate(0px, -7px);
    transform: translate(0px, -7px);
    transition: var(--tran-style-2) 0ms;
}
.burgerOne .burgerLine:nth-of-type(2) {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    transition: var(--tran-style-2) 100ms;
}
.burgerOne .burgerLine:nth-of-type(3) {
    -webkit-transform: translate(0px, 7px);
    transform: translate(0px, 7px);
    transition: var(--tran-style-2) 200ms;
}
.burgerOne .burgerLine:nth-of-type(4) {
    opacity: 0;
    -webkit-transform: translate(-20px, -7px);
    transform: translate(-20px, -7px);
    transition: var(--tran-style-2) 50ms;
}
.burgerOne .burgerLine:nth-of-type(5) {
    opacity: 0;
    -webkit-transform: translate(-20px, 0px);
    transform: translate(-20px, 0px);
    transition: var(--tran-style-2) 150ms;
}
.burgerOne .burgerLine:nth-of-type(6) {
    opacity: 0;
    -webkit-transform: translate(-20px, 7px);
    transform: translate(-20px, 7px);
    transition: var(--tran-style-2) 250ms;
}
.burgerOne .burgerSlash:nth-of-type(1) {
    -webkit-transform: rotate(45deg) translate(-40px, 0);
    transform: rotate(45deg) translate(-40px, 0);
}
.burgerOne .burgerSlash:nth-of-type(2) {
    -webkit-transform: rotate(-45deg) translate(40px, 0);
    transform: rotate(-45deg) translate(40px, 0);
}
.burgerOne .burgerSlash:nth-of-type(3) {
    -webkit-transform: rotate(45deg) translate(-40px, 0);
    transform: rotate(45deg) translate(-40px, 0);
}
.burgerOne .burgerSlash:nth-of-type(4) {
    -webkit-transform: rotate(-45deg) translate(40px, 0);
    transform: rotate(-45deg) translate(40px, 0);
}
.burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(1) {
    opacity: 0;
    -webkit-transform: translate(20px, -7px);
    transform: translate(20px, -7px);
}
.burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(2) {
    opacity: 0;
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
}
.burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(3) {
    opacity: 0;
    -webkit-transform: translate(20px, 7px);
    transform: translate(20px, 7px);
}
.burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(4) {
    opacity: 1;
    -webkit-transform: translate(0px, -7px);
    transform: translate(0px, -7px);
}
.burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(5) {
    opacity: 1;
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0);
}
.burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(6) {
    opacity: 1;
    -webkit-transform: translate(0px, 7px);
    transform: translate(0px, 7px);
}
.burgerOne.open .burgerLine:nth-of-type(1) {
    -webkit-transform: translate(20px, -7px);
    transform: translate(20px, -7px);
}
.burgerOne.open .burgerLine:nth-of-type(2) {
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
}
.burgerOne.open .burgerLine:nth-of-type(3) {
    -webkit-transform: translate(20px, 7px);
    transform: translate(20px, 7px);
}
.burgerOne.open .burgerLine:nth-of-type(4) {
    opacity: 0;
    -webkit-transform: translate(20px, -7px);
    transform: translate(20px, -7px);
}
.burgerOne.open .burgerLine:nth-of-type(5) {
    opacity: 0;
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
}
.burgerOne.open .burgerLine:nth-of-type(6) {
    opacity: 0;
    -webkit-transform: translate(20px, 7px);
    transform: translate(20px, 7px);
}
.burgerOne.open .burgerSlash:nth-of-type(1) {
    -webkit-transform: translate(0, 0) rotate(45deg);
    transform: translate(0, 0) rotate(45deg);
    opacity: 1;
}
.burgerOne.open .burgerSlash:nth-of-type(2) {
    -webkit-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg);
    opacity: 1;
}
.burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(1) {
    -webkit-transform: translate(45px, 45px) rotate(45deg);
    transform: translate(45px, 45px) rotate(45deg);
    opacity: 0;
}
.burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(2) {
    -webkit-transform: translate(-45px, 45px) rotate(-45deg);
    transform: translate(-45px, 45px) rotate(-45deg);
    opacity: 0;
}
.burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(3) {
    -webkit-transform: translate(0, 0) rotate(45deg);
    transform: translate(0, 0) rotate(45deg);
    opacity: 1;
}
.burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(4) {
    -webkit-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg);
    opacity: 1;
}

.burgerTwo .burgerLine:nth-of-type(1) {
    width: 18px;
    -webkit-transform: translate(0px, -7px);
    transform: translate(0px, -7px);
    transition: var(--tran-style-2) 0ms;
}
.burgerTwo .burgerLine:nth-of-type(2) {
    width: 20px;
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    transition: var(--tran-style-2) 100ms;
}
.burgerTwo .burgerLine:nth-of-type(3) {
    width: 14px;
    -webkit-transform: translate(0px, 7px);
    transform: translate(0px, 7px);
    transition: var(--tran-style-2) 200ms;
}
.burgerTwo .burgerLine:nth-of-type(4) {
    opacity: 0;
    width: 19px;
    -webkit-transform: translate(-20px, -7px);
    transform: translate(-20px, -7px);
    transition: var(--tran-style-2) 50ms;
}
.burgerTwo .burgerLine:nth-of-type(5) {
    opacity: 0;
    width: 20px;
    -webkit-transform: translate(-20px, 0px);
    transform: translate(-20px, 0px);
    transition: var(--tran-style-2) 150ms;
}
.burgerTwo .burgerLine:nth-of-type(6) {
    opacity: 0;
    width: 14px;
    -webkit-transform: translate(-20px, 7px);
    transform: translate(-20px, 7px);
    transition: var(--tran-style-2) 250ms;
}
.burgerTwo .burgerSlash:nth-of-type(1) {
    -webkit-transform: rotate(45deg) translate(-40px, 0);
    transform: rotate(45deg) translate(-40px, 0);
}
.burgerTwo .burgerSlash:nth-of-type(2) {
    -webkit-transform: rotate(-45deg) translate(40px, 0);
    transform: rotate(-45deg) translate(40px, 0);
}
.burgerTwo .burgerSlash:nth-of-type(3) {
    -webkit-transform: rotate(45deg) translate(-40px, 0);
    transform: rotate(45deg) translate(-40px, 0);
}
.burgerTwo .burgerSlash:nth-of-type(4) {
    -webkit-transform: rotate(-45deg) translate(40px, 0);
    transform: rotate(-45deg) translate(40px, 0);
}
.burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(1) {
    opacity: 0;
    -webkit-transform: translate(20px, -7px);
    transform: translate(20px, -7px);
}
.burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(2) {
    opacity: 0;
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
}
.burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(3) {
    opacity: 0;
    -webkit-transform: translate(20px, 7px);
    transform: translate(20px, 7px);
}
.burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(4) {
    opacity: 1;
    -webkit-transform: translate(0px, -7px);
    transform: translate(0px, -7px);
}
.burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(5) {
    opacity: 1;
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0);
}
.burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(6) {
    opacity: 1;
    -webkit-transform: translate(0px, 7px);
    transform: translate(0px, 7px);
}
.burgerTwo.open .burgerLine:nth-of-type(1) {
    -webkit-transform: translate(20px, -7px);
    transform: translate(20px, -7px);
}
.burgerTwo.open .burgerLine:nth-of-type(2) {
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
}
.burgerTwo.open .burgerLine:nth-of-type(3) {
    -webkit-transform: translate(20px, 7px);
    transform: translate(20px, 7px);
}
.burgerTwo.open .burgerLine:nth-of-type(4) {
    opacity: 0;
    -webkit-transform: translate(20px, -7px);
    transform: translate(20px, -7px);
}
.burgerTwo.open .burgerLine:nth-of-type(5) {
    opacity: 0;
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
}
.burgerTwo.open .burgerLine:nth-of-type(6) {
    opacity: 0;
    -webkit-transform: translate(20px, 7px);
    transform: translate(20px, 7px);
}
.burgerTwo.open .burgerSlash:nth-of-type(1) {
    -webkit-transform: translate(0, 0) rotate(45deg);
    transform: translate(0, 0) rotate(45deg);
    opacity: 1;
}
.burgerTwo.open .burgerSlash:nth-of-type(2) {
    -webkit-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg);
    opacity: 1;
}
.burgerTwo.open.burgerHover:hover .burgerSlash:nth-of-type(1) {
    -webkit-transform: translate(45px, 45px) rotate(45deg);
    transform: translate(45px, 45px) rotate(45deg);
    opacity: 0;
}
.burgerTwo.open.burgerHover:hover .burgerSlash:nth-of-type(2) {
    -webkit-transform: translate(-45px, 45px) rotate(-45deg);
    transform: translate(-45px, 45px) rotate(-45deg);
    opacity: 0;
}
.burgerTwo.open.burgerHover:hover .burgerSlash:nth-of-type(3) {
    -webkit-transform: translate(0, 0) rotate(45deg);
    transform: translate(0, 0) rotate(45deg);
    opacity: 1;
}
.burgerTwo.open.burgerHover:hover .burgerSlash:nth-of-type(4) {
    -webkit-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg);
    opacity: 1;
}

.burgerThree .burgerLine:nth-of-type(1) {
    width: 20px;
    -webkit-transform: translate(0px, -7px);
    transform: translate(0px, -7px);
    transition: var(--tran-style-2) 0ms;
}
.burgerThree .burgerLine:nth-of-type(2) {
    width: 20px;
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    transition: var(--tran-style-2) 100ms;
}
.burgerThree .burgerLine:nth-of-type(3) {
    width: 14px;
    -webkit-transform: translate(0px, 7px);
    transform: translate(0px, 7px);
    transition: var(--tran-style-2) 200ms;
}
.burgerThree .burgerLine:nth-of-type(4) {
    opacity: 0;
    width: 20px;
    -webkit-transform: translate(-20px, -7px);
    transform: translate(-20px, -7px);
    transition: var(--tran-style-2) 50ms;
}
.burgerThree .burgerLine:nth-of-type(5) {
    opacity: 0;
    width: 20px;
    -webkit-transform: translate(-20px, 0px);
    transform: translate(-20px, 0px);
    transition: var(--tran-style-2) 150ms;
}
.burgerThree .burgerLine:nth-of-type(6) {
    opacity: 0;
    width: 14px;
    -webkit-transform: translate(-20px, 7px);
    transform: translate(-20px, 7px);
    transition: var(--tran-style-2) 250ms;
}
.burgerThree .burgerSlash:nth-of-type(1) {
    -webkit-transform: rotate(45deg) translate(-40px, 0);
    transform: rotate(45deg) translate(-40px, 0);
}
.burgerThree .burgerSlash:nth-of-type(2) {
    -webkit-transform: rotate(-45deg) translate(40px, 0);
    transform: rotate(-45deg) translate(40px, 0);
}
.burgerThree .burgerSlash:nth-of-type(3) {
    -webkit-transform: rotate(45deg) translate(-40px, 0);
    transform: rotate(45deg) translate(-40px, 0);
}
.burgerThree .burgerSlash:nth-of-type(4) {
    -webkit-transform: rotate(-45deg) translate(40px, 0);
    transform: rotate(-45deg) translate(40px, 0);
}
.burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(1) {
    opacity: 0;
    -webkit-transform: translate(20px, -7px);
    transform: translate(20px, -7px);
}
.burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(2) {
    opacity: 0;
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
}
.burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(3) {
    opacity: 0;
    -webkit-transform: translate(20px, 7px);
    transform: translate(20px, 7px);
}
.burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(4) {
    opacity: 1;
    -webkit-transform: translate(0px, -7px);
    transform: translate(0px, -7px);
}
.burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(5) {
    opacity: 1;
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0);
}
.burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(6) {
    opacity: 1;
    -webkit-transform: translate(0px, 7px);
    transform: translate(0px, 7px);
}
.burgerThree.open .burgerLine:nth-of-type(1) {
    -webkit-transform: translate(20px, -7px);
    transform: translate(20px, -7px);
}
.burgerThree.open .burgerLine:nth-of-type(2) {
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
}
.burgerThree.open .burgerLine:nth-of-type(3) {
    -webkit-transform: translate(20px, 7px);
    transform: translate(20px, 7px);
}
.burgerThree.open .burgerLine:nth-of-type(4) {
    opacity: 0;
    -webkit-transform: translate(20px, -7px);
    transform: translate(20px, -7px);
}
.burgerThree.open .burgerLine:nth-of-type(5) {
    opacity: 0;
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
}
.burgerThree.open .burgerLine:nth-of-type(6) {
    opacity: 0;
    -webkit-transform: translate(20px, 7px);
    transform: translate(20px, 7px);
}
.burgerThree.open .burgerSlash:nth-of-type(1) {
    -webkit-transform: translate(0, 0) rotate(45deg);
    transform: translate(0, 0) rotate(45deg);
    opacity: 1;
}
.burgerThree.open .burgerSlash:nth-of-type(2) {
    -webkit-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg);
    opacity: 1;
}
.burgerThree.open.burgerHover:hover .burgerSlash:nth-of-type(1) {
    -webkit-transform: translate(45px, 45px) rotate(45deg);
    transform: translate(45px, 45px) rotate(45deg);
    opacity: 0;
}
.burgerThree.open.burgerHover:hover .burgerSlash:nth-of-type(2) {
    -webkit-transform: translate(-45px, 45px) rotate(-45deg);
    transform: translate(-45px, 45px) rotate(-45deg);
    opacity: 0;
}
.burgerThree.open.burgerHover:hover .burgerSlash:nth-of-type(3) {
    -webkit-transform: translate(0, 0) rotate(45deg);
    transform: translate(0, 0) rotate(45deg);
    opacity: 1;
}
.burgerThree.open.burgerHover:hover .burgerSlash:nth-of-type(4) {
    -webkit-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg);
    opacity: 1;
}

.burgerFour .burgerLines {
    transition: var(--transition-360);
}
.burgerFour .burgerLine {
    width: 20px;
}
.burgerFour .burgerLine:nth-of-type(1) {
    -webkit-transform: translate(0px, -7px);
    transform: translate(0px, -7px);
    transition: var(--tran-style-2) 0ms;
}
.burgerFour .burgerLine:nth-of-type(2) {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    transition: var(--tran-style-2) 100ms;
}
.burgerFour .burgerLine:nth-of-type(3) {
    -webkit-transform: translate(0px, 7px);
    transform: translate(0px, 7px);
    transition: var(--tran-style-2) 200ms;
}
.burgerFour .burgerLine:nth-of-type(4) {
    opacity: 0;
    -webkit-transform: translate(-20px, -7px);
    transform: translate(-20px, -7px);
    transition: var(--tran-style-2) 50ms;
}
.burgerFour .burgerLine:nth-of-type(5) {
    opacity: 0;
    -webkit-transform: translate(-20px, 0px);
    transform: translate(-20px, 0px);
    transition: var(--tran-style-2) 150ms;
}
.burgerFour .burgerLine:nth-of-type(6) {
    opacity: 0;
    -webkit-transform: translate(-20px, 7px);
    transform: translate(-20px, 7px);
    transition: var(--tran-style-2) 250ms;
}
.burgerFour .burgerSlashes {
    display: none;
}
.burgerFour.burgerHover:hover .burgerLine:nth-of-type(1) {
    opacity: 0;
    -webkit-transform: translate(20px, -7px);
    transform: translate(20px, -7px);
}
.burgerFour.burgerHover:hover .burgerLine:nth-of-type(2) {
    opacity: 0;
    -webkit-transform: translate(20px, 0);
    transform: translate(20px, 0);
}
.burgerFour.burgerHover:hover .burgerLine:nth-of-type(3) {
    opacity: 0;
    -webkit-transform: translate(20px, 7px);
    transform: translate(20px, 7px);
}
.burgerFour.burgerHover:hover .burgerLine:nth-of-type(4) {
    opacity: 1;
    -webkit-transform: translate(0px, -7px);
    transform: translate(0px, -7px);
}
.burgerFour.burgerHover:hover .burgerLine:nth-of-type(5) {
    opacity: 1;
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0);
}
.burgerFour.burgerHover:hover .burgerLine:nth-of-type(6) {
    opacity: 1;
    -webkit-transform: translate(0px, 7px);
    transform: translate(0px, 7px);
}
.burgerFour.open .burgerLines {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Burger - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Magnification Image - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.magImg {
    display: block;
    position: relative;
}
.magImg:hover .imgOverlay,
.magImg:hover .imgContent {
    opacity: 1;
}
.magImg .imgOverlay,
.magImg .imgContent {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: var(--transition-360);
}
.magImg .imgOverlay {
    background-color: rgba(0, 0, 0, 0.7);
}
.magImg .imgContent {
    padding: 15px;
}
.magImg .imgIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--white);
    font-size: 40px;
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Magnification Image - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Icon Card One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.iconCardOne:hover .iconCardBackdrop {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
.iconCardOne .iconCardWrap {
    overflow: hidden;
    display: block;
    position: relative;
    padding: 45px 30px 15px;
}
.iconCardOne .iconCardBackdrop {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-1);
    transition: -webkit-transform var(--transition-200);
    transition: transform var(--transition-200);
    transition: transform var(--transition-200),
        -webkit-transform var(--transition-200);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}
.iconCardOne .iconCardImg {
    position: relative;
    margin: 0 auto 15px;
    width: 60px;
    height: 60px;
}
.iconCardOne .iconCardImg img {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.iconCardOne .iconCardTitle {
    position: relative;
    color: var(--primary);
    text-align: center;
    font-size: var(--font-size);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Icon Card One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Gallery One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.galleryOne .galleryItem {
    margin-bottom: 30px;
}
.galleryOne .galleryItemWrap {
    display: block;
    position: relative;
}
.galleryOne .galleryItemWrap:hover .galleryOverlay,
.galleryOne .galleryItemWrap:hover .galleryContent {
    opacity: 1;
}
.galleryOne .galleryOverlay,
.galleryOne .galleryContent {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: var(--transition-360);
}
.galleryOne .galleryOverlay {
    background-color: rgba(0, 0, 0, 0.7);
}
.galleryOne .galleryContent {
    padding: 15px;
}
.galleryOne .galleryIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--white);
    font-size: 40px;
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Gallery One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.imgCardOne {
    margin-bottom: 30px;
}
.imgCardOne .imgCardWrap {
    display: block;
    overflow: hidden;
    position: relative;
}
.imgCardOne .imgCardWrap:hover .imgCardContent {
    background-color: rgba(23, 91, 80, 0.6);
}
.imgCardOne .imgCardWrap:hover .imgCardImg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.imgCardOne .imgCardImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    transition: -webkit-transform var(--transition-360);
    transition: transform var(--transition-360);
    transition: transform var(--transition-360),
        -webkit-transform var(--transition-360);
}
.imgCardOne .imgCardContent {
    background-color: rgba(23, 91, 80, 0.8);
    transition: background-color var(--transition-360);
}
.imgCardOne .imgCardContent {
    position: relative;
    display: flex;
    align-items: center;
    padding: 50px 30px;
}
.imgCardOne .imgCardDescription {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
}
.imgCardOne .imgCardDescription h1,
.imgCardOne .imgCardDescription h2,
.imgCardOne .imgCardDescription h3,
.imgCardOne .imgCardDescription h4,
.imgCardOne .imgCardDescription h5,
.imgCardOne .imgCardDescription h6 {
    color: var(--white);
    margin-bottom: 10px;
}
.imgCardOne .imgCardDescription p {
    color: var(--white);
    margin-bottom: 0;
}
.imgCardOne .imgCardDescription p img {
    margin-bottom: 20px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.imgCardTwo {
    margin-bottom: 30px;
}
.imgCardTwo .imgCardWrap {
    position: relative;
    overflow: hidden;
    color: var(--white);
    border-radius: 30px;
    background-color: var(--primary-7);
}
@media (min-width: 992px) {
    .imgCardTwo .imgCardWrap {
        font-size: 18px;
        padding: 70px;
    }
}
.imgCardTwo h1,
.imgCardTwo h2,
.imgCardTwo h3,
.imgCardTwo h4,
.imgCardTwo h5,
.imgCardTwo h6,
.imgCardTwo p {
    color: var(--white);
}
.imgCardTwo h1,
.imgCardTwo h2,
.imgCardTwo h3,
.imgCardTwo h4,
.imgCardTwo h5,
.imgCardTwo h6 {
    margin-bottom: 20px;
}
.imgCardTwo p,
.imgCardTwo ul,
.imgCardTwo ol,
.imgCardTwo dl,
.imgCardTwo table {
    margin-bottom: 15px;
}
.imgCardTwo a {
    display: inline-block;
    margin-top: 30px;
    color: var(--primary);
}
.imgCardTwo a:hover {
    text-decoration: underline;
}

@media (min-width: 992px) {
    .imgCardTwo .imgCardImg {
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        transition: opacity var(--transition-360);
    }
}
@media (max-width: 991px) {
    .imgCardTwo .imgCardImg {
        padding-bottom: 75%;
    }
}

.imgCardTwo .imgCardContent {
    padding-top: 51px;
}
@media (max-width: 991px) {
    .imgCardTwo .imgCardContent {
        padding: 60px 60px 45px;
    }
}
@media (max-width: 575px) {
    .imgCardTwo .imgCardContent {
        padding: 30px 15px 15px;
    }
}
@media (min-width: 992px) {
    .imgCardTwo .imgCardTitle {
        padding-right: 70px;
        font-size: 46px;
    }
}
@media (min-width: 992px) {
    .imgCardTwo .imgCardCaption {
        max-width: 330px;
        padding-right: 30px;
    }
}
@media (min-width: 992px) {
    .imgCardTwo .imgCardCaption {
        margin-bottom: 60px;
    }
}
@media (min-width: 1200px) {
    .imgCardTwo .imgCardDescription {
        padding-right: 70px;
    }
}

.imgCardTwo .imgCardToggleBtn {
    display: table;
    cursor: pointer;
    color: var(--primary);
}
@media (max-width: 991px) {
    .imgCardTwo .imgCardToggleBtn {
        display: none;
    }
}
.imgCardTwo .imgCardToggleBtn span {
    display: table-cell;
    vertical-align: middle;
    transition: var(--transition-360);
}
.imgCardTwo .imgCardToggleBtn:hover .imgCardToggleIcon {
    background-color: var(--primary);
}
.imgCardTwo .imgCardToggleBtn:hover .imgCardToggleIcon:before,
.imgCardTwo .imgCardToggleBtn:hover .imgCardToggleIcon:after {
    background-color: var(--primary-6);
}
.imgCardTwo .imgCardToggleText {
    padding-left: 10px;
}
.imgCardTwo .imgCardToggleIcon {
    position: relative;
    width: 36px;
    height: 36px;
    border: 2px solid var(--primary);
    border-radius: 50%;
}
.imgCardTwo .imgCardToggleIcon:before,
.imgCardTwo .imgCardToggleIcon:after {
    content: "";
    position: absolute;
    background-color: var(--primary);
    transition: background-color var(--transition-200);
}
.imgCardTwo .imgCardToggleIcon:before {
    top: 15px;
    left: 7px;
    width: 18px;
    height: 2px;
}
.imgCardTwo .imgCardToggleIcon:after {
    top: 7px;
    left: 15px;
    width: 2px;
    height: 18px;
}

@media (min-width: 992px) {
    .imgCardTwo.active .imgCardImg {
        opacity: 0;
        pointer-events: none;
    }
}
.imgCardTwo.active .imgCardToggleIcon {
    background-color: var(--primary);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.imgCardTwo.active .imgCardToggleIcon:before,
.imgCardTwo.active .imgCardToggleIcon:after {
    background-color: var(--primary-7);
}
.imgCardTwo.active .imgCardToggleText {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card Two - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card Three - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.imgCardThree {
    margin-bottom: 30px;
}
.imgCardThree:hover .imgCardImg {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.imgCardThree .badge {
    margin-bottom: 5px;
}
.imgCardThree .imgCardWrap {
    overflow: hidden;
    border-radius: var(--border-radius);
    background-color: var(--white);
}
.imgCardThree .imgCardImgHolder {
    overflow: hidden;
    height: 100%;
}
.imgCardThree .imgCardImg {
    display: block;
    height: 100%;
    transition: var(--transition-200);
}
.imgCardThree .imgCardBody {
    padding: 30px;
}
@media (max-width: 575px) {
    .imgCardThree .imgCardBody {
        padding: 15px;
    }
}
.imgCardThree .imgCardBody p {
    margin-bottom: 20px;
}
.imgCardThree .imgCardTitle {
    margin-bottom: 20px;
}
.imgCardThree .imgCardMetas {
    margin-bottom: 15px;
}
.imgCardThree .imgCardMeta {
    margin-bottom: 5px;
}
.imgCardThree .imgCardMeta i {
    margin-right: 5px;
}
.imgCardThree .imgCardLink p {
    margin-bottom: 0;
}
.imgCardThree p.imgCardLink {
    margin-bottom: 0;
}

.imgCardThree .imgCardWrap {
    display: flex;
    flex-wrap: wrap;
}
.imgCardThree .imgCardHeader {
    width: 100%;
    max-width: 40%;
    flex: 0 0 40%;
}
@media (max-width: 767px) {
    .imgCardThree .imgCardHeader {
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
    }
}
.imgCardThree .imgCardHeader + .imgCardBody {
    width: 100%;
    flex: 0 0 60%;
    max-width: 60%;
}
@media (max-width: 767px) {
    .imgCardThree .imgCardHeader + .imgCardBody {
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
    }
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card Three - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card Four - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.imgCardFour {
    margin-bottom: 30px;
}
.imgCardFour:hover .imgCardWrap {
    box-shadow: var(--shadow-7-hover);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.imgCardFour:hover .imgCardLink p a {
    color: var(--white);
    border-color: var(--orange);
    background-color: var(--orange);
}
.imgCardFour h1,
.imgCardFour h2,
.imgCardFour h3,
.imgCardFour h4,
.imgCardFour h5,
.imgCardFour h6,
.imgCardFour p,
.imgCardFour ul,
.imgCardFour ol,
.imgCardFour dl {
    margin-bottom: 15px;
}
.imgCardFour .imgCardWrap {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 360px;
    padding-top: 80px;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-7);
    transition: var(--transition-360);
}
.imgCardFour .imgCardImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.imgCardFour .imgCardGradient {
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80%;
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.8) 100%
    );
}
.imgCardFour .imgCardBody {
    position: relative;
    padding: 30px 30px 15px;
}
.imgCardFour .imgCardTitle {
    color: var(--white);
    transition: var(--transition-360);
}
.imgCardFour .imgCardDescription {
    margin-bottom: 15px;
    transition: var(--transition-360);
}
.imgCardFour .imgCardDescription p {
    color: var(--white);
    line-height: 1.32;
}
.imgCardFour .imgCardLink p a:hover {
    color: var(--white);
    border-color: var(--orange);
    background-color: var(--orange);
}
.imgCardFour .imgCardLink p i {
    margin-right: 3px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card Four - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card Five - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.imgCardFive .imgCardWrap {
    margin-bottom: 30px;
}
.imgCardFive .imgCardLeft {
    margin-bottom: 60px;
}
@media (max-width: 991px) {
    .imgCardFive .imgCardLeft {
        margin-bottom: 0;
    }
}
.imgCardFive .imgCardRight {
    margin-top: 60px;
}
@media (max-width: 991px) {
    .imgCardFive .imgCardRight {
        margin-top: 0;
    }
}
.imgCardFive .imgCardImg {
    min-height: 100%;
    padding-bottom: 75%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.imgCardFive .imgCardContent {
    min-height: 100%;
}
.imgCardFive .imgCardTitle {
    display: inline-block;
    position: relative;
    padding-top: 30px;
    margin-top: 30px;
    max-width: 276px;
}
@media (max-width: 991px) {
    .imgCardFive .imgCardTitle {
        margin-top: 0;
    }
}
.imgCardFive .imgCardTitle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 80px;
    height: 5px;
    background-color: var(--primary);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card Five - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card Six - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.imgCardSix {
    margin-bottom: 30px;
}
.imgCardSix:hover .imgCardWrap {
    box-shadow: var(--shadow-7-hover);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.imgCardSix:hover .imgCardLink p a {
    color: var(--white);
    border-color: var(--orange);
    background-color: var(--orange);
}
.imgCardSix h1,
.imgCardSix h2,
.imgCardSix h3,
.imgCardSix h4,
.imgCardSix h5,
.imgCardSix h6,
.imgCardSix p,
.imgCardSix ul,
.imgCardSix ol,
.imgCardSix dl {
    margin-bottom: 15px;
}
.imgCardSix .imgCardWrap {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 360px;
    padding-top: 80px;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-7);
    transition: var(--transition-360);
}
.imgCardSix .imgCardImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.imgCardSix .imgCardGradient {
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80%;
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.8) 100%
    );
}
.imgCardSix .imgCardBody {
    position: relative;
    padding: 30px 30px 15px;
}
.imgCardSix .imgCardTitle {
    color: var(--white);
    transition: var(--transition-360);
}
.imgCardSix .imgCardDescription {
    margin-bottom: 15px;
    transition: var(--transition-360);
}
.imgCardSix .imgCardDescription p {
    color: var(--white);
    line-height: 1.32;
}
.imgCardSix .imgCardLink p a:hover {
    color: var(--white);
    border-color: var(--orange);
    background-color: var(--orange);
}
.imgCardSix .imgCardLink p i {
    margin-right: 3px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card Six - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card Seven - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.imgCardSeven {
    margin-bottom: 30px;
}
.imgCardSeven:hover .imgCardImg {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.imgCardSeven .imgCardWrap {
    overflow: hidden;
    background-color: var(--white);
}
.imgCardSeven .imgCardImgHolder {
    overflow: hidden;
}
.imgCardSeven .imgCardImg {
    display: block;
}
.imgCardSeven .imgCardBody {
    display: flex;
    flex-direction: column;
    padding: 50px;
    text-align: center;
}
@media (max-width: 575px) {
    .imgCardSeven .imgCardBody {
        padding: 30px;
    }
}
.imgCardSeven .imgCardTitle {
    margin-bottom: 20px;
}
.imgCardSeven .imgCardTitle a {
    color: var(--fourth);
}
.imgCardSeven .imgCardTitle a:hover {
    color: var(--primary);
}
.imgCardSeven .imgCardLink {
    margin-top: auto;
    margin-bottom: 0;
}
.imgCardSeven p.imgCardLink {
    margin-bottom: 0;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card Seven - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card Eight - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.imgCardEight {
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-image: url("../images/bg-branches.png");
    background-color: var(--primary);
}
._gutter-10 .imgCardEight {
    margin-bottom: 10px;
}
.imgCardEight .imgCardWrap {
    position: relative;
}
.imgCardEight .imgCardBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: var(--transition-200);
}
.imgCardEight .imgCardOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    transition: var(--transition-200);
}
.imgCardEight .imgCardInner {
    position: relative;
    display: flex;
    flex-direction: column;
    color: var(--white);
}
.imgCardEight .imgCardTagline {
    margin-bottom: 20px;
    font-size: 16px;
    font-family: var(--font-family-sans-serif);
    font-weight: var(--font-weight-normal);
    transition: var(--transition-200);
}
.imgCardEight .imgCardTitle {
    max-width: 400px;
    margin-bottom: 20px;
    color: var(--white);
    transition: var(--transition-200);
}
.imgCardEight .imgCardDes {
    opacity: 0;
    transition: var(--transition-200);
}
.imgCardEight .btn {
    margin-top: auto;
}
.imgCardEight.imgCardShort {
    background-size: 210px;
}
.imgCardEight.imgCardShort .imgCardInner {
    min-height: 300px;
    padding: 50px 30px 1px;
}
@media (max-width: 1199px) {
    .imgCardEight.imgCardShort .imgCardInner {
        padding: 30px 30px 1px;
    }
}
.imgCardEight.imgCardShort .imgCardTagline {
    -webkit-transform: translateY(90px);
    transform: translateY(90px);
}
@media (max-width: 1199px) {
    .imgCardEight.imgCardShort .imgCardTagline {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.imgCardEight.imgCardShort .imgCardTitle {
    -webkit-transform: translateY(90px);
    transform: translateY(90px);
}
@media (max-width: 1199px) {
    .imgCardEight.imgCardShort .imgCardTitle {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.imgCardEight.imgCardShort .imgCardDes {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}
@media (max-width: 1199px) {
    .imgCardEight.imgCardShort .imgCardDes {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.imgCardEight.imgCardMedium {
    background-size: 410px;
}
.imgCardEight.imgCardMedium .imgCardInner {
    min-height: 500px;
    padding: 80px 40px 30px;
}
@media (max-width: 1199px) {
    .imgCardEight.imgCardMedium .imgCardInner {
        min-height: 400px;
        padding: 60px 30px 10px;
    }
}
.imgCardEight.imgCardMedium .imgCardTitle {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}
@media (max-width: 1199px) {
    .imgCardEight.imgCardMedium .imgCardTitle {
        font-size: var(--h2-font-size-mobile);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.imgCardEight.imgCardMedium .imgCardDes {
    -webkit-transform: translateY(70px);
    transform: translateY(70px);
}
@media (max-width: 1199px) {
    .imgCardEight.imgCardMedium .imgCardDes {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.imgCardEight.imgCardTall {
    background-size: 410px;
}
.imgCardEight.imgCardTall .imgCardInner {
    min-height: 600px;
    padding: 80px 40px 30px;
}
@media (max-width: 1199px) {
    .imgCardEight.imgCardTall .imgCardInner {
        min-height: 400px;
        padding: 60px 30px 10px;
    }
}
.imgCardEight.imgCardTall .imgCardTagline {
    -webkit-transform: translateY(160px);
    transform: translateY(160px);
}
@media (max-width: 1199px) {
    .imgCardEight.imgCardTall .imgCardTagline {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.imgCardEight.imgCardTall .imgCardTitle {
    -webkit-transform: translateY(160px);
    transform: translateY(160px);
}
@media (max-width: 1199px) {
    .imgCardEight.imgCardTall .imgCardTitle {
        font-size: var(--h2-font-size-mobile);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.imgCardEight.imgCardTall .imgCardDes {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
}
@media (max-width: 1199px) {
    .imgCardEight.imgCardTall .imgCardDes {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.imgCardEight:hover .imgCardBg,
.imgCardEight:hover .imgCardOverlay {
    opacity: 0;
}
.imgCardEight:hover .imgCardTagline,
.imgCardEight:hover .imgCardTitle,
.imgCardEight:hover .imgCardDes {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.imgCardEight:hover .imgCardDes {
    opacity: 1;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card Eight - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Player One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.videoPlayerOne {
    margin-bottom: 30px;
}
.videoPlayerOne .videoPlayerWrap {
    overflow: hidden;
    position: relative;
}
.videoPlayerOne .videoCover {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.videoPlayerOne .videoCover:hover .coverPlayBtn {
    color: white;
    text-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}
.videoPlayerOne .coverInner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.videoPlayerOne .coverPlayBtn {
    color: rgba(255, 255, 255, 0.8);
    font-size: 60px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    transition: var(--transition-200);
}
.videoPlayerOne video {
    opacity: 0;
    display: block;
    width: 100%;
}
.videoPlayerOne .videoBar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 15px;
}
.videoPlayerOne .videoBar .barOuter {
    padding: 4px;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, 0.6);
}
.videoPlayerOne .videoBar .barInner {
    height: 6px;
    border-radius: 50px;
    background-color: var(--primary);
    transition: var(--transition-200);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Player One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Player Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.videoPlayerTwo {
    margin-bottom: 30px;
}
.videoPlayerTwo .videoPlayerBottom {
    padding: 60px 90px 30px;
}
@media (max-width: 991px) {
    .videoPlayerTwo .videoPlayerBottom {
        padding: 30px 30px 1px;
    }
}
.videoPlayerTwo .videoPlayerCoverHolder {
    overflow: hidden;
    position: relative;
    display: block;
    padding-bottom: 43%;
}
@media (max-width: 991px) {
    .videoPlayerTwo .videoPlayerCoverHolder {
        padding-bottom: 56%;
    }
}
.videoPlayerTwo .videoPlayerCover {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.videoPlayerTwo .videoPlayerCover:hover .videoPlayerPlayBtn {
    color: white;
    text-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}
.videoPlayerTwo .videoPlayerCoverInner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.videoPlayerTwo .videoPlayerPlayBtn {
    color: rgba(255, 255, 255, 0.8);
    font-size: 60px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    transition: var(--transition-200);
}
.videoPlayerTwo video {
    opacity: 0;
    display: block;
    width: 100%;
}
.videoPlayerTwo .videoPlayerBar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 15px;
}
.videoPlayerTwo .videoPlayerBar .videoPlayerBarOuter {
    padding: 4px;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, 0.6);
}
.videoPlayerTwo .videoPlayerBar .videoPlayerBarInner {
    height: 6px;
    border-radius: 50px;
    background-color: var(--primary);
    transition: var(--transition-200);
}
.videoPlayerTwo .videoPlayerBtn {
    text-align: right;
}
@media (max-width: 991px) {
    .videoPlayerTwo .videoPlayerBtn {
        text-align: left;
    }
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Player Two - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Player Three - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.videoPlayerThree {
    margin-bottom: 30px;
    background-size: 280px;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-image: url("../images/bg-branches.png");
    background-color: var(--primary);
}
.videoPlayerThree .videoPlayerWrap {
    position: relative;
}
.videoPlayerThree .videoPlayerCover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: var(--transition-200);
}
.videoPlayerThree .videoPlayerOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    transition: var(--transition-200);
}
.videoPlayerThree .videoPlayerTitle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 60px 60px 0;
    margin-bottom: 0;
    color: var(--white);
}
@media (max-width: 575px) {
    .videoPlayerThree .videoPlayerTitle {
        padding: 30px 30px 0;
    }
}
.videoPlayerThree .videoPlayerFooter {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 60px 25px;
    color: var(--white);
}
@media (max-width: 575px) {
    .videoPlayerThree .videoPlayerFooter {
        padding: 0 30px 25px;
    }
}
.videoPlayerThree .videoPlayerBtn {
    margin-bottom: 0;
}
.videoPlayerThree .videoPlayerIcon {
    font-size: 30px;
}
.videoPlayerThree:hover .videoPlayerCover {
    opacity: 0;
}
.videoPlayerThree:hover .videoPlayerOverlay {
    opacity: 0;
}
.videoPlayerThree:hover .btnArrow > a i > span,
.videoPlayerThree:hover .btnArrow > span i > span {
    width: 36px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Player Three - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Banner One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.videoBannerOne video {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 575px) {
    .videoBannerOne video {
        display: none;
    }
}
.videoBannerOne .videoBannerWrap {
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.videoBannerOne .videoBannerGradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0) 100%
    );
}
.videoBannerOne .videoBannerInner {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.videoBannerOne .videoBannerTitle {
    color: var(--white);
}
.videoBannerOne .videoBannerCaption {
    display: block;
}
.videoBannerOne .videoBannerParagraph {
    margin-left: auto;
    margin-right: auto;
    color: var(--white);
    font-size: 25px;
}
.videoBannerOne .videoBannerBtns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.videoBannerOne .videoBannerBtns .btn {
    flex: 0 0 auto;
    padding: 0 5px;
    margin-bottom: 10px;
}
.videoBannerOne .videoBannerFooter {
    position: relative;
    margin-top: -50px;
}
.videoBannerOne .videoBannerSeal {
    width: 200px;
    height: 200px;
    padding: 10px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: var(--light);
}

.videoBannerOne.videoBannerLarge .videoBannerInner {
    min-height: 800px;
    padding: 130px 0 100px;
}
@media (max-width: 991px) {
    .videoBannerOne.videoBannerLarge .videoBannerInner {
        min-height: 550px;
    }
}
@media (max-width: 575px) {
    .videoBannerOne.videoBannerLarge .videoBannerInner {
        min-height: 0;
    }
}
.videoBannerOne.videoBannerLarge .videoBannerInner > .container {
    max-width: 880px;
    padding-top: 60px;
}
.videoBannerOne.videoBannerLarge .videoBannerTitle {
    line-height: 1;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.videoBannerOne.videoBannerLarge .videoBannerCaption {
    margin-bottom: 15px;
    font-size: 30px;
}
@media (max-width: 991px) {
    .videoBannerOne.videoBannerLarge .videoBannerCaption {
        font-size: 18px;
    }
}
.videoBannerOne.videoBannerLarge .videoBannerParagraph {
    max-width: 620px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
@media (max-width: 991px) {
    .videoBannerOne.videoBannerLarge .videoBannerParagraph {
        max-width: 495px;
    }
}
@media (max-width: 575px) {
    .videoBannerOne.videoBannerLarge .videoBannerParagraph {
        max-width: 375px;
    }
}
.videoBannerOne.videoBannerMedium .videoBannerInner {
    height: 480px;
}
.videoBannerOne.videoBannerMedium .videoBannerTitle {
    line-height: 1;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.videoBannerOne.videoBannerMedium .videoBannerCaption {
    margin-bottom: 15px;
}
.videoBannerOne.videoBannerMedium .videoBannerParagraph {
    max-width: 495px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
@media (max-width: 991px) {
    .videoBannerOne.videoBannerMedium .videoBannerParagraph {
        max-width: 375px;
    }
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Banner One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Card One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.videoCardOne {
    margin-bottom: 60px;
}
.videoCardOne .videoCardCover {
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
}
.videoCardOne .videoCardCover:hover .coverPlayBtn {
    color: white;
    text-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}
.videoCardOne .coverInner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.videoCardOne .coverPlayBtn {
    color: rgba(255, 255, 255, 0.8);
    font-size: 60px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    transition: var(--transition-200);
}
.videoCardOne .videoCardBody {
    margin-top: 30px;
}
.videoCardOne .videoTitle {
    margin-bottom: 15px;
}
.videoCardOne .videoMetas {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.videoCardOne .videoMeta {
    margin-right: 15px;
    margin-bottom: 10px;
}
.videoCardOne .videoMeta i {
    color: var(--primary);
    margin-right: 5px;
}
.videoCardOne .videoDes {
    margin-bottom: 20px;
}
.videoCardOne .videoDes p {
    margin-bottom: 15px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Card One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Card Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.videoCardTwo {
    margin-bottom: 30px;
}
.videoCardTwo .videoCardCover {
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
}
@media (max-width: 575px) {
    .videoCardTwo .videoCardCover {
        margin-bottom: 15px;
    }
}
.videoCardTwo .videoCardCover:hover .coverPlayBtn {
    color: white;
    text-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}
.videoCardTwo .coverImg {
    height: 100%;
}
@media (max-width: 575px) {
    .videoCardTwo .coverImg {
        height: auto;
        padding-bottom: 56%;
    }
}
.videoCardTwo .coverInner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.videoCardTwo .coverPlayBtn {
    color: rgba(255, 255, 255, 0.8);
    font-size: 40px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    transition: var(--transition-200);
}
.videoCardTwo .videoCardBody {
    padding-left: 30px;
}
@media (max-width: 575px) {
    .videoCardTwo .videoCardBody {
        padding-left: 0;
    }
}
.videoCardTwo .videoTitle {
    margin-bottom: 15px;
}
.videoCardTwo .videoMetas {
    margin-bottom: 10px;
}
.videoCardTwo .videoMeta {
    font-size: 14px;
}
.videoCardTwo .videoMeta i {
    color: var(--primary);
    margin-right: 5px;
}
.videoCardTwo .videoDes {
    font-size: 14px;
    margin-bottom: 20px;
}
.videoCardTwo .videoDes p {
    margin-bottom: 15px;
}

.videoCardTwo .videoCardWrap {
    display: flex;
    flex-wrap: wrap;
}
.videoCardTwo .videoCardCover {
    width: 100%;
    max-width: 40%;
    flex: 0 0 40%;
}
@media (max-width: 575px) {
    .videoCardTwo .videoCardCover {
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
    }
}
.videoCardTwo .videoCardCover + .videoCardBody {
    width: 100%;
    flex: 0 0 60%;
    max-width: 60%;
}
@media (max-width: 575px) {
    .videoCardTwo .videoCardCover + .videoCardBody {
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
    }
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Card Two - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card Gallery One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.imgCardGalleryOne .imgCardGalleryItem {
    position: relative;
    margin-bottom: 80px;
}
@media (max-width: 767px) {
    .imgCardGalleryOne .imgCardGalleryItem {
        margin-bottom: 30px;
    }
}
.imgCardGalleryOne .imgCardGalleryItemWrap {
    overflow: hidden;
    border-radius: 10px;
    background: linear-gradient(-40deg, #69e7e3 0%, #14bcf3 60%, #1eb4e5 100%);
    box-shadow: 4px 12px 40px 6px rgba(0, 0, 0, 0.09);
}
.imgCardGalleryOne .imgCardGalleryContent {
    max-width: 460px;
    padding: 50px 20px 15px;
    margin: 0 auto;
    text-align: center;
}
.imgCardGalleryOne .imgCardGalleryContent h1,
.imgCardGalleryOne .imgCardGalleryContent h2,
.imgCardGalleryOne .imgCardGalleryContent h3,
.imgCardGalleryOne .imgCardGalleryContent h4,
.imgCardGalleryOne .imgCardGalleryContent h5,
.imgCardGalleryOne .imgCardGalleryContent h6,
.imgCardGalleryOne .imgCardGalleryContent p {
    color: var(--white);
    margin-bottom: 15px;
}
.imgCardGalleryOne .imgCardGalleryImg {
    padding-bottom: 56%;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Image Card Gallery One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Page Banner One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.pageBannerOne {
    text-align: center;
}
.pageBannerOne .pageBannerWrap {
    position: relative;
}
.pageBannerOne .pageBannerImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.pageBannerOne .pageBannerOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 0%);
}
.pageBannerOne .pageBannerGradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 13%;
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0) 100%
    );
}
.pageBannerOne .pageBannerContent {
    position: relative;
    height: 566px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 240px 0 150px; */
}
@media (max-width: 767px) {
    .pageBannerOne .pageBannerContent {
        /* padding: 120px 0 60px; */
        height: 360px;
    }
}
.pageBannerOne .pageBannerOrnament {
    margin-bottom: 30px;
}
.pageBannerOne .pageBannerOrnament svg {
    width: auto;
    height: 32px;
}
.pageBannerOne .pageBannerTitle {
    color: var(--white);
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Page Banner One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Page Banner For Donation Form Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.pageBannerForDonationFormTwo {
    margin-bottom: calc((var(--content-area-p-t) + 150px) * -1);
}
@media (max-width: 991px) {
    .pageBannerForDonationFormTwo {
        margin-bottom: calc((var(--content-area-p-t-tablet) + 150px) * -1);
    }
}
@media (max-width: 767px) {
    .pageBannerForDonationFormTwo {
        margin-bottom: calc((var(--content-area-p-t-phone) + 150px) * -1);
    }
}
.pageBannerForDonationFormTwo .pageBannerWrap {
    position: relative;
    text-align: center;
}
.pageBannerForDonationFormTwo .pageBannerImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.pageBannerForDonationFormTwo .pageBannerContent {
    position: relative;
    /* padding: 150px 0 280px; */
    background-color: rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
    .pageBannerForDonationFormTwo .pageBannerContent {
        /* padding: 100px 0 230px; */
    }
}
.pageBannerForDonationFormTwo .pageBannerInner {
    margin: 0 auto;
}
.pageBannerForDonationFormTwo .pageBannerTitle {
    color: var(--white);
    font-size: 60px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
@media (max-width: 1199px) {
    .pageBannerForDonationFormTwo .pageBannerTitle {
        font-size: 50px;
    }
}
@media (max-width: 767px) {
    .pageBannerForDonationFormTwo .pageBannerTitle {
        font-size: var(--h1-font-size-mobile);
    }
}
.pageBannerForDonationFormTwo .pageBannerDescription {
    color: var(--white);
    font-size: 20px;
    max-width: 570px;
    margin: 0 auto;
}
.pageBannerForDonationFormTwo .pageBannerDescription p {
    margin-bottom: 0;
}
@media (max-width: 1199px) {
    .pageBannerForDonationFormTwo .pageBannerDescription {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .pageBannerForDonationFormTwo .pageBannerDescription {
        font-size: var(--font-size);
    }
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Page Banner For Donation Form Two - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Slider One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.sliderOne .sliderItem {
    position: relative;
}
.sliderOne .sliderImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.sliderOne .sliderOverlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80%;
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.5) 100%
    );
}
.sliderOne .sliderInner {
    position: relative;
    display: flex;
    align-items: center;
    height: 800px;
    padding: 0 75px;
}
@media (max-width: 991px) {
    .sliderOne .sliderInner {
        height: 480px;
        padding: 0 25px;
    }
}
.sliderOne .sliderContent {
    max-width: 580px;
}
.sliderOne .sliderTitle {
    color: var(--white);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
@media (min-width: 992px) {
    .sliderOne .sliderTitle {
        font-size: 55px;
        line-height: 1.1;
    }
}
@media (max-width: 991px) {
    .sliderOne .sliderTitle {
        margin-bottom: 15px;
    }
}
.sliderOne .sliderDescription p {
    color: var(--white);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
@media (max-width: 991px) {
    .sliderOne .sliderDescription p {
        margin-bottom: 15px;
    }
}
@media (max-width: 991px) {
    .sliderOne .sliderBtn.btn a {
        font-size: var(--btn-sm-font-size);
        padding: var(--btn-sm-padding-y) var(--btn-sm-padding-x);
    }
}

.sliderOne.position-center .sliderContent {
    text-align: center;
    margin: 0 auto;
}
.sliderOne.position-center ul.slick-dots {
    text-align: center;
}
.sliderOne.position-left .sliderContent {
    text-align: left;
}
.sliderOne.position-left ul.slick-dots {
    text-align: left;
}
.sliderOne.position-right .sliderContent {
    text-align: right;
    margin: 0 0 0 auto;
}
.sliderOne.position-right ul.slick-dots {
    text-align: right;
}

.sliderOne .slick-prev,
.sliderOne .slick-next {
    z-index: 1;
    width: auto;
    height: auto;
}
.sliderOne .slick-prev svg,
.sliderOne .slick-next svg {
    width: 36px;
    height: 36px;
    transition: var(--transition-200);
}
@media (max-width: 991px) {
    .sliderOne .slick-prev svg,
    .sliderOne .slick-next svg {
        width: 20px;
        height: 20px;
    }
}
.sliderOne .slick-prev:before,
.sliderOne .slick-next:before {
    display: none;
}
.sliderOne .slick-prev.slick-disabled,
.sliderOne .slick-next.slick-disabled {
    opacity: 0.8;
    cursor: not-allowed;
}
.sliderOne .slick-prev {
    left: 36px;
}
@media (max-width: 991px) {
    .sliderOne .slick-prev {
        left: 5px;
    }
}
.sliderOne .slick-prev:hover svg {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}
.sliderOne .slick-next {
    right: 36px;
}
@media (max-width: 991px) {
    .sliderOne .slick-next {
        right: 5px;
    }
}
.sliderOne .slick-next:hover svg {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

.sliderOne ul.slick-dots {
    bottom: 60px;
    padding-left: 120px;
    padding-right: 120px;
}
@media (max-width: 991px) {
    .sliderOne ul.slick-dots {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.sliderOne .sliderImg {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: ease-in-out 600ms;
    transition-delay: 600ms;
}
.sliderOne .sliderTitle,
.sliderOne .sliderDescription,
.sliderOne .sliderBtn {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: ease-in-out 360ms;
}
.sliderOne .slick-current .sliderImg {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 100ms;
}
.sliderOne .slick-current .sliderTitle,
.sliderOne .slick-current .sliderDescription,
.sliderOne .slick-current .sliderBtn {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.sliderOne .slick-current .sliderTitle {
    transition-delay: 300ms;
}
.sliderOne .slick-current .sliderDescription {
    transition-delay: 500ms;
}
.sliderOne .slick-current .sliderBtn {
    transition-delay: 700ms;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Slider One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Slider Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.sliderTwo .sliderItem {
    position: relative;
}
.sliderTwo .sliderImg,
.sliderTwo .sliderOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.sliderTwo .sliderImg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.sliderTwo .sliderInner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 670px;
    max-width: 910px;
    padding: 0 120px;
}
@media (max-width: 991px) {
    .sliderTwo .sliderInner {
        height: 480px;
        padding: 0 30px;
    }
}
.sliderTwo .sliderTitle {
    color: var(--white);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
@media (min-width: 992px) {
    .sliderTwo .sliderTitle {
        font-size: 55px;
        line-height: 1.1;
    }
}
@media (max-width: 991px) {
    .sliderTwo .sliderTitle {
        margin-bottom: 15px;
    }
}
.sliderTwo .sliderDescription p {
    color: var(--white);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
@media (max-width: 991px) {
    .sliderTwo .sliderDescription p {
        margin-bottom: 15px;
    }
}
@media (max-width: 991px) {
    .sliderTwo .sliderBtn.btn a {
        font-size: var(--btn-sm-font-size);
        padding: var(--btn-sm-padding-y) var(--btn-sm-padding-x);
    }
}

.sliderTwo.position-center .sliderInner {
    text-align: center;
    margin: 0 auto;
}
.sliderTwo.position-left .sliderInner {
    text-align: left;
}
.sliderTwo.position-right .sliderInner {
    text-align: right;
    margin: 0 0 0 auto;
}

.sliderTwo .slick-prev,
.sliderTwo .slick-next {
    z-index: 1;
    left: 50px;
    right: auto;
    width: auto;
    height: auto;
}
@media (max-width: 991px) {
    .sliderTwo .slick-prev,
    .sliderTwo .slick-next {
        top: calc(50% - 20px);
        padding: 5px 3px;
        background-color: rgba(0, 0, 0, 0.8);
    }
}
.sliderTwo .slick-prev svg,
.sliderTwo .slick-next svg {
    width: 20px;
    height: 20px;
    transition: var(--transition-200);
}
@media (max-width: 991px) {
    .sliderTwo .slick-prev svg,
    .sliderTwo .slick-next svg {
        width: 15px;
        height: 15px;
    }
}
.sliderTwo .slick-prev:before,
.sliderTwo .slick-next:before {
    display: none;
}
.sliderTwo .slick-prev.slick-disabled,
.sliderTwo .slick-next.slick-disabled {
    opacity: 0.8;
    cursor: not-allowed;
}
.sliderTwo .slick-prev {
    -webkit-transform: rotate(90deg) translateX(calc(-50% - 20px));
    transform: rotate(90deg) translateX(calc(-50% - 20px));
}
@media (max-width: 991px) {
    .sliderTwo .slick-prev {
        left: 0;
        right: auto;
        -webkit-transform: rotate(0) translateX(0);
        transform: rotate(0) translateX(0);
    }
}
.sliderTwo .slick-next {
    -webkit-transform: rotate(90deg) translateX(calc(-50% + 20px));
    transform: rotate(90deg) translateX(calc(-50% + 20px));
}
@media (max-width: 991px) {
    .sliderTwo .slick-next {
        left: auto;
        right: 0;
        -webkit-transform: rotate(0) translateX(0);
        transform: rotate(0) translateX(0);
    }
}

.sliderTwo ul.slick-dots {
    top: 50%;
    right: 50px;
    bottom: auto;
    width: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 991px) {
    .sliderTwo ul.slick-dots {
        display: none !important;
    }
}
.sliderTwo ul.slick-dots li {
    display: block;
    margin: 0;
}
.sliderTwo ul.slick-dots li:not(:last-of-type) {
    margin-bottom: 20px;
}

.sliderTwo .sliderImg {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: ease-in-out 600ms;
    transition-delay: 600ms;
}
.sliderTwo .sliderTitle,
.sliderTwo .sliderDescription,
.sliderTwo .sliderBtn {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: ease-in-out 360ms;
}
.sliderTwo .slick-current .sliderImg {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 100ms;
}
.sliderTwo .slick-current .sliderTitle,
.sliderTwo .slick-current .sliderDescription,
.sliderTwo .slick-current .sliderBtn {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.sliderTwo .slick-current .sliderTitle {
    transition-delay: 300ms;
}
.sliderTwo .slick-current .sliderDescription {
    transition-delay: 500ms;
}
.sliderTwo .slick-current .sliderBtn {
    transition-delay: 700ms;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Slider Two - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Slider Three - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.sliderThree .sliderItem {
    position: relative;
}
.sliderThree .sliderImg,
.sliderThree .sliderOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sliderThree .sliderImg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.sliderThree .sliderInner {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 670px;
    max-width: 600px;
    background-color: rgba(0, 0, 0, 0.6);
    transition: opacity linear 360ms;
}
@media (max-width: 991px) {
    .sliderThree .sliderInner {
        height: 480px;
        max-width: 480px;
    }
}
@media (max-width: 575px) {
    .sliderThree .sliderInner {
        max-width: none;
    }
}
.sliderThree .sliderTitle {
    color: var(--white);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
@media (min-width: 992px) {
    .sliderThree .sliderTitle {
        font-size: 55px;
        line-height: 1.1;
    }
}
.sliderThree .sliderDescription p {
    color: var(--white);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.sliderThree.position-center .sliderInner {
    text-align: center;
    margin: 0 auto;
    padding: 0 80px;
}
@media (max-width: 991px) {
    .sliderThree.position-center .sliderInner {
        padding: 0 30px;
    }
}
.sliderThree.position-left .sliderInner {
    padding: 0 80px 0 120px;
    text-align: left;
}
@media (max-width: 991px) {
    .sliderThree.position-left .sliderInner {
        padding: 0 30px;
    }
}
.sliderThree.position-right .sliderInner {
    padding: 0 120px 0 80px;
    margin: 0 0 0 auto;
    text-align: left;
}
@media (max-width: 991px) {
    .sliderThree.position-right .sliderInner {
        padding: 0 30px;
    }
}

.sliderThree .slick-prev,
.sliderThree .slick-next {
    z-index: 1;
    width: auto;
    height: auto;
}
.sliderThree .slick-prev svg,
.sliderThree .slick-next svg {
    width: 36px;
    height: 36px;
    transition: var(--transition-200);
}
@media (max-width: 991px) {
    .sliderThree .slick-prev svg,
    .sliderThree .slick-next svg {
        width: 20px;
        height: 20px;
    }
}
.sliderThree .slick-prev:before,
.sliderThree .slick-next:before {
    display: none;
}
.sliderThree .slick-prev.slick-disabled,
.sliderThree .slick-next.slick-disabled {
    opacity: 0.8;
    cursor: not-allowed;
}
.sliderThree .slick-prev {
    left: 36px;
}
@media (max-width: 991px) {
    .sliderThree .slick-prev {
        left: 5px;
    }
}
.sliderThree .slick-prev:hover svg {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}
.sliderThree .slick-next {
    right: 36px;
}
@media (max-width: 991px) {
    .sliderThree .slick-next {
        right: 5px;
    }
}
.sliderThree .slick-next:hover svg {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

.sliderThree ul.slick-dots {
    bottom: 60px;
    padding-left: 120px;
    padding-right: 120px;
}
@media (max-width: 991px) {
    .sliderThree ul.slick-dots {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.sliderThree .sliderImg {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: ease-in-out 600ms;
    transition-delay: 600ms;
}
.sliderThree .sliderTitle,
.sliderThree .sliderDescription,
.sliderThree .sliderBtn {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: ease-in-out 360ms;
}
.sliderThree .slick-current .sliderImg {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 100ms;
}
.sliderThree .slick-current .sliderTitle,
.sliderThree .slick-current .sliderDescription,
.sliderThree .slick-current .sliderBtn {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.sliderThree .slick-current .sliderTitle {
    transition-delay: 300ms;
}
.sliderThree .slick-current .sliderDescription {
    transition-delay: 500ms;
}
.sliderThree .slick-current .sliderBtn {
    transition-delay: 700ms;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Slider Three - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Slider Four - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.sliderFour .sliderItem {
    position: relative;
}
.sliderFour .sliderImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.sliderFour .sliderOverlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.8) 100%
    );
}
@media (max-width: 991px) {
    .sliderFour .sliderOverlay {
        top: 0;
        bottom: auto;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        background-image: none;
    }
}
.sliderFour .sliderInner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 670px;
    max-width: 670px;
    padding: 30px 40px 10px;
}
@media (max-width: 991px) {
    .sliderFour .sliderInner {
        height: 480px;
        padding: 30px 25px 10px;
    }
}
.sliderFour .sliderTitle {
    color: var(--white);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
@media (min-width: 992px) {
    .sliderFour .sliderTitle {
        font-size: 50px;
        line-height: 1.1;
    }
}
@media (max-width: 991px) {
    .sliderFour .sliderTitle {
        margin-bottom: 15px;
    }
}
.sliderFour .sliderDescription p {
    color: var(--white);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
@media (max-width: 991px) {
    .sliderFour .sliderDescription p {
        margin-bottom: 15px;
    }
}
@media (max-width: 991px) {
    .sliderFour .sliderBtn.btn a {
        font-size: var(--btn-sm-font-size);
        padding: var(--btn-sm-padding-y) var(--btn-sm-padding-x);
    }
}
.sliderFour .slick-list {
    margin-right: 410px;
}
@media (max-width: 1199px) {
    .sliderFour .slick-list {
        margin-right: 310px;
    }
}
@media (max-width: 991px) {
    .sliderFour .slick-list {
        margin-right: 0;
    }
}
.sliderFour ul.slick-dots {
    top: 0;
    right: 0;
    width: 400px;
    height: 100%;
}
@media (max-width: 1199px) {
    .sliderFour ul.slick-dots {
        width: 300px;
    }
}

.sliderFour.position-center .sliderInner {
    text-align: center;
    margin: 0 auto;
}
.sliderFour.position-right .sliderInner {
    text-align: right;
    margin: 0 0 0 auto;
}

.sliderFour ul.slick-dots {
    display: flex;
    flex-direction: column;
    bottom: auto;
    padding: 0;
    margin: 0;
    text-align: left;
}
.sliderFour ul.slick-dots li {
    flex: 1 0 auto;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
}
.sliderFour ul.slick-dots li:before {
    display: none;
}
.sliderFour ul.slick-dots li:hover .slick-thumb-overlay {
    background-color: rgba(0, 0, 0, 0.8);
}
.sliderFour ul.slick-dots li:not(:last-of-type) {
    margin-bottom: 10px;
}
.sliderFour ul.slick-dots li .slick-thumb {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.sliderFour ul.slick-dots li .slick-thumb-overlay,
.sliderFour ul.slick-dots li .slick-thumb-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.sliderFour ul.slick-dots li .slick-thumb-overlay {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    transition: var(--transition-360);
}
.sliderFour ul.slick-dots li .slick-thumb-title {
    padding: 0 30px;
    margin-bottom: 30px;
    color: var(--white);
}

.sliderFour .sliderImg {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: ease-in-out 600ms;
    transition-delay: 600ms;
}
.sliderFour .sliderTitle,
.sliderFour .sliderDescription,
.sliderFour .sliderBtn {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: ease-in-out 360ms;
}
.sliderFour .slick-current .sliderImg {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 100ms;
}
.sliderFour .slick-current .sliderTitle,
.sliderFour .slick-current .sliderDescription,
.sliderFour .slick-current .sliderBtn {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.sliderFour .slick-current .sliderTitle {
    transition-delay: 300ms;
}
.sliderFour .slick-current .sliderDescription {
    transition-delay: 500ms;
}
.sliderFour .slick-current .sliderBtn {
    transition-delay: 700ms;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Slider Four - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Slider Five - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
@media (max-width: 575px) {
    .sliderFive .container {
        padding: 0;
    }
}
.sliderFive .sliderItem {
    display: flex;
    align-items: flex-end;
    position: relative;
    height: 670px;
}
@media (max-width: 991px) {
    .sliderFive .sliderItem {
        height: 480px;
    }
}
.sliderFive .sliderImg,
.sliderFive .sliderOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sliderFive .sliderImg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.sliderFive .sliderInner {
    position: relative;
    max-width: 600px;
    padding: 40px 60px 10px;
    background-color: rgba(0, 0, 0, 0.6);
    transition: opacity linear 360ms;
}
@media (max-width: 991px) {
    .sliderFive .sliderInner {
        padding: 30px 30px 1px;
        max-width: 480px;
    }
}
@media (max-width: 575px) {
    .sliderFive .sliderInner {
        max-width: none;
    }
}
.sliderFive .sliderTitle {
    color: var(--white);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
@media (min-width: 992px) {
    .sliderFive .sliderTitle {
        font-size: 55px;
        line-height: 1.1;
    }
}
.sliderFive .sliderDescription p {
    color: var(--white);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.sliderFive.position-center .sliderInner {
    margin: 0 auto;
}
.sliderFive.position-right .sliderInner {
    margin: 0 0 0 auto;
}

.sliderFive .slick-prev,
.sliderFive .slick-next {
    z-index: 1;
    width: auto;
    height: auto;
}
.sliderFive .slick-prev svg,
.sliderFive .slick-next svg {
    width: 36px;
    height: 36px;
    transition: var(--transition-200);
}
@media (max-width: 991px) {
    .sliderFive .slick-prev svg,
    .sliderFive .slick-next svg {
        width: 20px;
        height: 20px;
    }
}
.sliderFive .slick-prev:before,
.sliderFive .slick-next:before {
    display: none;
}
.sliderFive .slick-prev.slick-disabled,
.sliderFive .slick-next.slick-disabled {
    opacity: 0.8;
    cursor: not-allowed;
}
.sliderFive .slick-prev {
    left: 36px;
}
@media (max-width: 991px) {
    .sliderFive .slick-prev {
        left: 5px;
    }
}
.sliderFive .slick-prev:hover svg {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}
.sliderFive .slick-next {
    right: 36px;
}
@media (max-width: 991px) {
    .sliderFive .slick-next {
        right: 5px;
    }
}
.sliderFive .slick-next:hover svg {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

.sliderFive ul.slick-dots {
    bottom: 60px;
    padding-left: 120px;
    padding-right: 120px;
}
@media (max-width: 991px) {
    .sliderFive ul.slick-dots {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.sliderFive .sliderImg {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: ease-in-out 600ms;
    transition-delay: 600ms;
}
.sliderFive .sliderTitle,
.sliderFive .sliderDescription,
.sliderFive .sliderBtn {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: ease-in-out 360ms;
}
.sliderFive .slick-current .sliderImg {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 100ms;
}
.sliderFive .slick-current .sliderTitle,
.sliderFive .slick-current .sliderDescription,
.sliderFive .slick-current .sliderBtn {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.sliderFive .slick-current .sliderTitle {
    transition-delay: 300ms;
}
.sliderFive .slick-current .sliderDescription {
    transition-delay: 500ms;
}
.sliderFive .slick-current .sliderBtn {
    transition-delay: 700ms;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Slider Five - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Carousel One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.carouselOne .carouselWrap {
    margin-bottom: 30px;
}
.carouselOne .carouselWrap.slick-dotted {
    margin-bottom: 60px;
}
.carouselOne .carouselItem {
    margin: 15px;
}
.carouselOne .carouselImg {
    padding-bottom: 75%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.carouselOne .slick-prev,
.carouselOne .slick-next {
    z-index: 1;
    width: 36px;
    height: 36px;
}
.carouselOne .slick-prev svg,
.carouselOne .slick-next svg {
    width: 100%;
    height: 100%;
    transition: var(--transition-200);
}
.carouselOne .slick-prev .svgColorize,
.carouselOne .slick-next .svgColorize {
    stroke: var(--secondary);
}
.carouselOne .slick-prev.slick-disabled,
.carouselOne .slick-next.slick-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.carouselOne .slick-prev:before,
.carouselOne .slick-next:before {
    display: none;
}
.carouselOne .slick-prev {
    left: -36px;
}
.carouselOne .slick-prev:hover svg {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}
.carouselOne .slick-next {
    right: -36px;
}
.carouselOne .slick-next:hover svg {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

@media (max-width: 991px) {
    .carouselOne .carouselItem {
        margin: 5px 10px;
    }
    .carouselOne .slick-prev,
    .carouselOne .slick-next {
        width: 20px;
        height: 20px;
    }
    .carouselOne .slick-prev svg path,
    .carouselOne .slick-next svg path {
        stroke-width: 2;
    }
    .carouselOne .slick-prev {
        left: -10px;
    }
    .carouselOne .slick-next {
        right: -10px;
    }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Carousel One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Carousel Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.carouselTwo .carouselWrap {
    margin-bottom: 30px;
}
.carouselTwo .carouselWrap.slick-dotted {
    margin-bottom: 60px;
}
.carouselTwo .carouselItem {
    opacity: 0.3;
    margin: 30px;
    transition: opacity ease-in-out 1s;
}
.carouselTwo .carouselItem.slick-current {
    opacity: 1;
}
.carouselTwo .carouselImg {
    padding-bottom: 75%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.carouselTwo .slick-prev,
.carouselTwo .slick-next {
    z-index: 1;
    width: 20px;
    height: 20px;
}
.carouselTwo .slick-prev svg,
.carouselTwo .slick-next svg {
    width: 100%;
    height: 100%;
}
.carouselTwo .slick-prev svg path,
.carouselTwo .slick-next svg path {
    fill: none;
    stroke: var(--gray-8);
    stroke-width: 2;
}
.carouselTwo .slick-prev.slick-disabled,
.carouselTwo .slick-next.slick-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.carouselTwo .slick-prev:before,
.carouselTwo .slick-next:before {
    display: none;
}
.carouselTwo .slick-prev {
    left: calc(25.6% - 10px);
}
.carouselTwo .slick-next {
    right: calc(25.6% - 10px);
}

@media (max-width: 991px) {
    .carouselTwo .carouselItem {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .carouselTwo .slick-prev {
        left: 89px;
    }
    .carouselTwo .slick-next {
        right: 89px;
    }
}
@media (max-width: 575px) {
    .carouselTwo .carouselItem {
        margin-left: 20px;
        margin-right: 20px;
    }
    .carouselTwo .slick-prev {
        left: 35px;
    }
    .carouselTwo .slick-next {
        right: 35px;
    }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Carousel Two - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Carousel Three - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.carouselThree .carouselWrap {
    margin-bottom: 30px;
}
.carouselThree .carouselWrap.slick-dotted {
    margin-bottom: 60px;
}
.carouselThree .carouselItem {
    margin: 15px;
    background-color: var(--gray-1);
}
.carouselThree .carouselImg {
    padding-bottom: 75%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.carouselThree .carouselContent {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 30px 30px 1px;
}
.carouselThree .carouselDescription p {
    font-size: 14px;
}
.carouselThree .carouselBtn {
    margin-top: auto;
}

.carouselThree .slick-prev,
.carouselThree .slick-next {
    z-index: 1;
    width: 36px;
    height: 36px;
}
.carouselThree .slick-prev svg,
.carouselThree .slick-next svg {
    width: 100%;
    height: 100%;
}
.carouselThree .slick-prev svg path,
.carouselThree .slick-next svg path {
    fill: none;
    stroke: var(--gray-8);
}
.carouselThree .slick-prev.slick-disabled,
.carouselThree .slick-next.slick-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.carouselThree .slick-prev:before,
.carouselThree .slick-next:before {
    display: none;
}
.carouselThree .slick-prev {
    left: -36px;
}
.contentAreaFullwidth .carouselThree .slick-prev {
    left: 30px;
}
.carouselThree .slick-next {
    right: -36px;
}
.contentAreaFullwidth .carouselThree .slick-next {
    right: 30px;
}

@media (max-width: 991px) {
    .carouselThree .carouselItem {
        margin: 5px;
    }
    .carouselThree .slick-prev,
    .carouselThree .slick-next {
        width: 20px;
        height: 20px;
    }
    .carouselThree .slick-prev svg path,
    .carouselThree .slick-next svg path {
        stroke-width: 2;
    }
    .contentAreaFullwidth .carouselThree .slick-prev {
        left: 20px;
    }
    .contentAreaFullwidth .carouselThree .slick-next {
        right: 20px;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .carouselThree .carouselItem {
        display: flex;
        flex-wrap: wrap;
    }
    .carouselThree .carouselImg {
        width: 100%;
        flex: 0 0 40%;
        max-width: 40%;
        padding: 0;
    }
    .carouselThree .carouselContent {
        width: 100%;
        flex: 0 0 60%;
        max-width: 60%;
    }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Carousel Three - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Carousel Four - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.carouselFour .carouselWrap {
    margin-bottom: 30px;
}
.carouselFour .carouselWrap.slick-dotted {
    margin-bottom: 60px;
}
.carouselFour .carouselItem {
    margin: 0;
    opacity: 0.3;
}
.carouselFour .carouselItem.slick-current {
    opacity: 1;
}
.carouselFour .carouselItem.slick-current .carouselContent {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.carouselFour .carouselItem.slick-current .carouselTitle {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.carouselFour .carouselImg {
    padding-bottom: 75%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.carouselFour .carouselItem,
.carouselFour .carouselContent,
.carouselFour .carouselTitle,
.carouselFour .slick-prev,
.carouselFour .slick-next {
    transition: var(--transition-360);
}
.carouselFour .carouselHeader {
    z-index: 1;
    position: relative;
}
.carouselFour .carouselOverlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.12) 20%,
        black 100%
    );
}
.carouselFour .carouselTitle {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 40px;
    margin-bottom: 0;
    color: var(--white);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
.carouselFour .carouselContent {
    padding: 20px 40px 5px;
    margin-top: -1px;
    background-color: var(--black);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.carouselFour .carouselDescription p {
    color: var(--white);
    font-size: 13px;
}

.carouselFour .slick-prev,
.carouselFour .slick-next {
    z-index: 1;
    top: 35%;
    width: 20px;
    height: 36px;
    background-color: var(--dark);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    background-image: linear-gradient(to bottom, #939393 0%, #000000 100%);
}
.carouselFour .slick-prev svg,
.carouselFour .slick-next svg {
    width: 100%;
    height: 100%;
}
.carouselFour .slick-prev svg path,
.carouselFour .slick-next svg path {
    fill: none;
    stroke: var(--white);
    stroke-width: 2;
}
.carouselFour .slick-prev.slick-disabled,
.carouselFour .slick-next.slick-disabled {
    opacity: 1;
}
.carouselFour .slick-prev:hover,
.carouselFour .slick-next:hover {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
}
.carouselFour .slick-prev:before,
.carouselFour .slick-next:before {
    display: none;
}
.carouselFour .slick-prev {
    left: calc(33.333333% - 10px);
}
.carouselFour .slick-next {
    right: calc(33.333333% - 10px);
}

.carouselFour .slick-dots {
    bottom: -35px;
}

@media (max-width: 991px) {
    .carouselFour .carouselItem.slick-current .carouselTitle {
        opacity: 1;
    }
    .carouselFour .carouselTitle {
        opacity: 0;
    }
    .carouselFour .slick-prev,
    .carouselFour .slick-next {
        top: 33%;
    }
    .carouselFour .slick-prev {
        left: calc(25% - 10px);
    }
    .carouselFour .slick-next {
        right: calc(25% - 10px);
    }
}
@media (max-width: 575px) {
    .carouselFour .carouselItem {
        opacity: 1;
    }
    .carouselFour .carouselContent {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .carouselFour .carouselTitle {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .carouselFour .slick-prev,
    .carouselFour .slick-next {
        top: 50%;
    }
    .carouselFour .slick-prev {
        left: -10px;
    }
    .carouselFour .slick-next {
        right: -10px;
    }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Carousel Four - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Carousel Five - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.carouselFive .carouselWrap {
    margin-bottom: 30px;
}
.carouselFive .carouselWrap.slick-dotted {
    margin-bottom: 60px;
}
.carouselFive .carouselItem {
    padding: 30px 0;
}
@media (max-width: 991px) {
    .carouselFive .carouselItem {
        padding: 0;
    }
}
.carouselFive .carouselItemLeft {
    margin-bottom: 60px;
}
@media (max-width: 991px) {
    .carouselFive .carouselItemLeft {
        margin-bottom: 0;
    }
}
.carouselFive .carouselItemRight {
    margin-top: 60px;
}
@media (max-width: 991px) {
    .carouselFive .carouselItemRight {
        margin-top: 0;
    }
}
.carouselFive .carouselImg {
    min-height: 100%;
    padding-bottom: 75%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.carouselFive .carouselContent {
    min-height: 100%;
}
.carouselFive .carouselTitle {
    display: inline-block;
    position: relative;
    padding-top: 30px;
    margin-top: 30px;
}
@media (max-width: 991px) {
    .carouselFive .carouselTitle {
        margin-top: 0;
    }
}
.carouselFive .carouselTitle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 80px;
    height: 5px;
    background-color: var(--primary);
}

.carouselFive .slick-prev,
.carouselFive .slick-next {
    z-index: 1;
    width: 60px;
    height: 60px;
    padding: 15px;
    background-color: rgba(46, 183, 160, 0.5);
}
.carouselFive .slick-prev:hover,
.carouselFive .slick-next:hover {
    background-color: #2eb7a0;
}
@media (max-width: 991px) {
    .carouselFive .slick-prev,
    .carouselFive .slick-next {
        top: 45%;
        width: 20px;
        height: 36px;
        padding: 5px;
    }
}
.carouselFive .slick-prev svg,
.carouselFive .slick-next svg {
    width: 100%;
    height: 100%;
}
.carouselFive .slick-prev svg path,
.carouselFive .slick-next svg path {
    fill: none;
    stroke: var(--white);
}
.carouselFive .slick-prev.slick-disabled,
.carouselFive .slick-next.slick-disabled {
    cursor: not-allowed;
}
.carouselFive .slick-prev.slick-disabled svg path,
.carouselFive .slick-next.slick-disabled svg path {
    fill: none;
    stroke: rgba(255, 255, 255, 0.5);
}
@media (max-width: 991px) {
    .carouselFive .slick-prev.slick-disabled svg path,
    .carouselFive .slick-next.slick-disabled svg path {
        stroke-width: 2px;
    }
}
.carouselFive .slick-prev:before,
.carouselFive .slick-next:before {
    display: none;
}
.carouselFive .slick-prev {
    left: -80px;
}
@media (max-width: 991px) {
    .carouselFive .slick-prev {
        left: 0;
    }
}
.contentAreaFullwidth .carouselFive .slick-prev {
    left: 30px;
}
@media (max-width: 991px) {
    .contentAreaFullwidth .carouselFive .slick-prev {
        left: 20px;
    }
}
.carouselFive .slick-next {
    right: -80px;
}
@media (max-width: 991px) {
    .carouselFive .slick-next {
        right: 0;
    }
}
.contentAreaFullwidth .carouselFive .slick-next {
    right: 30px;
}
@media (max-width: 991px) {
    .contentAreaFullwidth .carouselFive .slick-next {
        right: 20px;
    }
}

.carouselFive .carouselImg {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: ease-in-out 600ms;
    transition-delay: 600ms;
}
.carouselFive .carouselTitle,
.carouselFive .carouselDescription,
.carouselFive .carouselBtn {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    transition: ease-in-out 360ms;
}
.carouselFive .slick-current .carouselImg {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 100ms;
}
.carouselFive .slick-current .carouselTitle,
.carouselFive .slick-current .carouselDescription,
.carouselFive .slick-current .carouselBtn {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.carouselFive .slick-current .carouselTitle {
    transition-delay: 300ms;
}
.carouselFive .slick-current .carouselDescription {
    transition-delay: 500ms;
}
.carouselFive .slick-current .carouselBtn {
    transition-delay: 700ms;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Carousel Five - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Logo Carousel One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.logoCarouselOne .logoCarouselWrap.slick-dotted {
    margin-bottom: 60px;
}
.logoCarouselOne .logoCarouselItem {
    margin: 0 15px;
}
.logoCarouselOne .logoCarouselImg {
    padding-bottom: 56%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: var(--transition-200);
}
.logoCarouselOne .logoCarouselImg:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.logoCarouselOne .slick-prev,
.logoCarouselOne .slick-next {
    z-index: 1;
    width: 30px;
    height: 30px;
}
.logoCarouselOne .slick-prev svg,
.logoCarouselOne .slick-next svg {
    width: 100%;
    height: 100%;
}
.logoCarouselOne .slick-prev path,
.logoCarouselOne .slick-prev circle,
.logoCarouselOne .slick-next path,
.logoCarouselOne .slick-next circle {
    stroke: #707070;
    fill: transparent;
    transition: var(--transition-200);
}
.logoCarouselOne .slick-prev.slick-disabled,
.logoCarouselOne .slick-next.slick-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.logoCarouselOne .slick-prev:before,
.logoCarouselOne .slick-next:before {
    display: none;
}
.logoCarouselOne .slick-prev:hover path,
.logoCarouselOne .slick-next:hover path {
    stroke: var(--white);
}
.logoCarouselOne .slick-prev:hover circle,
.logoCarouselOne .slick-next:hover circle {
    fill: var(--primary);
    stroke: var(--primary);
}
.logoCarouselOne .slick-prev {
    left: -30px;
}
.logoCarouselOne .slick-next {
    right: -30px;
}

@media (max-width: 575px) {
    .logoCarouselOne .logoCarouselItem {
        margin: 0 30px;
    }
    .logoCarouselOne .slick-prev,
    .logoCarouselOne .slick-next {
        width: 30px;
        height: 30px;
    }
    .logoCarouselOne .slick-prev {
        left: 0;
    }
    .logoCarouselOne .slick-next {
        right: 0;
    }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Logo Carousel One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Gallery One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.teamGalleryOne .teamItem {
    margin-bottom: 15px;
}
.teamGalleryOne .teamItemWrap {
    display: block;
}
.teamGalleryOne .teamItemWrap:hover .teamItemImg {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.12);
}
.teamGalleryOne .teamItemWrap:hover .teamItemToggle {
    color: var(--text-color);
}
.teamGalleryOne .teamItemWrap:hover .teamItemToggle span:after {
    width: 90%;
}
.teamGalleryOne .teamItemImgHolder {
    margin-bottom: 30px;
}
.teamGalleryOne .teamItemImg {
    transition: var(--transition-200);
}
.teamGalleryOne .teamItemName {
    line-height: 1;
    color: var(--primary);
    text-align: center;
    margin-bottom: 10px;
}
.teamGalleryOne .teamItemToggle {
    font-size: 12px;
    color: var(--text-color-3);
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: var(--font-weight-bold);
    transition: color var(--transition-200);
}
.teamGalleryOne .teamItemToggle span {
    position: relative;
    display: inline-block;
}
.teamGalleryOne .teamItemToggle span:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3px;
    width: 0;
    height: 2px;
    background: var(--text-color);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: width var(--transition-200);
}

.teamGalleryOne .teamPanel {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 510;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--gray-2);
}
.teamGalleryOne .teamPanel .container {
    padding-left: 30px;
    padding-right: 30px;
}
.teamGalleryOne .teamPanel .row {
    align-items: center;
}
.teamGalleryOne .teamPanelWrap {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.teamGalleryOne .teamPanelImgHolder {
    margin-bottom: 30px;
}
.teamGalleryOne .teamPanelName {
    margin-bottom: 10px;
}
.teamGalleryOne .teamPanelClose {
    position: absolute;
    top: 40px;
    right: 50px;
}
.teamGalleryOne .teamPanelClose .burger:hover .burgerLine,
.teamGalleryOne .teamPanelClose .burger:hover .burgerSlash {
    background-color: var(--primary);
}
.teamGalleryOne .teamPanelClose .burger:hover .burgerText {
    color: var(--primary);
}
.teamGalleryOne .teamPanelClose .burgerLine,
.teamGalleryOne .teamPanelClose .burgerSlash {
    background-color: var(--text-color);
}
.teamGalleryOne .teamPanelClose .burgerText {
    font-size: 16px;
    color: var(--text-color);
    font-weight: var(--font-weight-bold);
}

@media (max-width: 767px) {
    .teamGalleryOne .teamPanel .row {
        align-items: flex-start;
    }
    .teamGalleryOne .teamPanelWrap {
        display: block;
        align-items: initial;
        height: auto;
        padding: 80px 0 50px;
    }
    .teamGalleryOne .teamPanelClose {
        top: 24px;
        right: 36px;
    }
}
@media (max-width: 575px) {
    .teamGalleryOne .teamPanelClose {
        right: 28px;
    }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Gallery One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Gallery Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.teamGalleryTwo .teamItem {
    margin-bottom: 30px;
}
.teamGalleryTwo .teamItem:hover .teamItemImg {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.teamGalleryTwo .teamItemWrap {
    display: block;
    overflow: hidden;
    border-radius: var(--border-radius);
    background-color: var(--white);
}
.teamGalleryTwo .teamItemImgHolder {
    overflow: hidden;
}
.teamGalleryTwo .teamItemImg {
    display: block;
    transition: var(--transition-200);
}
.teamGalleryTwo .teamItemBody {
    padding: 25px;
}
@media (max-width: 575px) {
    .teamGalleryTwo .teamItemBody {
        padding: 15px;
    }
}
.teamGalleryTwo .teamItemBody p {
    margin-bottom: 20px;
}
.teamGalleryTwo .teamItemName {
    margin-bottom: 5px;
}
.teamGalleryTwo .teamItemMetas {
    margin-bottom: 20px;
}
.teamGalleryTwo .teamItemMeta {
    margin-bottom: 5px;
}
.teamGalleryTwo .teamItemMeta i {
    color: var(--primary);
    margin-right: 5px;
}
.teamGalleryTwo .teamItemDescription {
    font-size: 14px;
}
.teamGalleryTwo .teamItemDescription a {
    font-weight: var(--font-weight-bold);
}
.teamGalleryTwo .teamItemLink {
    margin-top: 20px;
    margin-bottom: 0;
}
.teamGalleryTwo p.teamItemLink {
    margin-bottom: 0;
}

.teamGalleryTwo .teamPanel {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 510;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--gray-2);
}
.teamGalleryTwo .teamPanel .container {
    padding-left: 30px;
    padding-right: 30px;
}
.teamGalleryTwo .teamPanel .row {
    align-items: center;
}
@media (max-width: 767px) {
    .teamGalleryTwo .teamPanel .row {
        align-items: flex-start;
    }
}
.teamGalleryTwo .teamPanelWrap {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
@media (max-width: 767px) {
    .teamGalleryTwo .teamPanelWrap {
        display: block;
        align-items: initial;
        height: auto;
        padding: 80px 0 50px;
    }
}
.teamGalleryTwo .teamPanelImgHolder {
    margin-bottom: 30px;
}
.teamGalleryTwo .teamPanelName {
    margin-bottom: 10px;
}
.teamGalleryTwo .teamPanelClose {
    position: absolute;
    top: 40px;
    right: 50px;
}
@media (max-width: 767px) {
    .teamGalleryTwo .teamPanelClose {
        top: 24px;
        right: 36px;
    }
}
@media (max-width: 575px) {
    .teamGalleryTwo .teamPanelClose {
        right: 28px;
    }
}
.teamGalleryTwo .teamPanelClose .burger:hover .burgerLine,
.teamGalleryTwo .teamPanelClose .burger:hover .burgerSlash {
    background-color: var(--primary);
}
.teamGalleryTwo .teamPanelClose .burger:hover .burgerText {
    color: var(--primary);
}
.teamGalleryTwo .teamPanelClose .burgerLine,
.teamGalleryTwo .teamPanelClose .burgerSlash {
    background-color: var(--text-color);
}
.teamGalleryTwo .teamPanelClose .burgerText {
    font-size: 16px;
    color: var(--text-color);
    font-weight: var(--font-weight-bold);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Gallery Two - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Gallery Three - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.teamGalleryThree .teamItem {
    margin-bottom: 30px;
}
.teamGalleryThree .teamItemWrap {
    display: block;
    overflow: hidden;
    border-radius: var(--border-radius);
    background-color: var(--white);
    border-top: 5px solid var(--primary);
}
.teamGalleryThree .teamItemBody {
    padding: 25px;
}
@media (max-width: 575px) {
    .teamGalleryThree .teamItemBody {
        padding: 15px;
    }
}
.teamGalleryThree .teamItemBody p {
    margin-bottom: 20px;
}
.teamGalleryThree .teamItemName {
    margin-bottom: 15px;
}
.teamGalleryThree .teamItemMetas {
    margin-bottom: 20px;
}
.teamGalleryThree .teamItemMeta {
    margin-bottom: 5px;
}
.teamGalleryThree .teamItemMeta i {
    color: var(--primary);
    margin-right: 5px;
}
.teamGalleryThree .teamItemDescription {
    font-size: 14px;
}
.teamGalleryThree .teamItemDescription a {
    font-weight: var(--font-weight-bold);
}
.teamGalleryThree .teamItemLink {
    margin-top: 20px;
    margin-bottom: 0;
}
.teamGalleryThree p.teamItemLink {
    margin-bottom: 0;
}

.teamGalleryThree .teamPanel {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 510;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--gray-2);
}
.teamGalleryThree .teamPanel .container {
    padding-left: 30px;
    padding-right: 30px;
}
.teamGalleryThree .teamPanel .row {
    align-items: center;
}
@media (max-width: 767px) {
    .teamGalleryThree .teamPanel .row {
        align-items: flex-start;
    }
}
.teamGalleryThree .teamPanelWrap {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
@media (max-width: 767px) {
    .teamGalleryThree .teamPanelWrap {
        display: block;
        align-items: initial;
        height: auto;
        padding: 80px 0 50px;
    }
}
.teamGalleryThree .teamPanelName {
    margin-bottom: 10px;
}
.teamGalleryThree .teamPanelClose {
    position: absolute;
    top: 40px;
    right: 50px;
}
@media (max-width: 767px) {
    .teamGalleryThree .teamPanelClose {
        top: 24px;
        right: 36px;
    }
}
@media (max-width: 575px) {
    .teamGalleryThree .teamPanelClose {
        right: 28px;
    }
}
.teamGalleryThree .teamPanelClose .burger:hover .burgerLine,
.teamGalleryThree .teamPanelClose .burger:hover .burgerSlash {
    background-color: var(--primary);
}
.teamGalleryThree .teamPanelClose .burger:hover .burgerText {
    color: var(--primary);
}
.teamGalleryThree .teamPanelClose .burgerLine,
.teamGalleryThree .teamPanelClose .burgerSlash {
    background-color: var(--text-color);
}
.teamGalleryThree .teamPanelClose .burgerText {
    font-size: 16px;
    color: var(--text-color);
    font-weight: var(--font-weight-bold);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Gallery Three - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Gallery Four - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.teamGalleryFour .teamItem {
    margin-bottom: 30px;
}
.teamGalleryFour .teamItemWrap {
    overflow: hidden;
    padding: 15px;
    border-radius: var(--border-radius);
    background-color: var(--white);
}
.teamGalleryFour .teamItemWrap:hover .teamItemImg {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
@media (max-width: 575px) {
    .teamGalleryFour .teamItemHeader {
        margin-bottom: 15px;
    }
}
.teamGalleryFour .teamItemImgHolder {
    overflow: hidden;
    height: 100%;
}
.teamGalleryFour .teamItemImg {
    display: block;
    height: 100%;
    border-radius: 3px;
    transition: var(--transition-200);
}
.teamGalleryFour .teamItemBody {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    padding-left: 20px;
}
@media (max-width: 575px) {
    .teamGalleryFour .teamItemBody {
        padding-left: 0;
    }
}
.teamGalleryFour .teamItemBody p {
    margin-bottom: 20px;
}
.teamGalleryFour .teamItemName {
    margin-bottom: 15px;
}
.teamGalleryFour .teamItemDivider {
    margin-bottom: 15px;
    width: 30px;
    height: 2px;
    background-color: var(--primary);
}
.teamGalleryFour .teamItemMetas {
    margin-bottom: 20px;
}
.teamGalleryFour .teamItemMeta {
    color: var(--text-color);
}
.teamGalleryFour .teamItemMeta i {
    color: var(--primary);
    margin-right: 5px;
}
.teamGalleryFour .teamItemLink {
    margin-bottom: 0;
}
.teamGalleryFour p.teamItemLink {
    margin-bottom: 0;
}

.teamGalleryFour .teamItemWrap {
    display: flex;
    flex-wrap: wrap;
}
.teamGalleryFour .teamItemHeader {
    width: 100%;
    max-width: 40%;
    flex: 0 0 40%;
}
@media (max-width: 575px) {
    .teamGalleryFour .teamItemHeader {
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
    }
}
.teamGalleryFour .teamItemHeader + .teamItemBody {
    width: 100%;
    flex: 0 0 60%;
    max-width: 60%;
}
@media (max-width: 575px) {
    .teamGalleryFour .teamItemHeader + .teamItemBody {
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
    }
}

.teamGalleryFour .teamPanel {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 510;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--gray-2);
}
.teamGalleryFour .teamPanel .container {
    padding-left: 30px;
    padding-right: 30px;
}
.teamGalleryFour .teamPanel .row {
    align-items: center;
}
@media (max-width: 767px) {
    .teamGalleryFour .teamPanel .row {
        align-items: flex-start;
    }
}
.teamGalleryFour .teamPanelWrap {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
@media (max-width: 767px) {
    .teamGalleryFour .teamPanelWrap {
        display: block;
        align-items: initial;
        height: auto;
        padding: 80px 0 50px;
    }
}
.teamGalleryFour .teamPanelImgHolder {
    margin-bottom: 30px;
}
.teamGalleryFour .teamPanelName {
    margin-bottom: 10px;
}
.teamGalleryFour .teamPanelClose {
    position: absolute;
    top: 40px;
    right: 50px;
}
@media (max-width: 767px) {
    .teamGalleryFour .teamPanelClose {
        top: 24px;
        right: 36px;
    }
}
@media (max-width: 575px) {
    .teamGalleryFour .teamPanelClose {
        right: 28px;
    }
}
.teamGalleryFour .teamPanelClose .burger:hover .burgerLine,
.teamGalleryFour .teamPanelClose .burger:hover .burgerSlash {
    background-color: var(--primary);
}
.teamGalleryFour .teamPanelClose .burger:hover .burgerText {
    color: var(--primary);
}
.teamGalleryFour .teamPanelClose .burgerLine,
.teamGalleryFour .teamPanelClose .burgerSlash {
    background-color: var(--text-color);
}
.teamGalleryFour .teamPanelClose .burgerText {
    font-size: 16px;
    color: var(--text-color);
    font-weight: var(--font-weight-bold);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Gallery Four - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Testimonial Carousel One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.testimonialCarouselOne .testimonialCarouselWrap {
    margin-bottom: 30px;
}
.testimonialCarouselOne .testimonialCarouselWrap.slick-dotted {
    margin-bottom: 90px;
}
.testimonialCarouselOne .testimonialCarouselInner {
    position: relative;
    margin: 0 auto;
    max-width: 850px;
    padding-top: 15px;
}
@media (max-width: 1199px) {
    .testimonialCarouselOne .testimonialCarouselInner {
        padding: 40px 20px;
    }
}
.testimonialCarouselOne .testimonialCarouselQuotLeft,
.testimonialCarouselOne .testimonialCarouselQuotRight {
    position: absolute;
    width: 34px;
}
@media (min-width: 1366px) {
    .testimonialCarouselOne .testimonialCarouselQuotLeft,
    .testimonialCarouselOne .testimonialCarouselQuotRight {
        width: 90px;
    }
}
.testimonialCarouselOne .testimonialCarouselQuotLeft svg,
.testimonialCarouselOne .testimonialCarouselQuotRight svg {
    width: 100%;
    height: auto;
}
.testimonialCarouselOne .testimonialCarouselQuotLeft svg path,
.testimonialCarouselOne .testimonialCarouselQuotRight svg path {
    fill: var(--secondary-1);
}
.testimonialCarouselOne .testimonialCarouselQuotLeft {
    top: 0;
    left: -65px;
}
@media (min-width: 1366px) {
    .testimonialCarouselOne .testimonialCarouselQuotLeft {
        left: -120px;
    }
}
@media (max-width: 1199px) {
    .testimonialCarouselOne .testimonialCarouselQuotLeft {
        left: 0;
    }
}
@media (max-width: 767px) {
    .testimonialCarouselOne .testimonialCarouselQuotLeft {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
.testimonialCarouselOne .testimonialCarouselQuotRight {
    right: -60px;
    bottom: 10px;
}
@media (min-width: 1366px) {
    .testimonialCarouselOne .testimonialCarouselQuotRight {
        right: -120px;
    }
}
@media (max-width: 1199px) {
    .testimonialCarouselOne .testimonialCarouselQuotRight {
        right: 0;
        bottom: 0;
    }
}
@media (max-width: 767px) {
    .testimonialCarouselOne .testimonialCarouselQuotRight {
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
.testimonialCarouselOne .testimonialCarouselContent {
    font-size: 32px;
    text-align: center;
    font-style: italic;
    color: var(--secondary);
    font-family: var(--font-family-serif);
}
@media (max-width: 1365px) {
    .testimonialCarouselOne .testimonialCarouselContent {
        font-size: 24px;
    }
}
@media (max-width: 575px) {
    .testimonialCarouselOne .testimonialCarouselContent {
        font-size: 18px;
    }
}
.testimonialCarouselOne .testimonialCarouselContent p:last-of-type {
    margin-bottom: 0;
    font-size: 16px;
    font-style: normal;
    color: var(--text-color);
}
.testimonialCarouselOne ul.slick-dots {
    bottom: -60px;
}

.testimonialCarouselOne .slick-prev,
.testimonialCarouselOne .slick-next {
    z-index: 1;
    width: 36px;
    height: 36px;
}
.testimonialCarouselOne .slick-prev svg,
.testimonialCarouselOne .slick-next svg {
    width: 100%;
    height: 100%;
}
.testimonialCarouselOne .slick-prev svg path,
.testimonialCarouselOne .slick-next svg path {
    fill: none;
    stroke: var(--gray-8);
}
._bg-blue-gradient .testimonialCarouselOne .slick-prev svg path,
._bg-secondary .testimonialCarouselOne .slick-prev svg path,
._bg-primary .testimonialCarouselOne .slick-prev svg path,
._bg-blue-gradient .testimonialCarouselOne .slick-next svg path,
._bg-secondary .testimonialCarouselOne .slick-next svg path,
._bg-primary .testimonialCarouselOne .slick-next svg path {
    stroke: var(--white);
}
.testimonialCarouselOne .slick-prev.slick-disabled,
.testimonialCarouselOne .slick-next.slick-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.testimonialCarouselOne .slick-prev:before,
.testimonialCarouselOne .slick-next:before {
    display: none;
}
.testimonialCarouselOne .slick-prev {
    left: 0;
}
.testimonialCarouselOne .slick-next {
    right: 0;
}

@media (max-width: 991px) {
    .testimonialCarouselOne .slick-prev,
    .testimonialCarouselOne .slick-next {
        width: 20px;
        height: 20px;
    }
    .testimonialCarouselOne .slick-prev svg path,
    .testimonialCarouselOne .slick-next svg path {
        stroke-width: 2;
    }
}
/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Testimonial Carousel One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Accordion One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.accordionOne {
    margin-bottom: 10px;
}
.accordionOne .accordionBtn {
    position: relative;
    cursor: pointer;
    padding: 15px 70px 15px 40px;
    border-radius: var(--border-radius);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transition: ease-in-out 500ms;
}
.accordionOne .accordionBtn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 16px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.6);
    background-color: transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: ease-in-out 500ms;
}
.accordionOne .accordionBtn h1,
.accordionOne .accordionBtn h2,
.accordionOne .accordionBtn h3,
.accordionOne .accordionBtn h4,
.accordionOne .accordionBtn h5,
.accordionOne .accordionBtn h6,
.accordionOne .accordionBtn p {
    margin-bottom: 0;
}
.accordionOne .accordionIcon {
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.accordionOne .accordionIcon i {
    display: block;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    transition: ease-in-out 500ms;
}
.accordionOne .accordionContent {
    display: none;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.accordionOne .accordionContentWrap {
    padding: 30px 40px 5px;
}
@media (max-width: 767px) {
    .accordionOne .accordionContentWrap {
        padding: 30px 20px 5px;
    }
}
.accordionOne.active .accordionBtn {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
}
.accordionOne.active .accordionBtn:before {
    border: 2px solid rgba(255, 255, 255, 0.6);
    background-color: rgba(255, 255, 255, 0.6);
}
.accordionOne.active .accordionIcon i {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.liveEdBlock .accordionOne .accordionContent,
.leDisabled .accordionOne .accordionContent {
    display: block;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Accordion One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Accordion Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.accordionTwo .accordionWrap {
    border-bottom: 1px solid var(--third);
}
.accordionTwo .accordionBtn {
    position: relative;
    cursor: pointer;
    padding: 15px 35px 15px 0px;
    transition: ease-in-out 500ms;
}
.accordionTwo .accordionBtn h1,
.accordionTwo .accordionBtn h2,
.accordionTwo .accordionBtn h3,
.accordionTwo .accordionBtn h4,
.accordionTwo .accordionBtn h5,
.accordionTwo .accordionBtn h6,
.accordionTwo .accordionBtn p {
    color: var(--fourth);
    margin-bottom: 0;
}
.accordionTwo .accordionIcon {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.accordionTwo .accordionIcon i {
    display: block;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: var(--third);
    font-size: 14px;
    transition: ease-in-out 500ms;
}
.accordionTwo .accordionContent {
    display: none;
}
.accordionTwo .accordionContentWrap {
    padding: 15px 0px 1px;
}
@media (max-width: 767px) {
    .accordionTwo .accordionContentWrap {
        padding: 15px 0px 1px;
    }
}
.accordionTwo.active .accordionBtn:before {
    border: 2px solid var(--primary);
    background-color: var(--primary);
}
.accordionTwo.active .accordionIcon i {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.liveEdBlock .accordionTwo .accordionContent,
.leDisabled .accordionTwo .accordionContent {
    display: block;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Accordion Two - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Accordion Three - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.accordionThree {
    margin-bottom: 10px;
}
.accordionThree .accordionWrap {
    border-radius: 26px;
}
.accordionThree .accordionBtn {
    position: relative;
    cursor: pointer;
    padding: 15px 54px 15px 40px;
}
.accordionThree .accordionBtn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 17px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.6);
    background-color: transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: ease-in-out 500ms;
}
.accordionThree .accordionBtn:after {
    opacity: 0;
    visibility: hidden;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: var(--border-color-dark);
    transition: ease-in-out 500ms;
}
.accordionThree .accordionBtn h1,
.accordionThree .accordionBtn h2,
.accordionThree .accordionBtn h3,
.accordionThree .accordionBtn h4,
.accordionThree .accordionBtn h5,
.accordionThree .accordionBtn h6,
.accordionThree .accordionBtn p {
    margin-bottom: 0;
}
.accordionThree .accordionIcon {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.accordionThree .accordionIcon i {
    display: block;
    color: rgba(0, 0, 0, 0.6);
    transition: ease-in-out 500ms;
}
.accordionThree .accordionContent {
    display: none;
}
.accordionThree .accordionContentWrap {
    padding: 30px 40px 5px;
}
@media (max-width: 767px) {
    .accordionThree .accordionContentWrap {
        padding: 30px 20px 5px;
    }
}
.accordionThree.active .accordionBtn:before {
    border: 2px solid rgba(255, 255, 255, 0.6);
    background-color: rgba(255, 255, 255, 0.6);
}
.accordionThree.active .accordionBtn:after {
    opacity: 1;
    visibility: visible;
}
.accordionThree.active .accordionIcon i {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.liveEdBlock .accordionThree .accordionContent,
.leDisabled .accordionThree .accordionContent {
    display: block;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Accordion Three - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tabs One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.tabsOne {
    margin-bottom: 30px;
}
@media (min-width: 768px) {
    .tabsOne .tabsWrap {
        display: flex;
    }
}
@media (min-width: 768px) {
    .tabsOne .tabsNavs {
        flex: 0 0 auto;
        max-width: 300px;
    }
}
.tabsOne .tabsContents {
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    border: 1px solid var(--gray-4);
}
@media (min-width: 768px) {
    .tabsOne .tabsContents {
        flex: 1 1 auto;
    }
}
.tabsOne .tabsNav {
    display: block;
    padding: 15px 35px 15px 30px;
    line-height: 1.218;
    color: var(--text-color);
    font-weight: var(--font-weight-bold);
    white-space: pre;
    border-top: 1px solid var(--border-color-dark);
    background-color: var(--gray-2);
}
.tabsOne .tabsNav:first-of-type {
    border-top: none;
    border-radius: var(--border-radius) 0 0 0;
}
.tabsOne .tabsNav:last-of-type {
    border-radius: 0 0 0 var(--border-radius);
}
.tabsOne .tabsNav.active {
    color: var(--white);
    border-top-color: transparent;
    background-color: var(--primary);
}
.tabsOne .tabsNav.active + .tabsNav {
    border-top-color: transparent;
}
@media (max-width: 767px) {
    .tabsOne .tabsNav {
        margin-bottom: 5px;
        border: none;
        border-radius: var(--border-radius);
    }
    .tabsOne .tabsNav:first-of-type,
    .tabsOne .tabsNav:last-of-type {
        border-radius: var(--border-radius);
    }
}
.tabsOne .tabsContent {
    padding: 30px 40px 10px;
}
@media (max-width: 767px) {
    .tabsOne .tabsContent {
        padding: 20px 20px 1px;
        border-radius: var(--border-radius);
    }
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tabs One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tabs Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.tabsTwo {
    margin-bottom: 30px;
}
.tabsTwo .tabsNavs {
    position: relative;
    max-width: 970px;
    padding: 0 40px;
    margin: 0 auto;
}
.tabsTwo .tabsNavsWrap {
    border: 1px solid var(--border-color-dark);
    border-radius: var(--border-radius);
    background-color: var(--white);
    box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.06),
        0 3px 14px 2px rgba(0, 0, 0, 0.04), 0 5px 5px -3px rgba(0, 0, 0, 0.06);
}
.tabsTwo .tabsNav {
    position: relative;
    display: block;
    padding: 30px 20px;
    line-height: 1.218;
    text-align: center;
    color: var(--text-color);
    font-weight: var(--font-weight-bold);
    white-space: pre;
}
.tabsTwo .tabsNav:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent transparent;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: var(--transition-200);
}
.tabsTwo .tabsNav:hover:after,
.tabsTwo .tabsNav.active:after {
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent var(--primary) transparent;
}
.tabsTwo .tabsContents {
    margin-top: -30px;
    padding: 80px 40px 45px;
    border-radius: var(--border-radius);
    background-color: var(--light);
}
.tabsTwo .tabsContent {
    max-width: 930px;
    margin: 0 auto;
}

@media (min-width: 992px) {
    .tabsTwo .tabsNavsWrap {
        display: flex;
    }
    .tabsTwo .tabsNav {
        flex: 1 1 auto;
    }
    .tabsTwo .tabsNav:not(:last-of-type) {
        border-right: 1px solid var(--border-color-dark);
    }
}
@media (max-width: 991px) {
    .tabsTwo .tabsNavs {
        padding: 0 20px;
    }
    .tabsTwo .tabsNav {
        padding: 20px;
    }
    .tabsTwo .tabsNav:not(:last-child) {
        border-bottom: 1px solid var(--border-color-dark);
    }
    .tabsTwo .tabsContents {
        margin-top: -60px;
        padding: 90px 40px 5px;
    }
}
@media (max-width: 767px) {
    .tabsTwo .tabsNavs {
        padding: 0;
    }
    .tabsTwo .tabsContents {
        margin-top: -20px;
        padding: 50px 20px 1px;
    }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tabs Two - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tabs Three - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.tabsThree {
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 3px;
    background-color: var(--white);
    box-shadow: var(--shadow-6);
}
.tabsThree .tabsNavs {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--border-color-dark);
}
.tabsThree .tabsNav {
    padding: 25px 0;
    color: var(--text-color);
    font-weight: var(--font-weight-bold);
}
@media (max-width: 767px) {
    .tabsThree .tabsNav {
        padding: 15px 0;
    }
}
.tabsThree .tabsNav:not(:last-of-type) .tabsNavOuter {
    border-right: 1px solid var(--border-color-dark);
}
@media (max-width: 767px) {
    .tabsThree .tabsNav.active {
        color: var(--white);
        background-color: var(--primary);
    }
}
.tabsThree .tabsNav.active .tabsNavInner:after {
    background-color: var(--primary);
}
.tabsThree .tabsNavOuter {
    padding: 0 35px;
}
@media (max-width: 767px) {
    .tabsThree .tabsNavOuter {
        padding: 0 15px;
    }
}
.tabsThree .tabsNavInner {
    position: relative;
}
.tabsThree .tabsNavInner:after {
    content: "";
    position: absolute;
    bottom: -26px;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: transparent;
}
@media (max-width: 767px) {
    .tabsThree .tabsNavInner:after {
        display: none;
    }
}
.tabsThree .tabsContent {
    padding: 30px 35px 1px;
}
@media (max-width: 767px) {
    .tabsThree .tabsContent {
        padding: 30px 15px 1px;
    }
}
.tabsThree.tabsBorderless {
    overflow: initial;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}
@media (min-width: 768px) {
    .tabsThree.tabsBorderless .tabsNav {
        padding-top: 0;
    }
}
@media (min-width: 768px) {
    .tabsThree.tabsBorderless .tabsNav:first-of-type .tabsNavOuter {
        padding-left: 0;
    }
}
@media (min-width: 768px) {
    .tabsThree.tabsBorderless .tabsNav:last-of-type .tabsNavOuter {
        padding-right: 0;
    }
}
.tabsThree.tabsBorderless .tabsContent {
    padding: 45px 0 15px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Tabs Three - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Card One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.contentCardOne {
    margin-bottom: 30px;
    background-size: 220px;
    /* background-size: 410px; */
    background-repeat: no-repeat;
    background-position: bottom right;
    background-image: url("../../images/light-water-mark.png");
    background-color: var(--primary);
}
.contentCardOne .contentCardWrap {
    padding: 60px 60px 20px;
}
@media (max-width: 575px) {
    .contentCardOne .contentCardWrap {
        padding: 40px 30px 1px;
    }
}
.contentCardOne .contentCardOrnament {
    width: 72px;
    margin-bottom: 30px;
}
.contentCardOne .contentCardOrnament path {
    fill: var(--light);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Card One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Card Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.contentCardTwo {
    margin-bottom: 30px;
    background-size: 258px;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-image: url("../images/bg-branches.png");
    background-color: var(--primary);
}
.contentCardTwo .contentCardWrap {
    padding: 60px 30px 1px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Content Card Two - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Modal One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.modalOne .container {
    max-width: none;
}
.modalOne .contentArea .contentAreaWrap {
    padding: 40px 25px 15px;
}
@media (max-width: 767px) {
    .modalOne .contentArea .contentAreaWrap {
        padding: 40px 15px 15px;
    }
}
@media (max-width: 575px) {
    .modalOne .contentArea .contentAreaWrap {
        padding: 30px 0 5px;
    }
}

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

.modalOne .modalDialog {
    opacity: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0 auto;
    min-height: 100px;
    border-radius: 6px;
    background-color: var(--white);
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.5);
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    transition: var(--transition-360);
}
.modalOne .modalDialog.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.modalOne .modalClose {
    z-index: 1;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0);
}
.modalOne .modalClose:hover {
    color: black;
    background-color: white;
    box-shadow: -2px 2px 6px rgba(0, 0, 0, 0.15);
}

.modalOne .modalDialogSmall {
    max-width: 570px;
}
.modalOne .modalDialogMedium {
    max-width: 770px;
}
.modalOne .modalDialogLarge {
    max-width: 970px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Modal One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Count Up One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.countUpOne {
    text-align: center;
}
.countUpOne .countUpTop {
    display: block;
    font-size: 48px;
    margin-bottom: 15px;
    font-weight: var(--font-weight-semi-bold);
}
.countUpOne .countUpBottom {
    display: block;
}
.countUpOne .countUpIcon {
    margin-bottom: 15px;
}
/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Count Up One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Open Hours One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.openHoursOne .openHoursWrap {
    position: relative;
    display: inline-block;
}
.openHoursOne .openHoursEdBtn {
    display: none;
}
.liveEdBlock .openHoursOne .openHoursEdBtn {
    display: block;
}

.openHoursOne.active .openHoursStatus i {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.openHoursOne .openHoursStatus {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.openHoursOne .openHoursStatus i {
    color: var(--primary);
    transition: -webkit-transform var(--transition-200);
    transition: transform var(--transition-200);
    transition: transform var(--transition-200),
        -webkit-transform var(--transition-200);
}
.openHoursOne .openHoursCurrentStatus {
    margin-right: 5px;
    color: var(--primary);
    font-style: italic;
    font-family: var(--font-family-serif);
}
.openHoursOne .openHoursNextStatus {
    margin-right: 5px;
    font-weight: var(--font-weight-bold);
}

.openHoursOne .openHoursPanel {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 250px;
    padding: 25px 20px 10px;
    background-color: var(--white);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
    z-index: 1;
}
.openHoursOne .openHoursPanelHeader {
    margin-bottom: 15px;
}
.openHoursOne .openHoursPanelBody {
    margin-bottom: 15px;
}
.openHoursOne .openHoursPanelBody ul li {
    margin-bottom: 3px;
}
.openHoursOne .openHoursPanelFooter p {
    margin-bottom: 15px;
}
.openHoursOne .openHoursDay {
    min-width: 50px;
    display: inline-block;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Open Hours One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Donation Form - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.donationForm .mwFormSubmitRow .submit {
    display: block;
}
.donationForm .mwFormSubmitRow .submit.left {
    float: left;
}
.donationForm .mwFormSubmitRow .submit.middle {
    margin: 0 auto;
}
.donationForm .mwFormSubmitRow .submit.right {
    float: right;
}

.donationFormAdditionalOption {
    display: none;
}

.paymentOptionsTabs {
    display: none;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Donation Form - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Donation Form One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.donationFormOne .amountButtonWrap {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}
.donationFormOne .amountButtonWrap .button {
    padding: 0 10px;
    margin-bottom: 10px;
}
.donationFormOne .amountButtonWrap .button span {
    display: block;
    text-align: center;
    font-weight: var(--font-weight-semi-bold);
    transition: var(--transition-200);
}

.donationFormOne .amountButtonWrap .button span {
    color: var(--white);
    background-color: var(--primary);
}
.donationFormOne .amountButtonWrap .button:hover span,
.donationFormOne .amountButtonWrap .button.selected span {
    color: var(--white);
    background-color: var(--secondary);
}
.donationFormOne .amountButtonWrap .button.border span {
    color: var(--primary);
    border: 1px solid var(--primary);
    background-color: transparent;
}
.donationFormOne .amountButtonWrap .button.border:hover span,
.donationFormOne .amountButtonWrap .button.border.selected span {
    color: var(--white);
    border-color: var(--primary);
    background-color: var(--primary);
}

.donationFormOne .amountButtonWrap .button.round span {
    overflow: hidden;
    border-radius: 200px;
}
.donationFormOne .amountButtonWrap .button.square span {
    overflow: hidden;
    border-radius: var(--border-radius);
}

.donationFormOne .amountButtonWrap .button {
    width: 100%;
}
.donationFormOne .amountButtonWrap .button.small {
    flex: 0 0 16.666666%;
    max-width: 16.666666%;
}
@media (max-width: 767px) {
    .donationFormOne .amountButtonWrap .button.small {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}
@media (max-width: 575px) {
    .donationFormOne .amountButtonWrap .button.small {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
.donationFormOne .amountButtonWrap .button.small span {
    padding: 18px;
}
.donationFormOne .amountButtonWrap .button.medium {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
@media (max-width: 575px) {
    .donationFormOne .amountButtonWrap .button.medium {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
.donationFormOne .amountButtonWrap .button.medium span {
    font-size: 20px;
    padding: 30px;
}
.donationFormOne .amountButtonWrap .button.large {
    flex: 0 0 50%;
    max-width: 50%;
}
.donationFormOne .amountButtonWrap .button.large span {
    font-size: 30px;
    padding: 60px;
}

.donationFormOne .mwPayment-input.amount {
    margin-bottom: 0;
}
.donationFormOne .mwPayment-input.amount .mwInput {
    height: 60px;
    padding-left: 30px;
}
.donationFormOne .mwPayment-input.amount .mwInput:before {
    font-family: var(--font-family-icon);
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    content: "\F155";
    position: absolute;
    top: 0;
    left: 30px;
    color: var(--primary);
    font-size: 20px;
    line-height: 60px;
}

.donationFormOne .donationFormRecurring table {
    margin-bottom: 0;
}
.donationFormOne .donationFormRecurring .monthsWrap label {
    height: 60px;
    line-height: 60px;
}
.donationFormOne .donationFormRecurring .monthsWrap .mwInput {
    height: 60px;
}

.donationFormOne .mwPayment-hint {
    display: none;
}

.donationFormOne .mwFormSubmitRow .submit {
    display: table;
    padding: 0 var(--btn-md-padding-x);
    color: var(--white);
    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);
    border-width: var(--btn-border-width);
    border-style: var(--btn-border-style);
    border-color: var(--primary);
    background-color: var(--primary);
    box-shadow: none;
}
.donationFormOne .mwFormSubmitRow .submit:hover {
    color: var(--white);
    border-color: var(--primary-6);
    background-color: var(--primary-6);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Donation Form One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Donation Form Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.donationFormTwo .donationFormWrap {
    background-color: var(--white);
    padding: 70px 70px 40px;
    margin-bottom: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
@media (max-width: 991px) {
    .donationFormTwo .donationFormWrap {
        padding: 50px 50px 20px;
    }
}
@media (max-width: 575px) {
    .donationFormTwo .donationFormWrap {
        padding: 30px 15px 1px;
    }
}
@media (max-width: 359px) {
    .donationFormTwo .mwCaptcha {
        width: 260px;
    }
}
@media (max-width: 359px) {
    .donationFormTwo .mwCaptcha .g-recaptcha {
        -webkit-transform: scale(0.8556);
        transform: scale(0.8556);
    }
}

.donationFormTwo .amountButtonWrap {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}
.donationFormTwo .amountButtonWrap .button {
    padding: 0 10px;
    margin-bottom: 10px;
}
.donationFormTwo .amountButtonWrap .button span {
    display: block;
    text-align: center;
    font-weight: var(--font-weight-semi-bold);
    transition: var(--transition-200);
}

.donationFormTwo .amountButtonWrap .button span {
    color: var(--white);
    background-color: var(--primary);
}
.donationFormTwo .amountButtonWrap .button:hover span,
.donationFormTwo .amountButtonWrap .button.selected span {
    color: var(--white);
    background-color: var(--secondary);
}
.donationFormTwo .amountButtonWrap .button.border span {
    color: var(--primary);
    border: 1px solid var(--primary);
    background-color: transparent;
}
.donationFormTwo .amountButtonWrap .button.border:hover span,
.donationFormTwo .amountButtonWrap .button.border.selected span {
    color: var(--white);
    border-color: var(--primary);
    background-color: var(--primary);
}

.donationFormTwo .amountButtonWrap .button.round span {
    overflow: hidden;
    border-radius: 200px;
}
.donationFormTwo .amountButtonWrap .button.square span {
    overflow: hidden;
    border-radius: var(--border-radius);
}

.donationFormTwo .amountButtonWrap .button {
    width: 100%;
}
.donationFormTwo .amountButtonWrap .button.small {
    flex: 0 0 16.666666%;
    max-width: 16.666666%;
}
@media (max-width: 767px) {
    .donationFormTwo .amountButtonWrap .button.small {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}
@media (max-width: 575px) {
    .donationFormTwo .amountButtonWrap .button.small {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
.donationFormTwo .amountButtonWrap .button.small span {
    padding: 18px;
}
.donationFormTwo .amountButtonWrap .button.medium {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
@media (max-width: 575px) {
    .donationFormTwo .amountButtonWrap .button.medium {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
.donationFormTwo .amountButtonWrap .button.medium span {
    font-size: 20px;
    padding: 30px;
}
.donationFormTwo .amountButtonWrap .button.large {
    flex: 0 0 50%;
    max-width: 50%;
}
.donationFormTwo .amountButtonWrap .button.large span {
    font-size: 30px;
    padding: 60px;
}

.donationFormTwo .mwPayment-input.amount {
    margin-bottom: 0;
}
.donationFormTwo .mwPayment-input.amount .mwInput {
    height: 60px;
    padding-left: 30px;
}
.donationFormTwo .mwPayment-input.amount .mwInput input {
    font-size: 18px;
}
.donationFormTwo .mwPayment-input.amount .mwInput:before {
    font-family: var(--font-family-icon);
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    content: "\F155";
    position: absolute;
    top: 0;
    left: 30px;
    color: var(--primary);
    font-size: 20px;
    line-height: 60px;
}

.donationFormTwo .donationFormRecurring table {
    margin-bottom: 0;
}
.donationFormTwo .donationFormRecurring .monthsWrap label {
    height: 62px;
    line-height: 60px;
}
.donationFormTwo .donationFormRecurring .monthsWrap .mwInput input {
    height: 60px;
    font-size: 18px;
}

.donationFormTwo .mwPayment-hint {
    display: none;
}

.donationFormTwo .mwFormSubmitRow .submit {
    display: table;
    padding: 0 var(--btn-md-padding-x);
    color: var(--white);
    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);
    border-width: var(--btn-border-width);
    border-style: var(--btn-border-style);
    border-color: var(--primary);
    background-color: var(--primary);
    box-shadow: none;
}
.donationFormTwo .mwFormSubmitRow .submit:hover {
    color: var(--white);
    border-color: var(--primary-6);
    background-color: var(--primary-6);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Donation Form Two - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Categories List One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.categoriesListOne ul {
    overflow: hidden;
    padding: 5px 0;
    border-radius: var(--border-radius);
    background-color: rgba(0, 0, 0, 0.1);
}
.categoriesListOne ul li {
    padding: 0 25px;
    margin: 0;
}
.categoriesListOne ul li a {
    position: relative;
    display: block;
    padding: 15px 0 15px 22px;
    color: var(--text-color);
    font-size: 14px;
    font-weight: var(--font-weight-bold);
}
.categoriesListOne ul li a i {
    position: absolute;
    left: 0;
    font-size: 12px;
    color: var(--text-color-3);
    margin-right: 10px;
}
.categoriesListOne ul li a:hover {
    color: var(--primary-5);
}
.categoriesListOne ul li + li a {
    border-top: 1px solid var(--border-color-dark);
}
.categoriesListOne ul li:before {
    display: none;
}
.categoriesListOne 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);
}
.categoriesListOne ul li:hover:after {
    background-color: var(--primary);
}
.categoriesListOne ul li.selected:after {
    background-color: var(--primary);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Categories List One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Categories List Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.categoriesListTwo ul li {
    padding: 0;
    margin: 0;
    border-bottom: 1px dashed var(--border-color-dark);
}
.categoriesListTwo ul li a {
    position: relative;
    display: block;
    padding: 15px 0 15px 22px;
    color: var(--text-color);
    font-size: 14px;
    font-weight: var(--font-weight-bold);
}
.categoriesListTwo ul li a i {
    position: absolute;
    left: 0;
    font-size: 12px;
    color: var(--text-color-3);
    margin-right: 10px;
}
.categoriesListTwo ul li a:hover {
    color: var(--primary);
}
.categoriesListTwo ul li a:hover i {
    color: var(--primary);
}
.categoriesListTwo ul li:before {
    display: none;
}
.categoriesListTwo ul li:first-of-type {
    border-top: 1px dashed var(--border-color-dark);
}
.categoriesListTwo ul li.selected a i {
    color: var(--primary);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Categories List Two - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post List - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.postsList .row > div[style]:not([class]) {
    width: 100%;
}
.postsList .postsListLoader {
    width: 50px;
    margin: 30px auto;
}
.postsList .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, 0.1);
}
.postsList .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);
}
.postsList .blogs-show-more:hover {
    color: var(--white);
    border-color: var(--primary-6);
    background: var(--primary-6);
}
.postsList .blogs-post-crop-icon {
    display: none !important;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post List - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post List One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.postsListOne .postsItem {
    margin-bottom: 30px;
}
.postsListOne .postsItem:hover .postsItemImg {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.postsListOne .postsItemWrap {
    overflow: hidden;
    border-radius: 0;
    background-color: var(--white);
}
.postsListOne .postsItemImgHolder {
    overflow: hidden;
    height: 100%;
}
.postsListOne .postsItemImg {
    display: block;
}
.postsListOne .postsItemBody {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 25px;
}
.postsListOne .postsItemBody p {
    margin-bottom: 20px;
}
.postsListOne .postsItemTitle {
    margin-bottom: 15px;
}
.postsListOne .postsItemDate {
    color: var(--text-color-3);
    font-size: 12px;
    margin-bottom: 15px;
}
.postsListOne .postsItemDate i {
    margin-right: 8px;
}
.postsListOne .postsItemPreview {
    font-size: 14px;
}
.postsListOne .postsItemBtn {
    margin-top: auto;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.postsListOne .postsItemBtn i {
    position: relative;
    top: -1px;
    margin-left: 3px;
    font-size: 9px;
    transition: margin-left var(--transition-200);
}
.postsListOne .postsItemBtn:hover i {
    margin-left: 6px;
}

@media (max-width: 991px) and (min-width: 768px) {
    .postsListOne .postsItemWrap {
        display: flex;
        flex-wrap: wrap;
    }
    .postsListOne .postsItemHeader {
        width: 100%;
        flex: 0 0 40%;
        max-width: 40%;
        padding: 0;
    }
    .postsListOne .postsItemImg {
        padding: 0;
        height: 100%;
    }
    .postsListOne .postsItemBody {
        width: 100%;
        flex: 0 0 60%;
        max-width: 60%;
    }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post List One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post List Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.postsListTwo .postsListWrap::after {
    display: block;
    clear: both;
    content: "";
}
.postsListTwo .postsListWrap {
    margin-left: -15px;
    margin-right: -15px;
}
.postsListTwo .postsItem {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}
.postsListTwo .postsItem:hover .postsItemImg {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.postsListTwo .postsItem:hover .postsItemTitle {
    color: var(--primary);
}
.postsListTwo .postsItemWrap {
    display: block;
    overflow: hidden;
    border-radius: calc(var(--border-radius) / 2);
    background-color: var(--white);
}
.postsListTwo .postsItemImgHolder {
    overflow: hidden;
    height: 100%;
}
.postsListTwo .postsItemImg {
    transition: var(--transition-200);
}
.postsListTwo .postsItemBody {
    position: relative;
    padding: 20px;
}
.postsListTwo .postsItemTitle {
    margin-bottom: 0;
    font-weight: var(--font-weight-semi-bold);
    transition: var(--transition-200);
}
.postsListTwo .postsItemDate {
    margin-bottom: 0;
    font-size: 12px;
    color: var(--text-color-3);
}
.postsListTwo .postsItemDate i {
    margin-right: 8px;
}

@media (min-width: 1200px) {
    .postsListTwo .postsItem {
        width: 25%;
    }
    .postsListTwo .postsItem:nth-child(10n + 1),
    .postsListTwo .postsItem:nth-child(10n + 6) {
        width: 50%;
    }
    .postsListTwo .postsItem:nth-child(10n + 1) .postsItemWrap,
    .postsListTwo .postsItem:nth-child(10n + 6) .postsItemWrap {
        height: 540px;
    }
    .postsListTwo .postsItem:nth-child(10n + 1) .postsItemHeader,
    .postsListTwo .postsItem:nth-child(10n + 6) .postsItemHeader {
        height: 425px;
    }
    .postsListTwo .postsItem:nth-child(10n + 1) .postsItemBody,
    .postsListTwo .postsItem:nth-child(10n + 6) .postsItemBody {
        padding: 30px 40px;
    }
    .postsListTwo .postsItem:nth-child(10n + 1) .postsItemTitle,
    .postsListTwo .postsItem:nth-child(10n + 6) .postsItemTitle {
        height: calc((24px * var(--heading-line-height)) * 2);
        font-size: 24px;
    }
    .postsListTwo .postsItem:nth-child(10n + 6),
    .postsListTwo .postsItem:nth-child(10n + 7),
    .postsListTwo .postsItem:nth-child(10n + 8),
    .postsListTwo .postsItem:nth-child(10n + 9),
    .postsListTwo .postsItem:nth-child(10n + 10) {
        float: right;
    }
    .postsListTwo .postsItemWrap {
        height: 255px;
    }
    .postsListTwo .postsItemHeader {
        height: 178px;
    }
    .postsListTwo .postsItemImg {
        height: 100%;
    }
    .postsListTwo .postsItemBody {
        flex: 0 0 auto;
    }
    .postsListTwo .postsItemTitle {
        overflow: hidden;
        height: calc((16px * var(--heading-line-height)) * 2);
        font-size: 16px;
    }
}
@media (max-width: 1199px) {
    .postsListTwo .postsListWrap {
        display: flex;
        flex-wrap: wrap;
    }
    .postsListTwo .postsItem {
        width: 100%;
        max-width: 50%;
        flex: 0 0 50%;
    }
    .postsListTwo .postsItemWrap {
        height: 100%;
    }
    .postsListTwo .postsItemImg {
        padding-bottom: 75%;
    }
}
@media (max-width: 575px) {
    .postsListTwo .postsItem {
        flex: 0 0 100%;
        width: 100%;
        max-width: none;
    }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post List Two - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post List Three - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.postsListThree .postsItem:hover .postsItemImg {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.postsListThree .postsItem:first-of-type .postsItemBody {
    border-top: 1px solid var(--border-color-dark);
}
.postsListThree .postsItemWrap {
    display: flex;
    align-content: flex-start;
}
.postsListThree .postsItemHeader {
    flex: 0 0 auto;
    width: 350px;
    padding-bottom: 20px;
    margin-right: 60px;
}
.postsListThree .postsItemBody {
    flex: 1 1 auto;
    padding: 30px 0 1px;
    border-bottom: 1px solid var(--border-color-dark);
}
.postsListThree .postsItemImgHolder {
    overflow: hidden;
    height: 100%;
}
.postsListThree .postsItemImg {
    display: block;
    height: 100%;
}
.postsListThree .postsItemTitle {
    max-width: 570px;
    margin-bottom: 15px;
}
.postsListThree .postsItemDate {
    max-width: 570px;
    margin-bottom: 15px;
    color: var(--text-color-3);
    font-size: 14px;
}
.postsListThree .postsItemDate i {
    margin-right: 8px;
}
.postsListThree .postsItemPreview {
    max-width: 570px;
}

@media (max-width: 991px) {
    .postsListThree .postsItem:first-of-type .postsItemBody {
        border-top: 0;
    }
    .postsListThree .postsItemWrap {
        flex-wrap: wrap;
        align-content: initial;
    }
    .postsListThree .postsItemHeader {
        flex: 0 0 100%;
        width: 100%;
        padding-bottom: 0;
        margin-right: 0;
    }
    .postsListThree .postsItemBody {
        flex: 0 0 100%;
        width: 100%;
        padding-bottom: 10px;
        border-bottom: 0;
    }
    .postsListThree .postsItemImg {
        height: auto;
        padding-bottom: 75%;
    }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post List Three - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post List Four - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.postsListFour .postsItem {
    margin-bottom: 30px;
}
.postsListFour .postsItem:hover .postsItemImg {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.postsListFour .postsItem:hover .postsItemTitle {
    color: var(--primary);
}
.postsListFour .postsItem:hover .postsItemTitle:after {
    width: 60px;
    background-color: var(--primary-2);
}
.postsListFour .postsItemWrap {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border-radius: var(--border-radius);
    background-color: var(--white);
}
.postsListFour .postsItemHeader {
    width: 100%;
    max-width: 35%;
    flex: 0 0 35%;
}
.postsListFour .postsItemBody {
    width: 100%;
    flex: 0 0 65%;
    max-width: 65%;
    padding: 30px 30px 5px;
}
.postsListFour .postsItemImgHolder {
    overflow: hidden;
    height: 100%;
}
.postsListFour .postsItemImg {
    height: 100%;
    transition: var(--transition-200);
}
.postsListFour .postsItemTitle {
    max-width: 570px;
    margin-bottom: 15px;
    transition: var(--transition-200);
}
.postsListFour .postsItemDate {
    max-width: 570px;
    margin-bottom: 15px;
    color: var(--text-color-3);
    font-size: 14px;
}
.postsListFour .postsItemDate i {
    margin-right: 8px;
}
.postsListFour .postsItemPreview {
    max-width: 570px;
}

@media (min-width: 768px) {
    .postsListFour .postsItemTitle {
        position: relative;
        padding-bottom: 25px;
        margin-bottom: 20px;
    }
    .postsListFour .postsItemTitle:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 20px;
        height: 1px;
        background-color: var(--gray-4);
        transition: var(--transition-200);
    }
}
@media (max-width: 767px) {
    .postsListFour .postsItemHeader {
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
    }
    .postsListFour .postsItemBody {
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
        padding-bottom: 1px;
    }
    .postsListFour .postsItemImg {
        height: auto;
        padding-bottom: 75%;
    }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post List Four - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post List Five - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.postsListFive .postsItemHeader {
    margin-bottom: 30px;
}
.postsListFive .postsItemImg {
    display: block;
    height: 240px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post List Five - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Posts List Featured - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.postsListFeatured .postsItem {
    margin-bottom: 30px;
}
.postsListFeatured .postsItemWrap {
    display: block;
    position: relative;
}
.postsListFeatured .postsItemImgHolder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.postsListFeatured .postsItemImg {
    width: 100%;
    height: 100%;
    transition: var(--transition-200);
}
.postsListFeatured .postsItemGradient {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.75) 100%
    );
}
.postsListFeatured .postsItemInner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    min-height: 500px;
    padding: 50px 70px 20px;
}
@media (max-width: 991px) {
    .postsListFeatured .postsItemInner {
        min-height: 320px;
        padding: 50px 30px 20px;
    }
}
.postsListFeatured .postsItemTitle {
    color: var(--white);
    margin-bottom: 10px;
}
.postsListFeatured .postsItemAuthor {
    color: var(--white);
}
.postsListFeatured .postsItem:hover .postsItemImg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Posts List Featured - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Posts List Carousel One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.postsListCarouselOne {
    margin-bottom: 30px;
}
.postsListCarouselOne .slick-dotted.slick-slider {
    margin-bottom: 0;
}
.postsListCarouselOne .slick-vertical .slick-slide {
    border: 0;
}
.postsListCarouselOne .postsItem {
    margin: 15px;
    background-color: var(--gray-1);
}
.postsListCarouselOne .postsItem:hover .postsItemImg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.postsListCarouselOne .postsItemImgHolder {
    overflow: hidden;
}
.postsListCarouselOne .postsItemImg {
    padding-bottom: 75%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: var(--transition-200);
}
.postsListCarouselOne .postsItemContent {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 30px 30px 1px;
}
.postsListCarouselOne .postsItemDescription p {
    font-size: 14px;
}
.postsListCarouselOne .postsItemBtn {
    margin-top: auto;
}

.postsListCarouselOne .slick-prev,
.postsListCarouselOne .slick-next {
    z-index: 1;
    width: 36px;
    height: 36px;
}
.postsListCarouselOne .slick-prev svg,
.postsListCarouselOne .slick-next svg {
    width: 100%;
    height: 100%;
}
.postsListCarouselOne .slick-prev svg path,
.postsListCarouselOne .slick-next svg path {
    fill: none;
    stroke: var(--gray-8);
}
.postsListCarouselOne .slick-prev.slick-disabled,
.postsListCarouselOne .slick-next.slick-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.postsListCarouselOne .slick-prev:before,
.postsListCarouselOne .slick-next:before {
    display: none;
}
.postsListCarouselOne .slick-prev {
    left: -36px;
}
.contentAreaFullwidth .postsListCarouselOne .slick-prev {
    left: 30px;
}
.postsListCarouselOne .slick-next {
    right: -36px;
}
.contentAreaFullwidth .postsListCarouselOne .slick-next {
    right: 30px;
}

@media (max-width: 991px) {
    .postsListCarouselOne .postsItem {
        margin: 5px;
    }
    .postsListCarouselOne .slick-prev,
    .postsListCarouselOne .slick-next {
        width: 20px;
        height: 20px;
    }
    .postsListCarouselOne .slick-prev svg path,
    .postsListCarouselOne .slick-next svg path {
        stroke-width: 2;
    }
    .contentAreaFullwidth .postsListCarouselOne .slick-prev {
        left: 20px;
    }
    .contentAreaFullwidth .postsListCarouselOne .slick-next {
        right: 20px;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .postsListCarouselOne .postsItem {
        display: flex;
        flex-wrap: wrap;
    }
    .postsListCarouselOne .postsItemImgHolder {
        width: 100%;
        flex: 0 0 40%;
        max-width: 40%;
        padding: 0;
    }
    .postsListCarouselOne .postsItemImg {
        padding: 0;
        height: 100%;
    }
    .postsListCarouselOne .postsItemContent {
        width: 100%;
        flex: 0 0 60%;
        max-width: 60%;
    }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Posts List Carousel One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Details One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.postDetailsOne .blogs-post-crop-icon {
    top: 35px;
    left: calc(100% - 35px);
    z-index: 400;
}
.mwPageBlock:not(.liveEdBlock) .postDetailsOne .blogs-post-crop-icon {
    display: none;
}
.postDetailsOne .ui-resizable-handle,
.postDetailsOne .button.rst.reset {
    display: none !important;
}
.postDetailsOne .postDetailsBanner {
    position: relative;
    overflow: hidden;
    margin-bottom: -300px;
}
.postDetailsOne .postDetailsBannerWrap {
    padding: 60px 0 300px;
}
.postDetailsOne .postDetailsBannerBg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 110%;
    height: 110%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-filter: blur(15px);
    filter: blur(15px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.postDetailsOne .postDetailsBannerOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.25) 0%,
        white 100%
    );
}
.postDetailsOne .postDetailsBannerImg {
    position: relative;
    width: 100%;
    border-radius: 3px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.06);
}
.postDetailsOne .postDetailsHeader {
    position: relative;
    padding: 60px 0;
}
.postDetailsOne .postDetailsTitle {
    color: #181818;
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 15px;
    text-transform: none;
    font-weight: var(--font-weight-bold);
    font-family: var(--font-family-sans-serif);
}
.postDetailsOne .postDetailsTitle:before,
.postDetailsOne .postDetailsTitle:after {
    display: none;
}
.postDetailsOne .postDetailsSubheading {
    font-size: 24px;
    line-height: 1.8;
    font-weight: var(--font-weight-light);
}
.postDetailsOne .postDetailsSubheader {
    align-items: center;
}
@media (max-width: 575px) {
    .postDetailsOne .postDetailsMetas {
        margin-bottom: 15px;
    }
}
.postDetailsOne .postDetailsMetas i {
    margin-right: 10px;
}
.postDetailsOne .postDetailsShare {
    text-align: right;
}
@media (max-width: 575px) {
    .postDetailsOne .postDetailsShare {
        text-align: left;
    }
}
.postDetailsOne .postDetailsShare a {
    display: inline-block;
}
.postDetailsOne .postDetailsShare a:first-of-type .shareBtn {
    margin-left: 0;
}
.postDetailsOne .postDetailsShare a:last-of-type .shareBtn {
    margin-right: 0;
}
.postDetailsOne .postDetailsShare .shareBtn {
    margin-top: 0;
    margin-bottom: 0;
}
.postDetailsOne .postDetailsBody {
    position: relative;
}
.postDetailsOne .postDetailsContent h1,
.postDetailsOne .postDetailsContent h2,
.postDetailsOne .postDetailsContent h3,
.postDetailsOne .postDetailsContent h4,
.postDetailsOne .postDetailsContent h5,
.postDetailsOne .postDetailsContent h6 {
    color: #181818;
    margin-top: 45px;
    margin-bottom: 20px;
    line-height: 1.2;
    text-transform: none;
    font-weight: var(--font-weight-bold);
    font-family: var(--font-family-sans-serif);
}
.postDetailsOne .postDetailsContent h1:before,
.postDetailsOne .postDetailsContent h1:after,
.postDetailsOne .postDetailsContent h2:before,
.postDetailsOne .postDetailsContent h2:after,
.postDetailsOne .postDetailsContent h3:before,
.postDetailsOne .postDetailsContent h3:after,
.postDetailsOne .postDetailsContent h4:before,
.postDetailsOne .postDetailsContent h4:after,
.postDetailsOne .postDetailsContent h5:before,
.postDetailsOne .postDetailsContent h5:after,
.postDetailsOne .postDetailsContent h6:before,
.postDetailsOne .postDetailsContent h6:after {
    display: none;
}
.postDetailsOne .postDetailsContent h1 {
    font-size: 42px;
}
.postDetailsOne .postDetailsContent h2 {
    font-size: 38px;
}
.postDetailsOne .postDetailsContent h3 {
    font-size: 32px;
}
.postDetailsOne .postDetailsContent h4 {
    font-size: 28px;
}
.postDetailsOne .postDetailsContent h5 {
    font-size: 22px;
}
.postDetailsOne .postDetailsContent h6 {
    font-size: 18px;
}
.postDetailsOne .postDetailsContent p,
.postDetailsOne .postDetailsContent ul,
.postDetailsOne .postDetailsContent ol,
.postDetailsOne .postDetailsContent dl {
    color: #181818;
    font-size: 18px;
    line-height: 1.8;
}
.postDetailsOne .postDetailsContent a {
    text-decoration: underline;
}
.postDetailsOne .postDetailsFooter {
    position: relative;
    padding: 60px 0;
}

@media (max-width: 991px) {
    .postDetailsOne .postDetailsBanner {
        margin-bottom: -150px;
    }
    .postDetailsOne .postDetailsBannerWrap {
        padding: 30px 0 150px;
    }
    .postDetailsOne .postDetailsHeader {
        padding: 30px 0;
    }
    .postDetailsOne .postDetailsTitle {
        font-size: 26px;
    }
    .postDetailsOne .postDetailsSubheading {
        font-size: 20px;
    }
    .postDetailsOne .postDetailsSubheader {
        margin-top: 30px;
    }
    .postDetailsOne .postDetailsContent h1 {
        font-size: 30px;
    }
    .postDetailsOne .postDetailsContent h2 {
        font-size: 28px;
    }
    .postDetailsOne .postDetailsContent h3 {
        font-size: 24px;
    }
    .postDetailsOne .postDetailsContent h4 {
        font-size: 22px;
    }
    .postDetailsOne .postDetailsContent h5 {
        font-size: 20px;
    }
    .postDetailsOne .postDetailsContent h6 {
        font-size: 18px;
    }
}
@media (max-width: 575px) {
    .postDetailsOne .postDetailsBanner {
        margin-bottom: 0;
    }
    .postDetailsOne .postDetailsBannerBg,
    .postDetailsOne .postDetailsBannerOverlay {
        display: none;
    }
    .postDetailsOne .postDetailsBannerWrap {
        padding: 0;
    }
    .postDetailsOne .postDetailsBannerWrap .container {
        padding-left: 0;
        padding-right: 0;
    }
    .postDetailsOne .postDetailsBannerImg {
        width: 100%;
        box-shadow: none;
    }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Details One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Details Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.postDetailsTwo .blogs-post-crop-icon {
    top: 35px;
    left: calc(100% - 35px);
    z-index: 400;
}
.mwPageBlock:not(.liveEdBlock) .postDetailsTwo .blogs-post-crop-icon {
    display: none;
}
.postDetailsTwo .ui-resizable-handle,
.postDetailsTwo .button.rst.reset {
    display: none !important;
}
.postDetailsTwo .postDetailsBanner {
    margin-bottom: 60px;
}
.postDetailsTwo .postDetailsBannerImg {
    width: 100%;
}
.postDetailsTwo .postDetailsHeader {
    position: relative;
    padding: 90px 0 60px;
}
.postDetailsTwo .postDetailsTitle {
    color: #181818;
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 15px;
    text-transform: none;
    font-weight: var(--font-weight-bold);
    font-family: var(--font-family-sans-serif);
}
.postDetailsTwo .postDetailsTitle:before,
.postDetailsTwo .postDetailsTitle:after {
    display: none;
}
.postDetailsTwo .postDetailsSubheading {
    font-size: 24px;
    font-weight: var(--font-weight-light);
}
.postDetailsTwo .postDetailsSubheader {
    align-items: center;
}
@media (max-width: 575px) {
    .postDetailsTwo .postDetailsMetas {
        margin-bottom: 15px;
    }
}
.postDetailsTwo .postDetailsMetas i {
    margin-right: 10px;
}
.postDetailsTwo .postDetailsShare {
    text-align: right;
}
@media (max-width: 575px) {
    .postDetailsTwo .postDetailsShare {
        text-align: left;
    }
}
.postDetailsTwo .postDetailsShare a {
    display: inline-block;
}
.postDetailsTwo .postDetailsShare a:first-of-type .shareBtn {
    margin-left: 0;
}
.postDetailsTwo .postDetailsShare a:last-of-type .shareBtn {
    margin-right: 0;
}
.postDetailsTwo .postDetailsShare .shareBtn {
    margin-top: 0;
    margin-bottom: 0;
}
.postDetailsTwo .postDetailsBody {
    position: relative;
}
.postDetailsTwo .postDetailsContent h1,
.postDetailsTwo .postDetailsContent h2,
.postDetailsTwo .postDetailsContent h3,
.postDetailsTwo .postDetailsContent h4,
.postDetailsTwo .postDetailsContent h5,
.postDetailsTwo .postDetailsContent h6 {
    color: #181818;
    margin-top: 45px;
    margin-bottom: 20px;
    line-height: 1.2;
    text-transform: none;
    font-weight: var(--font-weight-bold);
    font-family: var(--font-family-sans-serif);
}
.postDetailsTwo .postDetailsContent h1:before,
.postDetailsTwo .postDetailsContent h1:after,
.postDetailsTwo .postDetailsContent h2:before,
.postDetailsTwo .postDetailsContent h2:after,
.postDetailsTwo .postDetailsContent h3:before,
.postDetailsTwo .postDetailsContent h3:after,
.postDetailsTwo .postDetailsContent h4:before,
.postDetailsTwo .postDetailsContent h4:after,
.postDetailsTwo .postDetailsContent h5:before,
.postDetailsTwo .postDetailsContent h5:after,
.postDetailsTwo .postDetailsContent h6:before,
.postDetailsTwo .postDetailsContent h6:after {
    display: none;
}
.postDetailsTwo .postDetailsContent h1 {
    font-size: 42px;
}
.postDetailsTwo .postDetailsContent h2 {
    font-size: 38px;
}
.postDetailsTwo .postDetailsContent h3 {
    font-size: 32px;
}
.postDetailsTwo .postDetailsContent h4 {
    font-size: 28px;
}
.postDetailsTwo .postDetailsContent h5 {
    font-size: 22px;
}
.postDetailsTwo .postDetailsContent h6 {
    font-size: 18px;
}
.postDetailsTwo .postDetailsContent p,
.postDetailsTwo .postDetailsContent ul,
.postDetailsTwo .postDetailsContent ol,
.postDetailsTwo .postDetailsContent dl {
    color: #181818;
    font-size: 18px;
    line-height: 1.8;
}
.postDetailsTwo .postDetailsContent a {
    text-decoration: underline;
}
.postDetailsTwo .postDetailsFooter {
    position: relative;
    padding: 60px 0;
}

@media (max-width: 991px) {
    .postDetailsTwo .postDetailsBanner {
        margin-bottom: 30px;
    }
    .postDetailsTwo .postDetailsHeader {
        padding: 30px 0;
    }
    .postDetailsTwo .postDetailsTitle {
        font-size: 26px;
    }
    .postDetailsTwo .postDetailsSubheading {
        font-size: 20px;
    }
    .postDetailsTwo .postDetailsContent h1 {
        font-size: 30px;
    }
    .postDetailsTwo .postDetailsContent h2 {
        font-size: 28px;
    }
    .postDetailsTwo .postDetailsContent h3 {
        font-size: 24px;
    }
    .postDetailsTwo .postDetailsContent h4 {
        font-size: 22px;
    }
    .postDetailsTwo .postDetailsContent h5 {
        font-size: 20px;
    }
    .postDetailsTwo .postDetailsContent h6 {
        font-size: 18px;
    }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Details Two - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Details Three - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.postDetailsThree .blogs-post-crop-icon {
    top: 35px;
    left: calc(100% - 35px);
    z-index: 400;
}
.mwPageBlock:not(.liveEdBlock) .postDetailsThree .blogs-post-crop-icon {
    display: none;
}
.postDetailsThree .ui-resizable-handle,
.postDetailsThree .button.rst.reset {
    display: none !important;
}
.postDetailsThree .postDetailsHeader {
    padding: 60px 0;
}
.postDetailsThree .postDetailsBanner {
    position: relative;
    border-radius: 20px;
}
.postDetailsThree .postDetailsBannerImg {
    opacity: 0;
}
.postDetailsThree .postDetailsHeaderRight {
    position: relative;
    padding: 45px 0;
}
.postDetailsThree .postDetailsHeaderRightInner {
    padding: 60px 15px 55px 0;
    border-radius: 0 20px 20px 0;
    background-color: var(--white);
}
.postDetailsThree .postDetailsMetas {
    font-size: 14px;
    margin-bottom: 15px;
    padding-left: 5px;
    font-family: var(--font-family-monospace);
}
.postDetailsThree .postDetailsTitle {
    color: #181818;
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 20px;
    text-transform: none;
    font-weight: var(--font-weight-bold);
    font-family: var(--font-family-sans-serif);
}
.postDetailsThree .postDetailsTitle:before,
.postDetailsThree .postDetailsTitle:after {
    display: none;
}
.postDetailsThree .postDetailsSubheading {
    font-size: 24px;
    font-weight: var(--font-weight-light);
}
.postDetailsThree .postDetailsShare a {
    display: inline-block;
}
.postDetailsThree .postDetailsShare a:first-of-type .shareBtn {
    margin-left: 0;
}
.postDetailsThree .postDetailsShare a:last-of-type .shareBtn {
    margin-right: 0;
}
.postDetailsThree .postDetailsShare .shareBtn {
    margin-top: 0;
    margin-bottom: 0;
}
.postDetailsThree .postDetailsContent h1,
.postDetailsThree .postDetailsContent h2,
.postDetailsThree .postDetailsContent h3,
.postDetailsThree .postDetailsContent h4,
.postDetailsThree .postDetailsContent h5,
.postDetailsThree .postDetailsContent h6 {
    color: #181818;
    margin-top: 45px;
    margin-bottom: 20px;
    line-height: 1.2;
    text-transform: none;
    font-weight: var(--font-weight-bold);
    font-family: var(--font-family-sans-serif);
}
.postDetailsThree .postDetailsContent h1:before,
.postDetailsThree .postDetailsContent h1:after,
.postDetailsThree .postDetailsContent h2:before,
.postDetailsThree .postDetailsContent h2:after,
.postDetailsThree .postDetailsContent h3:before,
.postDetailsThree .postDetailsContent h3:after,
.postDetailsThree .postDetailsContent h4:before,
.postDetailsThree .postDetailsContent h4:after,
.postDetailsThree .postDetailsContent h5:before,
.postDetailsThree .postDetailsContent h5:after,
.postDetailsThree .postDetailsContent h6:before,
.postDetailsThree .postDetailsContent h6:after {
    display: none;
}
.postDetailsThree .postDetailsContent h1 {
    font-size: 42px;
}
.postDetailsThree .postDetailsContent h2 {
    font-size: 38px;
}
.postDetailsThree .postDetailsContent h3 {
    font-size: 32px;
}
.postDetailsThree .postDetailsContent h4 {
    font-size: 28px;
}
.postDetailsThree .postDetailsContent h5 {
    font-size: 22px;
}
.postDetailsThree .postDetailsContent h6 {
    font-size: 18px;
}
.postDetailsThree .postDetailsContent p,
.postDetailsThree .postDetailsContent ul,
.postDetailsThree .postDetailsContent ol,
.postDetailsThree .postDetailsContent dl {
    color: #181818;
    font-size: 18px;
    line-height: 1.8;
}
.postDetailsThree .postDetailsContent a {
    text-decoration: underline;
}
.postDetailsThree .postDetailsFooter {
    position: relative;
    padding: 60px 0;
}

@media (min-width: 1200px) {
    .postDetailsThree .postDetailsHeaderInner {
        display: flex;
        flex-wrap: wrap;
    }
    .postDetailsThree .postDetailsHeaderLeft {
        width: 100%;
        max-width: 58%;
        flex: 0 0 58%;
    }
    .postDetailsThree .postDetailsBanner {
        width: 115%;
        left: -15%;
        height: 100%;
    }
    .postDetailsThree .postDetailsHeaderRight {
        order: -1;
        width: 100%;
        max-width: 42%;
        flex: 0 0 42%;
    }
}
@media (max-width: 1199px) {
    .postDetailsThree .postDetailsHeader {
        padding: 30px 0;
    }
    .postDetailsThree .postDetailsBanner {
        height: 360px;
    }
    .postDetailsThree .postDetailsHeaderRight {
        padding: 0 15px;
        margin-top: -40px;
    }
    .postDetailsThree .postDetailsHeaderRightInner {
        max-width: 840px;
        padding: 30px 35px;
        margin: 0 auto;
        border-radius: 20px 20px 0 0;
    }
}
@media (max-width: 991px) {
    .postDetailsThree .postDetailsTitle {
        font-size: 26px;
    }
    .postDetailsThree .postDetailsSubheading {
        font-size: 20px;
    }
    .postDetailsThree .postDetailsContent h1 {
        font-size: 30px;
    }
    .postDetailsThree .postDetailsContent h2 {
        font-size: 28px;
    }
    .postDetailsThree .postDetailsContent h3 {
        font-size: 24px;
    }
    .postDetailsThree .postDetailsContent h4 {
        font-size: 22px;
    }
    .postDetailsThree .postDetailsContent h5 {
        font-size: 20px;
    }
    .postDetailsThree .postDetailsContent h6 {
        font-size: 18px;
    }
}
@media (max-width: 575px) {
    .postDetailsThree .postDetailsHeader {
        padding: 15px 0;
    }
    .postDetailsThree .postDetailsBanner {
        height: 240px;
    }
    .postDetailsThree .postDetailsHeaderRight {
        padding: 0 10px;
    }
    .postDetailsThree .postDetailsHeaderRightInner {
        padding: 20px 15px 15px;
    }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Details Three - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Details Four - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.postDetailsFour .blogs-post-crop-icon {
    top: 35px;
    left: calc(100% - 35px);
    z-index: 400;
}
.mwPageBlock:not(.liveEdBlock) .postDetailsFour .blogs-post-crop-icon {
    display: none;
}
.postDetailsFour .ui-resizable-handle,
.postDetailsFour .button.rst.reset {
    display: none !important;
}
.postDetailsFour .postDetailsHeader {
    position: relative;
    padding: 200px 0 0;
}
.postDetailsFour .postDetailsHeader:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    height: calc(100% - 80px);
    background-color: var(--fourth-2);
    z-index: -1;
}
.postDetailsFour.no-banner .postDetailsHeader {
    padding: 300px 0 60px;
    background-color: var(--primary-1);
}
.postDetailsFour.no-banner .postDetailsHeader:before {
    display: none;
}
.postDetailsFour .postDetailsTitle {
    color: #181818;
    font-size: 46px;
    line-height: 1.2;
    margin-bottom: 30px;
    text-transform: none;
    font-weight: var(--font-weight-bold);
}
.postDetailsFour .postDetailsTitle:before,
.postDetailsFour .postDetailsTitle:after {
    display: none;
}
.postDetailsFour .postDetailsSubheading {
    font-size: 24px;
    font-weight: var(--font-weight-light);
}
.postDetailsFour .postDetailsBanner {
    margin-top: 60px;
}
.postDetailsFour .postDetailsBannerImg {
    width: 100%;
    border-radius: 3px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
}
.postDetailsFour .postDetailsSubheader {
    padding: 50px 0 40px;
}
.postDetailsFour .postDetailsSubheader .row {
    align-items: center;
}
@media (max-width: 575px) {
    .postDetailsFour .postDetailsMetas {
        margin-bottom: 15px;
    }
}
.postDetailsFour .postDetailsMetas i {
    margin-right: 10px;
}
.postDetailsFour .postDetailsShare {
    text-align: right;
}
@media (max-width: 575px) {
    .postDetailsFour .postDetailsShare {
        text-align: left;
    }
}
.postDetailsFour .postDetailsShare a {
    display: inline-block;
}
.postDetailsFour .postDetailsShare a:first-of-type .shareBtn {
    margin-left: 0;
}
.postDetailsFour .postDetailsShare a:last-of-type .shareBtn {
    margin-right: 0;
}
.postDetailsFour .postDetailsShare .shareBtn {
    margin-top: 0;
    margin-bottom: 0;
}
.postDetailsFour .postDetailsBody {
    position: relative;
}
.postDetailsFour .postDetailsContent h1,
.postDetailsFour .postDetailsContent h2,
.postDetailsFour .postDetailsContent h3,
.postDetailsFour .postDetailsContent h4,
.postDetailsFour .postDetailsContent h5,
.postDetailsFour .postDetailsContent h6 {
    color: #181818;
    margin-top: 45px;
    margin-bottom: 20px;
    line-height: 1.2;
    text-transform: none;
    font-weight: var(--font-weight-bold);
}
.postDetailsFour .postDetailsContent h1:before,
.postDetailsFour .postDetailsContent h1:after,
.postDetailsFour .postDetailsContent h2:before,
.postDetailsFour .postDetailsContent h2:after,
.postDetailsFour .postDetailsContent h3:before,
.postDetailsFour .postDetailsContent h3:after,
.postDetailsFour .postDetailsContent h4:before,
.postDetailsFour .postDetailsContent h4:after,
.postDetailsFour .postDetailsContent h5:before,
.postDetailsFour .postDetailsContent h5:after,
.postDetailsFour .postDetailsContent h6:before,
.postDetailsFour .postDetailsContent h6:after {
    display: none;
}
.postDetailsFour .postDetailsContent h1 {
    font-size: 42px;
}
.postDetailsFour .postDetailsContent h2 {
    font-size: 38px;
}
.postDetailsFour .postDetailsContent h3 {
    font-size: 32px;
}
.postDetailsFour .postDetailsContent h4 {
    font-size: 28px;
}
.postDetailsFour .postDetailsContent h5 {
    font-size: 22px;
}
.postDetailsFour .postDetailsContent h6 {
    font-size: 18px;
}
.postDetailsFour .postDetailsContent p,
.postDetailsFour .postDetailsContent ul,
.postDetailsFour .postDetailsContent ol,
.postDetailsFour .postDetailsContent dl {
    color: #181818;
    font-size: 18px;
    line-height: 1.8;
}
.postDetailsFour .postDetailsContent a {
    text-decoration: underline;
}
.postDetailsFour .postDetailsFooter {
    position: relative;
    padding: 60px 0;
}

@media (max-width: 991px) {
    .postDetailsFour .postDetailsHeader {
        padding: 200px 0 0;
    }
    .postDetailsFour.no-banner .postDetailsHeader {
        padding: 200px 0 60px;
    }
    .postDetailsFour .postDetailsTitle {
        font-size: 40px;
    }
    .postDetailsFour .postDetailsSubheading {
        font-size: 20px;
    }
    .postDetailsFour .postDetailsContent h1 {
        font-size: 30px;
    }
    .postDetailsFour .postDetailsContent h2 {
        font-size: 28px;
    }
    .postDetailsFour .postDetailsContent h3 {
        font-size: 24px;
    }
    .postDetailsFour .postDetailsContent h4 {
        font-size: 22px;
    }
    .postDetailsFour .postDetailsContent h5 {
        font-size: 20px;
    }
    .postDetailsFour .postDetailsContent h6 {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .postDetailsFour .postDetailsHeader {
        padding: 140px 0 0;
    }
    .postDetailsFour.no-banner .postDetailsHeader {
        padding: 140px 0 1px;
    }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Details Four - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Details Faculty - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.postDetailsFaculty .blogs-post-crop-icon {
    top: 35px;
    left: calc(100% - 35px);
    z-index: 400;
}
.mwPageBlock:not(.liveEdBlock) .postDetailsFaculty .blogs-post-crop-icon {
    display: none;
}
.postDetailsFaculty .ui-resizable-handle,
.postDetailsFaculty .button.rst.reset {
    display: none !important;
}
.postDetailsFaculty .postDetailsHeader {
    position: relative;
    padding: 200px 0 0;
}
.postDetailsFaculty .postDetailsHeader:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
    height: calc(100% - 80px);
    background-color: var(--fourth-3);
    z-index: -1;
}
.postDetailsFaculty.no-banner .postDetailsHeader {
    padding: 200px 0 60px;
    background-color: var(--fourth-3);
}
.postDetailsFaculty.no-banner .postDetailsHeader:before {
    display: none;
}
.postDetailsFaculty .postDetailsGradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.3) 0%,
        rgba(0, 0, 0, 0) 100%
    );
}
.postDetailsFaculty .postDetailsTitle {
    color: var(--white);
    font-size: 46px;
    line-height: 1.1;
    margin-bottom: 10px;
    text-transform: none;
    font-weight: var(--font-weight-bold);
}
.postDetailsFaculty .postDetailsTitle:before,
.postDetailsFaculty .postDetailsTitle:after {
    display: none;
}
.postDetailsFaculty .postDetailsSubheading {
    font-size: 24px;
    color: var(--fourth-1);
    font-weight: var(--font-weight-light);
}
.postDetailsFaculty .postDetailsBanner {
    margin-top: 60px;
}
.postDetailsFaculty .postDetailsBannerImg {
    width: 100%;
    border-radius: 3px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
}
.postDetailsFaculty .postDetailsSubheader {
    padding: 50px 0 40px;
}
.postDetailsFaculty .postDetailsSubheader .row {
    align-items: center;
}
@media (max-width: 575px) {
    .postDetailsFaculty .postDetailsMetas {
        margin-bottom: 15px;
    }
}
.postDetailsFaculty .postDetailsMetas i {
    margin-right: 10px;
}
.postDetailsFaculty .postDetailsShare {
    text-align: right;
}
@media (max-width: 575px) {
    .postDetailsFaculty .postDetailsShare {
        text-align: left;
    }
}
.postDetailsFaculty .postDetailsShare a {
    display: inline-block;
}
.postDetailsFaculty .postDetailsShare a:first-of-type .shareBtn {
    margin-left: 0;
}
.postDetailsFaculty .postDetailsShare a:last-of-type .shareBtn {
    margin-right: 0;
}
.postDetailsFaculty .postDetailsShare .shareBtn {
    margin-top: 0;
    margin-bottom: 0;
}
.postDetailsFaculty .postDetailsBody {
    position: relative;
}
.postDetailsFaculty .postDetailsBody h1,
.postDetailsFaculty .postDetailsBody h2,
.postDetailsFaculty .postDetailsBody h3,
.postDetailsFaculty .postDetailsBody h4,
.postDetailsFaculty .postDetailsBody h5,
.postDetailsFaculty .postDetailsBody h6 {
    color: #181818;
    margin-top: 45px;
    margin-bottom: 20px;
    line-height: 1.2;
    text-transform: none;
    font-weight: var(--font-weight-bold);
}
.postDetailsFaculty .postDetailsBody h1:before,
.postDetailsFaculty .postDetailsBody h1:after,
.postDetailsFaculty .postDetailsBody h2:before,
.postDetailsFaculty .postDetailsBody h2:after,
.postDetailsFaculty .postDetailsBody h3:before,
.postDetailsFaculty .postDetailsBody h3:after,
.postDetailsFaculty .postDetailsBody h4:before,
.postDetailsFaculty .postDetailsBody h4:after,
.postDetailsFaculty .postDetailsBody h5:before,
.postDetailsFaculty .postDetailsBody h5:after,
.postDetailsFaculty .postDetailsBody h6:before,
.postDetailsFaculty .postDetailsBody h6:after {
    display: none;
}
.postDetailsFaculty .postDetailsBody h1:first-of-type,
.postDetailsFaculty .postDetailsBody h2:first-of-type,
.postDetailsFaculty .postDetailsBody h3:first-of-type,
.postDetailsFaculty .postDetailsBody h4:first-of-type,
.postDetailsFaculty .postDetailsBody h5:first-of-type,
.postDetailsFaculty .postDetailsBody h6:first-of-type {
    margin-top: 0;
}
.postDetailsFaculty .postDetailsBody h1 {
    font-size: 42px;
}
.postDetailsFaculty .postDetailsBody h2 {
    font-size: 38px;
}
.postDetailsFaculty .postDetailsBody h3 {
    font-size: 32px;
}
.postDetailsFaculty .postDetailsBody h4 {
    font-size: 28px;
}
.postDetailsFaculty .postDetailsBody h5 {
    font-size: 22px;
}
.postDetailsFaculty .postDetailsBody h6 {
    font-size: 18px;
}
.postDetailsFaculty .postDetailsBody p,
.postDetailsFaculty .postDetailsBody ul,
.postDetailsFaculty .postDetailsBody ol,
.postDetailsFaculty .postDetailsBody dl {
    color: #181818;
    font-size: 18px;
    line-height: 1.8;
}
.postDetailsFaculty .postDetailsBody a {
    text-decoration: underline;
}
.postDetailsFaculty .postDetailsFooter {
    position: relative;
    padding: 60px 0;
}
.postDetailsFaculty .tabsNavs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 30px;
}
.postDetailsFaculty .tabsNav {
    flex: 1 0 auto;
    padding: 10px;
    color: var(--text-color);
    text-align: center;
    font-weight: var(--font-weight-bold);
    background-color: rgba(0, 0, 0, 0.1);
}
.postDetailsFaculty .tabsNav:hover,
.postDetailsFaculty .tabsNav.active {
    color: var(--white);
    background-color: var(--primary);
}
.postDetailsFaculty a.tabsNav {
    text-decoration: none;
}
.postDetailsFaculty .tabsContent br {
    display: none;
}

@media (max-width: 991px) {
    .postDetailsFaculty .postDetailsHeader {
        padding: 160px 0 0;
    }
    .postDetailsFaculty.no-banner .postDetailsHeader {
        padding: 160px 0 30px;
    }
    .postDetailsFaculty .postDetailsTitle {
        font-size: 40px;
    }
    .postDetailsFaculty .postDetailsSubheading {
        font-size: 20px;
    }
    .postDetailsFaculty .postDetailsBody h1 {
        font-size: 30px;
    }
    .postDetailsFaculty .postDetailsBody h2 {
        font-size: 28px;
    }
    .postDetailsFaculty .postDetailsBody h3 {
        font-size: 24px;
    }
    .postDetailsFaculty .postDetailsBody h4 {
        font-size: 22px;
    }
    .postDetailsFaculty .postDetailsBody h5 {
        font-size: 20px;
    }
    .postDetailsFaculty .postDetailsBody h6 {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .postDetailsFaculty .postDetailsHeader {
        padding: 120px 0 0;
    }
    .postDetailsFaculty.no-banner .postDetailsHeader {
        padding: 120px 0 1px;
    }
    .postDetailsFaculty .tabsNav {
        flex: 0 0 50%;
        width: 100%;
        max-width: 50%;
    }
}
@media (max-width: 575px) {
    .postDetailsFaculty .tabsNav {
        flex: 0 0 auto;
        max-width: none;
    }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Post Details Faculty - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.eShopEventsOne .eventsItem {
    margin-bottom: 30px;
}
.eShopEventsOne .eventsItem:hover .eventsItemImg {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.eShopEventsOne .eventsItemWrap {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 0;
    background-color: var(--white);
}
.eShopEventsOne .eventsItemHeader {
    position: relative;
}
.eShopEventsOne .eventsItemBody {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    padding: 30px 30px 1px;
}
.eShopEventsOne .eventsItemImgHolder {
    overflow: hidden;
    height: 100%;
}
.eShopEventsOne .eventsItemImg {
    display: block;
    transition: var(--transition-200);
}
.eShopEventsOne .eventsItemRelease {
    position: absolute;
    top: 0;
    left: 0;
    padding: 6px 18px;
    color: var(--white);
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    background-color: var(--fourth);
}
.eShopEventsOne .eventsItemRelease span {
    display: block;
}
.eShopEventsOne .eventsItemRelease span:nth-child(1) {
    line-height: 1;
    font-size: 24px;
    font-weight: var(--font-weight-bold);
}
.eShopEventsOne .eventsItemTitle {
    margin-bottom: 5px;
}
.eShopEventsOne .eventsItemTime {
    font-size: 16px;
}
.eShopEventsOne .eventsItemDescription {
    font-size: 16px;
}
.eShopEventsOne .eventsItemMore {
    margin-top: auto;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events Details One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.eShopEventsDetailsOne {
    margin-bottom: 30px;
}

.eShopEventsDetailsOne .eShopEventsDetailsWrap {
    overflow: hidden;
    position: relative;
    border-radius: var(--border-radius);
    background-color: var(--white);
}
.eShopEventsDetailsOne .eventsDetailsImgHolder,
.eShopEventsDetailsOne .eventsDetailsImg {
    width: 100%;
    height: 100%;
}
.eShopEventsDetailsOne .eventsDetailsImg {
    padding-bottom: 56%;
}
@media (max-width: 575px) {
    .eShopEventsDetailsOne .eventsDetailsImg {
        padding-bottom: 100%;
    }
}
.eShopEventsDetailsOne .eventsDetailsRelease,
.eShopEventsDetailsOne .eventsDetailsReleaseMobile {
    display: table;
    padding: 20px;
    margin-bottom: 30px;
    color: var(--white);
    text-align: center;
    background-color: var(--primary);
}
.eShopEventsDetailsOne .eventsDetailsRelease span,
.eShopEventsDetailsOne .eventsDetailsReleaseMobile span {
    display: block;
}
.eShopEventsDetailsOne .eventsDetailsRelease span:nth-child(1),
.eShopEventsDetailsOne .eventsDetailsReleaseMobile span:nth-child(1) {
    line-height: 1;
    font-size: 40px;
    font-weight: var(--font-weight-bold);
}
@media (max-width: 991px) {
    .eShopEventsDetailsOne .eventsDetailsRelease {
        display: none;
    }
}
.eShopEventsDetailsOne .eventsDetailsReleaseMobile {
    position: absolute;
    top: 0;
    right: 0;
}
@media (min-width: 992px) {
    .eShopEventsDetailsOne .eventsDetailsReleaseMobile {
        display: none;
    }
}
.eShopEventsDetailsOne .eventsDetailsTitle {
    margin-bottom: 15px;
}
.eShopEventsDetailsOne .eventsDetailsHost {
    margin-bottom: 0;
    color: var(--text-color-3);
}
.eShopEventsDetailsOne .eventsDetailsQty .mwInput {
    max-width: 100px;
    display: inline-block;
    vertical-align: middle;
}
.eShopEventsDetailsOne .eventsDetailsQty .mwInput input {
    text-align: center;
}
.eShopEventsDetailsOne .eventsDetailsQtyInc,
.eShopEventsDetailsOne .eventsDetailsQtyDec {
    width: 27px;
    height: 27px;
    line-height: 27px;
    color: var(--white);
    font-size: 13px;
    text-align: center;
    border-radius: var(--border-radius-circle);
    background-color: var(--primary);
}
.eShopEventsDetailsOne .eventsDetailsQtyInc:hover,
.eShopEventsDetailsOne .eventsDetailsQtyDec:hover {
    background-color: var(--primary-6);
}
.eShopEventsDetailsOne .eventsDetailsLocation {
    white-space: pre-line;
}

.eShopEventsDetailsOne .eventsDetailsHeaderRight {
    height: 100%;
    padding: 0 30px 1px;
    border-left: 1px solid var(--border-color-dark);
    background-color: var(--gray-2);
}
@media (max-width: 991px) {
    .eShopEventsDetailsOne .eventsDetailsHeaderRight {
        padding: 30px 30px 1px;
        border-left: 0;
    }
}
@media (max-width: 575px) {
    .eShopEventsDetailsOne .eventsDetailsHeaderRight {
        padding: 30px 15px 1px;
    }
}
.eShopEventsDetailsOne .eventsDetailsHeaderTop {
    margin-bottom: 60px;
}
@media (max-width: 991px) {
    .eShopEventsDetailsOne .eventsDetailsHeaderTop {
        margin-bottom: 30px;
    }
}
.eShopEventsDetailsOne .eventsDetailsHeaderBottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.eShopEventsDetailsOne .eventsDetailsQty {
    margin-bottom: 30px;
}

.eShopEventsDetailsOne .eventsDetailsBody {
    border-top: 1px solid var(--border-color-dark);
}
@media (max-width: 991px) {
    .eShopEventsDetailsOne .eventsDetailsBodyMain {
        order: 1;
    }
}
.eShopEventsDetailsOne .eventsDetailsBodySide {
    border-left: 1px solid var(--border-color-dark);
}
@media (max-width: 991px) {
    .eShopEventsDetailsOne .eventsDetailsBodySide {
        order: 0;
        border-left: 0;
    }
}
.eShopEventsDetailsOne .eventsDetailsBodyMainInner {
    padding: 40px 40px 30px;
}
@media (max-width: 991px) {
    .eShopEventsDetailsOne .eventsDetailsBodyMainInner {
        padding: 0 30px 1px;
    }
}
@media (max-width: 575px) {
    .eShopEventsDetailsOne .eventsDetailsBodyMainInner {
        padding: 0 15px 1px;
    }
}
.eShopEventsDetailsOne .eventsDetailsBodySideInner {
    padding: 40px 30px 30px;
}
@media (max-width: 991px) {
    .eShopEventsDetailsOne .eventsDetailsBodySideInner {
        padding: 30px 30px 1px;
    }
}
@media (max-width: 575px) {
    .eShopEventsDetailsOne .eventsDetailsBodySideInner {
        padding: 30px 15px 1px;
    }
}

.eShopEventsDetailsOne .tabsNavs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 30px;
}
.eShopEventsDetailsOne .tabsNav {
    flex: 1 0 auto;
    padding: 10px;
    color: var(--text-color);
    text-align: center;
    font-weight: var(--font-weight-bold);
    background-color: var(--gray-2);
}
.eShopEventsDetailsOne .tabsNav:hover,
.eShopEventsDetailsOne .tabsNav.active {
    color: var(--white);
    background-color: var(--primary);
}
.eShopEventsDetailsOne .eShopEventsDetailsGallery,
.eShopEventsDetailsOne .eShopEventsDetailsGalleryWrap,
.eShopEventsDetailsOne .eShopEventsDetailsGalleryItemImg,
.eShopEventsDetailsOne .slick-list,
.eShopEventsDetailsOne .slick-track {
    width: 100%;
    height: 100%;
}
.eShopEventsDetailsOne .eShopEventsDetailsGalleryItemImg {
    padding-bottom: 56%;
}
@media (max-width: 575px) {
    .eShopEventsDetailsOne .eShopEventsDetailsGalleryItemImg {
        padding-bottom: 100%;
    }
}

.eShopEventsDetailsOne .svgColorize {
    stroke: var(--white);
}
.eShopEventsDetailsOne .slick-prev,
.eShopEventsDetailsOne .slick-next {
    z-index: 1;
    width: auto;
    height: auto;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.5);
}
.eShopEventsDetailsOne .slick-prev svg,
.eShopEventsDetailsOne .slick-next svg {
    width: 25px;
    height: 25px;
    transition: var(--transition-200);
}
.eShopEventsDetailsOne .slick-prev:before,
.eShopEventsDetailsOne .slick-next:before {
    display: none;
}
.eShopEventsDetailsOne .slick-prev.slick-disabled,
.eShopEventsDetailsOne .slick-next.slick-disabled {
    opacity: 0.8;
    cursor: not-allowed;
}
.eShopEventsDetailsOne .slick-prev {
    left: 0;
}
.eShopEventsDetailsOne .slick-prev:hover svg {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}
.eShopEventsDetailsOne .slick-next {
    right: 0;
}
.eShopEventsDetailsOne .slick-next:hover svg {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events Details One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Event Details Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.eShopEventDetailsTwo {
    margin-bottom: 30px;
}
.eShopEventDetailsTwo .eShopEventDetailsWrap {
    overflow: hidden;
}
.eShopEventDetailsTwo .eventDetailsLeft,
.eShopEventDetailsTwo .eventDetailsRight {
    margin-bottom: 30px;
}
.eShopEventDetailsTwo .eventDetailsLeftInner {
    background-color: var(--white);
}
.eShopEventDetailsTwo .eventDetailsLeftBottom {
    padding: 40px 40px 10px;
}
@media (max-width: 575px) {
    .eShopEventDetailsTwo .eventDetailsLeftBottom {
        padding: 30px 30px 1px;
    }
}
.eShopEventDetailsTwo .eventDetailsRightTop {
    margin-bottom: 30px;
}
.eShopEventDetailsTwo .eventDetailsRelease {
    display: inline-block;
    padding: 10px 20px;
    color: var(--white);
    text-align: center;
    background-color: var(--fourth);
}
.eShopEventDetailsTwo .eventDetailsRelease span {
    display: block;
    font-size: 14px;
    line-height: 1;
}
.eShopEventDetailsTwo .eventDetailsRelease span:nth-child(1) {
    font-size: 24px;
    font-weight: var(--font-weight-semi-bold);
}
.eShopEventDetailsTwo .eventDetailsTitle {
    margin-bottom: 20px;
}
.eShopEventDetailsTwo .eventDetailsHost {
    margin-bottom: 10px;
}
.eShopEventDetailsTwo .eventDetailsLocation h6 {
    margin-bottom: 10px;
}
.eShopEventDetailsTwo .eventDetailsLocation p span {
    white-space: pre;
}
.eShopEventDetailsTwo .eventDetailsLocation .eventDetailsDirectionLink {
    display: inline-block;
    margin-top: 10px;
    text-decoration: underline;
}
.eShopEventDetailsTwo .eventDetailsPrice {
    margin-bottom: 10px;
}
.eShopEventDetailsTwo .eventDetailsQty {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.eShopEventDetailsTwo .eventDetailsQty .mwInput {
    flex: 1 1 auto;
    margin-left: 10px;
    margin-right: 10px;
}
.eShopEventDetailsTwo .eventDetailsQty .mwInput input {
    text-align: center;
}
.eShopEventDetailsTwo .eventDetailsQtyInc,
.eShopEventDetailsTwo .eventDetailsQtyDec {
    flex: 0 0 auto;
    width: 27px;
    height: 27px;
    line-height: 27px;
    color: var(--white);
    font-size: 13px;
    text-align: center;
    border-radius: var(--border-radius-circle);
    background-color: var(--primary);
}
.eShopEventDetailsTwo .eventDetailsQtyInc:hover,
.eShopEventDetailsTwo .eventDetailsQtyDec:hover {
    background-color: var(--primary-6);
}
.eShopEventDetailsTwo .eventDetailsRsvpBtn button {
    width: 100%;
}
.eShopEventDetailsTwo .eventDetailsContact a {
    text-decoration: underline;
}
.eShopEventDetailsTwo .eventDetailsImg {
    padding-bottom: 56%;
}
@media (max-width: 575px) {
    .eShopEventDetailsTwo .eventDetailsImg {
        padding-bottom: 75%;
    }
}

.eShopEventDetailsTwo .tabsNavs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 30px;
}
.eShopEventDetailsTwo .tabsNav {
    flex: 1 0 auto;
    padding: 10px;
    color: var(--text-color);
    text-align: center;
    font-weight: var(--font-weight-bold);
    background-color: var(--gray-2);
}
.eShopEventDetailsTwo .tabsNav:hover,
.eShopEventDetailsTwo .tabsNav.active {
    color: var(--white);
    background-color: var(--primary);
}

.eShopEventDetailsTwo .eventDetailsGallery,
.eShopEventDetailsTwo .eventDetailsGalleryWrap,
.eShopEventDetailsTwo .eventDetailsGalleryItemImg,
.eShopEventDetailsTwo .slick-list,
.eShopEventDetailsTwo .slick-track {
    width: 100%;
    height: 100%;
}
.eShopEventDetailsTwo .eventDetailsGalleryItemImg {
    padding-bottom: 56%;
}
@media (max-width: 575px) {
    .eShopEventDetailsTwo .eventDetailsGalleryItemImg {
        padding-bottom: 100%;
    }
}

.eShopEventDetailsTwo .svgColorize {
    stroke: var(--white);
}
.eShopEventDetailsTwo .slick-prev,
.eShopEventDetailsTwo .slick-next {
    z-index: 1;
    width: auto;
    height: auto;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.5);
}
.eShopEventDetailsTwo .slick-prev svg,
.eShopEventDetailsTwo .slick-next svg {
    width: 25px;
    height: 25px;
    transition: var(--transition-200);
}
.eShopEventDetailsTwo .slick-prev:before,
.eShopEventDetailsTwo .slick-next:before {
    display: none;
}
.eShopEventDetailsTwo .slick-prev.slick-disabled,
.eShopEventDetailsTwo .slick-next.slick-disabled {
    opacity: 0.8;
    cursor: not-allowed;
}
.eShopEventDetailsTwo .slick-prev {
    left: 0;
}
.eShopEventDetailsTwo .slick-prev:hover svg {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}
.eShopEventDetailsTwo .slick-next {
    right: 0;
}
.eShopEventDetailsTwo .slick-next:hover svg {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Event Details Two - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events Calendar One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.eShopEventsCalendarOne .mwCalendar {
    margin-bottom: 30px;
    border-radius: 0;
    background-color: var(--white);
}
.eShopEventsCalendarOne .calendarHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid var(--border-color-dark);
}
.eShopEventsCalendarOne .mwCalendar-previous:hover,
.eShopEventsCalendarOne .mwCalendar-next:hover {
    color: var(--fourth);
}
.eShopEventsCalendarOne .calendarCurrentMonth {
    font-size: 20px;
    font-weight: var(--font-weight-bold);
}
.eShopEventsCalendarOne .calendarWeeks {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px;
}
.eShopEventsCalendarOne .calendarWeek {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 0 14.285714%;
    width: 14.285714%;
    aspect-ratio: 1;
}
.eShopEventsCalendarOne .calendarWeek h3 {
    font-size: 11px;
    margin-bottom: 0;
    color: var(--text-color-2);
    font-weight: var(--font-weight-normal);
}
.eShopEventsCalendarOne .mwCalendar-daysList {
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px 10px;
}
.eShopEventsCalendarOne .mwCalendar-day {
    aspect-ratio: 1;
    flex: 1 0 14.285714%;
    width: 14.285714%;
    height: auto;
    padding: 3px;
    border: 0;
    background-color: transparent;
}
.eShopEventsCalendarOne .calendarDay {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.eShopEventsCalendarOne .calendarDateTime {
    margin-bottom: 0;
    color: var(--text-color);
    font-size: 16px;
    font-weight: var(--font-weight-normal);
}
.eShopEventsCalendarOne .mwCalendar-day.today .calendarDateTime {
    color: var(--fourth);
    font-weight: var(--font-weight-bold);
}
.eShopEventsCalendarOne .mwCalendar-day.event .calendarDay {
    border-radius: 0;
    background-color: var(--fourth);
}
.eShopEventsCalendarOne .mwCalendar-day.event .calendarDateTime {
    color: var(--white);
    font-weight: var(--font-weight-normal);
}
.eShopEventsCalendarOne .mwCalendar-day.weekend {
    border: 0;
    color: inherit;
    background-color: transparent;
}
.eShopEventsCalendarOne .mwCalendar-day.prevMonth .calendarDateTime,
.eShopEventsCalendarOne .mwCalendar-day.nextMonth .calendarDateTime {
    visibility: hidden;
    color: var(--text-color-2);
}
.eShopEventsCalendarOne .calendarSearch {
    display: flex;
    margin-bottom: 30px;
}
.eShopEventsCalendarOne .calendarSearch input::-webkit-input-placeholder {
    color: #d5dade;
    opacity: 1;
}
.eShopEventsCalendarOne .calendarSearch input::-moz-placeholder {
    color: #d5dade;
    opacity: 1;
}
.eShopEventsCalendarOne .calendarSearch input:-ms-input-placeholder {
    color: #d5dade;
    opacity: 1;
}
.eShopEventsCalendarOne .calendarSearch input::-ms-input-placeholder {
    color: #d5dade;
    opacity: 1;
}
.eShopEventsCalendarOne .calendarSearch input::placeholder {
    color: #d5dade;
    opacity: 1;
}
.eShopEventsCalendarOne .calendarSearch input::-webkit-input-placeholder {
    color: #d5dade;
}
.eShopEventsCalendarOne .calendarSearch input:-moz-placeholder {
    color: #d5dade;
    opacity: 1;
}
.eShopEventsCalendarOne .calendarSearch input::-moz-placeholder {
    color: #d5dade;
    opacity: 1;
}
.eShopEventsCalendarOne .calendarSearch input:-ms-input-placeholder {
    color: #d5dade;
}
.eShopEventsCalendarOne .calendarSearch .mwInput {
    z-index: 1;
    flex: 1 1 auto;
    border-right-width: 0;
    border-radius: 0;
}
.eShopEventsCalendarOne .calendarSearch button {
    flex: 0 0 auto;
    padding: 0 var(--btn-sm-padding-x);
    color: var(--fourth);
    border-radius: 0;
    border-width: var(--btn-border-width);
    border-style: var(--btn-border-style);
    border-color: var(--form-border-color);
    border-left: 0;
    background-color: var(--white);
}
.eShopEventsCalendarOne .calendarSearch button:hover {
    color: var(--white);
    border-color: var(--fourth);
    background-color: var(--fourth);
}
.eShopEventsCalendarOne .calendarAccordions {
    margin-bottom: 30px;
}
.eShopEventsCalendarOne .calendarAccordion {
    border: 1px solid #ebebeb;
    border-bottom: 0;
}
.eShopEventsCalendarOne .calendarAccordion:last-child {
    border-bottom: 1px solid #ebebeb;
}
.eShopEventsCalendarOne .calendarAccordion .accordionBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 12px 15px;
    border-radius: 0;
    background-color: var(--white);
    transition: var(--transition-360);
}
.eShopEventsCalendarOne .calendarAccordion .accordionBtnIcon {
    transition: -webkit-transform var(--transition-360);
    transition: transform var(--transition-360);
    transition: transform var(--transition-360),
        -webkit-transform var(--transition-360);
}
.eShopEventsCalendarOne .calendarAccordion .accordionContent {
    display: none;
}
.eShopEventsCalendarOne .calendarAccordion .accordionContentWrap {
    padding: 15px 20px 20px;
    background-color: var(--white);
}
.eShopEventsCalendarOne .calendarAccordion .mwInput.checkbox {
    padding-top: 5px;
}
.eShopEventsCalendarOne .calendarAccordion:hover .accordionBtn,
.eShopEventsCalendarOne .calendarAccordion.active .accordionBtn {
    color: var(--white);
    background-color: var(--fourth);
}
.eShopEventsCalendarOne .calendarAccordion.active .accordionBtnIcon {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

/*
|-----------------------------------------------------------------------------------------
|
|
| eShop Events Calendar - End
|
|
|-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events Calendar Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.eShopEventsCalendarTwo .mwCalendar {
    margin-bottom: 30px;
    border-radius: var(--border-radius);
    background-color: var(--white);
    box-shadow: var(--shadow-6);
}
.eShopEventsCalendarTwo .calendarHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    font-size: 18px;
    border-bottom: 1px solid var(--border-color-dark);
}
@media (max-width: 991px) {
    .eShopEventsCalendarTwo .calendarHeader {
        padding: 15px;
    }
}
.eShopEventsCalendarTwo .mwCalendar-previous:hover,
.eShopEventsCalendarTwo .mwCalendar-next:hover {
    color: var(--primary);
}
.eShopEventsCalendarTwo .calendarCurrentMonth {
    font-size: 28px;
}
@media (max-width: 991px) {
    .eShopEventsCalendarTwo .calendarCurrentMonth {
        font-size: 20px;
    }
}
.eShopEventsCalendarTwo .calendarWeeks {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 20px;
}
@media (max-width: 991px) {
    .eShopEventsCalendarTwo .calendarWeeks {
        padding: 15px;
    }
}
.eShopEventsCalendarTwo .calendarWeek {
    flex: 1 0 14.285714%;
    width: 14.285714%;
}
@media (max-width: 991px) {
    .eShopEventsCalendarTwo .calendarWeek {
        text-align: center;
    }
}
.eShopEventsCalendarTwo .calendarWeek h3 {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 0;
    color: var(--text-color);
    font-weight: var(--font-weight-normal);
}
@media (max-width: 991px) {
    .eShopEventsCalendarTwo .calendarWeek span:first-of-type {
        display: none;
    }
}
.eShopEventsCalendarTwo .calendarWeek span:last-of-type {
    display: none;
}
@media (max-width: 991px) {
    .eShopEventsCalendarTwo .calendarWeek span:last-of-type {
        display: block;
    }
}
.eShopEventsCalendarTwo .mwCalendar-daysList {
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px 20px;
}
@media (max-width: 991px) {
    .eShopEventsCalendarTwo .mwCalendar-daysList {
        padding: 0 15px 15px;
    }
}
.eShopEventsCalendarTwo .mwCalendar-day {
    position: relative;
    flex: 1 0 14.285714%;
    width: 14.285714%;
    height: auto;
    min-height: 200px;
    padding: 15px;
    border-top: 0 solid var(--gray-4);
    border-right: 1px solid var(--gray-4);
    border-bottom: 1px solid var(--gray-4);
    border-left: 0 solid var(--gray-4);
    background-color: transparent;
}
@media (max-width: 991px) {
    .eShopEventsCalendarTwo .mwCalendar-day {
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;
        min-height: 0;
        padding: 0;
    }
}
.eShopEventsCalendarTwo .mwCalendar-day:nth-child(-n + 7) {
    border-top-width: 1px;
}
.eShopEventsCalendarTwo .mwCalendar-day:nth-child(7n + 1) {
    border-left-width: 1px;
}
.eShopEventsCalendarTwo .mwCalendar-day:after {
    z-index: 1;
    opacity: 0;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    background-color: var(--gray-6);
    transition: var(--transition-200);
}
.eShopEventsCalendarTwo .mwCalendar-day:hover:after {
    opacity: 1;
}
.eShopEventsCalendarTwo .calendarDateTime {
    margin-bottom: 10px;
    color: var(--text-color);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
}
@media (max-width: 991px) {
    .eShopEventsCalendarTwo .calendarDateTime {
        margin-bottom: 0;
        font-size: 16px;
        font-weight: var(--font-weight-normal);
    }
}
.eShopEventsCalendarTwo .mwCalendar-itemsList {
    margin-bottom: 12px;
}
@media (max-width: 991px) {
    .eShopEventsCalendarTwo .mwCalendar-itemsList {
        display: none;
    }
}
.eShopEventsCalendarTwo .mwCalendar-item {
    margin-bottom: 8px;
}
.eShopEventsCalendarTwo .calendarItem {
    position: relative;
    padding-left: 10px;
}
@media (max-width: 1199px) {
    .eShopEventsCalendarTwo .calendarItem {
        padding-left: 0;
    }
}
.eShopEventsCalendarTwo .calendarItem:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--blue);
}
@media (max-width: 1199px) {
    .eShopEventsCalendarTwo .calendarItem:before {
        display: none;
    }
}
.eShopEventsCalendarTwo .calendarItemTitle {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.1;
    font-weight: var(--font-weight-normal);
}
.eShopEventsCalendarTwo .calendarItemTitle a {
    color: var(--black);
}
.eShopEventsCalendarTwo .calendarItemTitle a:hover {
    color: var(--black);
    text-decoration: underline;
}
.eShopEventsCalendarTwo .calendarItemContent {
    margin-bottom: 0;
    font-size: 11px;
}
.eShopEventsCalendarTwo .mwCalendar-day.today .calendarDateTime {
    color: var(--primary);
}
.eShopEventsCalendarTwo .mwCalendar-day.event {
    background-color: var(--primary-1);
}
@media (max-width: 991px) {
    .eShopEventsCalendarTwo .mwCalendar-day.event {
        background-color: var(--primary);
    }
    .eShopEventsCalendarTwo .mwCalendar-day.event .calendarDateTime {
        color: var(--white);
    }
}
.eShopEventsCalendarTwo .mwCalendar-day.event .calendarDateTime {
    cursor: pointer;
    transition: var(--transition-200);
}
.eShopEventsCalendarTwo .mwCalendar-day.event .calendarDateTime:hover {
    color: var(--primary);
}
@media (max-width: 991px) {
    .eShopEventsCalendarTwo .mwCalendar-day.event .calendarDateTime:hover {
        color: var(--white);
    }
}
.eShopEventsCalendarTwo .mwCalendar-day.weekend {
    color: inherit;
    background-color: transparent;
}
.eShopEventsCalendarTwo .mwCalendar-day.prevMonth .calendarDateTime,
.eShopEventsCalendarTwo .mwCalendar-day.nextMonth .calendarDateTime {
    color: var(--gray-4);
}
.eShopEventsCalendarTwo .calendarSearch {
    display: flex;
    margin-bottom: 30px;
}
.eShopEventsCalendarTwo .calendarSearch .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);
}
.eShopEventsCalendarTwo .calendarSearch 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);
}
.eShopEventsCalendarTwo .calendarSearch button:hover {
    color: var(--white);
    border-color: var(--primary-6);
    background-color: var(--primary-6);
}
.eShopEventsCalendarTwo .calendarAccordion {
    margin-bottom: 15px;
}
.eShopEventsCalendarTwo .calendarAccordion .accordionBtn {
    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);
}
.eShopEventsCalendarTwo .calendarAccordion .accordionBtnIcon {
    transition: -webkit-transform var(--transition-360);
    transition: transform var(--transition-360);
    transition: transform var(--transition-360),
        -webkit-transform var(--transition-360);
}
.eShopEventsCalendarTwo .calendarAccordion .accordionContent {
    display: none;
}
.eShopEventsCalendarTwo .calendarAccordion .accordionContentWrap {
    padding: 10px 0 0;
}
.eShopEventsCalendarTwo .calendarAccordion .mwInput.checkbox {
    padding-top: 5px;
}
.eShopEventsCalendarTwo .calendarAccordion:hover .accordionBtn,
.eShopEventsCalendarTwo .calendarAccordion.active .accordionBtn {
    color: var(--white);
    background-color: var(--primary);
}
.eShopEventsCalendarTwo .calendarAccordion.active .accordionBtnIcon {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

/*
|-----------------------------------------------------------------------------------------
|
|
| eShop Events Calendar - End
|
|
|-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | eShop Events Calendar Three - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.eShopEventsCalendarThree .mwCalendar {
    margin-bottom: 30px;
    border-radius: var(--border-radius);
    background-color: var(--white);
}
.eShopEventsCalendarThree .calendarHeader {
    display: flex;
    align-items: center;
    margin-bottom: 45px;
}
@media (max-width: 991px) {
    .eShopEventsCalendarThree .calendarHeader {
        justify-content: space-between;
        margin-bottom: 10px;
    }
}
.eShopEventsCalendarThree .mwCalendar-previous,
.eShopEventsCalendarThree .mwCalendar-next {
    color: var(--gray-3);
    font-size: 18px;
}
.eShopEventsCalendarThree .mwCalendar-previous:hover,
.eShopEventsCalendarThree .mwCalendar-next:hover {
    color: var(--primary);
}
@media (max-width: 991px) {
    .eShopEventsCalendarThree .mwCalendar-previous,
    .eShopEventsCalendarThree .mwCalendar-next {
        font-size: 16px;
    }
}
.eShopEventsCalendarThree .calendarCurrentMonth {
    padding: 0 30px;
    font-size: 28px;
    font-weight: var(--font-weight-bold);
}
@media (max-width: 991px) {
    .eShopEventsCalendarThree .calendarCurrentMonth {
        font-size: 16px;
    }
}
.eShopEventsCalendarThree .calendarWeeks {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 45px;
}
@media (max-width: 991px) {
    .eShopEventsCalendarThree .calendarWeeks {
        margin-bottom: 0;
    }
}
.eShopEventsCalendarThree .calendarWeek {
    flex: 1 0 14.285714%;
    width: 14.285714%;
    padding: 0 5px;
}
@media (max-width: 991px) {
    .eShopEventsCalendarThree .calendarWeek {
        display: flex;
        align-items: center;
        justify-content: center;
        aspect-ratio: 1;
        padding: 0;
    }
}
.eShopEventsCalendarThree .calendarWeek h3 {
    text-transform: uppercase;
    margin-bottom: 0;
    color: var(--text-color);
    font-size: 16px;
    font-weight: var(--font-weight-bold);
}
@media (max-width: 991px) {
    .eShopEventsCalendarThree .calendarWeek h3 {
        font-size: 14px;
    }
}
@media (max-width: 991px) {
    .eShopEventsCalendarThree .calendarWeek span:first-of-type {
        display: none;
    }
}
.eShopEventsCalendarThree .calendarWeek span:last-of-type {
    display: none;
}
@media (max-width: 991px) {
    .eShopEventsCalendarThree .calendarWeek span:last-of-type {
        display: block;
    }
}
.eShopEventsCalendarThree .mwCalendar-daysList {
    display: flex;
    flex-wrap: wrap;
}
.eShopEventsCalendarThree .mwCalendar-day {
    flex: 1 0 14.285714%;
    width: 14.285714%;
    padding: 5px;
    border: 0;
    height: auto;
    background-color: transparent;
}
@media (max-width: 991px) {
    .eShopEventsCalendarThree .mwCalendar-day {
        aspect-ratio: 1;
        padding: 3px;
    }
}
.eShopEventsCalendarThree .calendarDay {
    height: 100%;
    min-height: 200px;
    padding: 15px 0;
    border-top: 2px solid var(--gray-3);
    transition: var(--transition-200);
}
@media (max-width: 991px) {
    .eShopEventsCalendarThree .calendarDay {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 0;
        padding: 0;
    }
}
.eShopEventsCalendarThree .calendarDay:hover {
    border-top-color: var(--gray-6);
}
.eShopEventsCalendarThree .calendarDateTime {
    margin-bottom: 10px;
    color: var(--text-color);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
}
@media (max-width: 991px) {
    .eShopEventsCalendarThree .calendarDateTime {
        margin-bottom: 0;
        font-size: 16px;
        font-weight: var(--font-weight-normal);
    }
}
.eShopEventsCalendarThree .mwCalendar-itemsList {
    margin-bottom: 12px;
}
@media (max-width: 991px) {
    .eShopEventsCalendarThree .mwCalendar-itemsList {
        display: none;
    }
}
.eShopEventsCalendarThree .mwCalendar-item {
    margin-bottom: 8px;
}
.eShopEventsCalendarThree .calendarItem {
    position: relative;
    padding-left: 10px;
}
@media (max-width: 1199px) {
    .eShopEventsCalendarThree .calendarItem {
        padding-left: 0;
    }
}
.eShopEventsCalendarThree .calendarItem:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--blue);
}
@media (max-width: 1199px) {
    .eShopEventsCalendarThree .calendarItem:before {
        display: none;
    }
}
.eShopEventsCalendarThree .calendarItemTitle {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.1;
    font-weight: var(--font-weight-normal);
}
.eShopEventsCalendarThree .calendarItemTitle a {
    color: var(--black);
}
.eShopEventsCalendarThree .calendarItemTitle a:hover {
    color: var(--black);
    text-decoration: underline;
}
.eShopEventsCalendarThree .calendarItemContent {
    margin-bottom: 0;
    font-size: 11px;
}
.eShopEventsCalendarThree .mwCalendar-day.today .calendarDateTime {
    color: var(--primary);
}
.eShopEventsCalendarThree .mwCalendar-day.event .calendarDay {
    padding: 15px;
    border-top-color: var(--primary);
    background-color: var(--primary-1);
}
@media (max-width: 991px) {
    .eShopEventsCalendarThree .mwCalendar-day.event .calendarDay {
        padding: 0;
    }
}
.eShopEventsCalendarThree .mwCalendar-day.weekend {
    color: inherit;
    background-color: transparent;
}
.eShopEventsCalendarThree .mwCalendar-day.prevMonth .calendarDateTime,
.eShopEventsCalendarThree .mwCalendar-day.nextMonth .calendarDateTime {
    color: var(--gray-4);
}
.eShopEventsCalendarThree .calendarSearch {
    display: flex;
    margin-bottom: 30px;
}
.eShopEventsCalendarThree .calendarSearch .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);
}
.eShopEventsCalendarThree .calendarSearch 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);
}
.eShopEventsCalendarThree .calendarSearch button:hover {
    color: var(--white);
    border-color: var(--primary-6);
    background-color: var(--primary-6);
}
.eShopEventsCalendarThree .calendarAccordion {
    margin-bottom: 15px;
}
.eShopEventsCalendarThree .calendarAccordion .accordionBtn {
    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);
}
.eShopEventsCalendarThree .calendarAccordion .accordionBtnIcon {
    transition: -webkit-transform var(--transition-360);
    transition: transform var(--transition-360);
    transition: transform var(--transition-360),
        -webkit-transform var(--transition-360);
}
.eShopEventsCalendarThree .calendarAccordion .accordionContent {
    display: none;
}
.eShopEventsCalendarThree .calendarAccordion .accordionContentWrap {
    padding: 10px 0 0;
}
.eShopEventsCalendarThree .calendarAccordion .mwInput.checkbox {
    padding-top: 5px;
}
.eShopEventsCalendarThree .calendarAccordion:hover .accordionBtn,
.eShopEventsCalendarThree .calendarAccordion.active .accordionBtn {
    color: var(--white);
    background-color: var(--primary);
}
.eShopEventsCalendarThree .calendarAccordion.active .accordionBtnIcon {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

/*
|-----------------------------------------------------------------------------------------
|
|
| eShop Events Calendar - End
|
|
|-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Ornament - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.ornament {
    margin-bottom: 30px;
}
.ornament .ornamentWrap {
    text-align: left;
}
.ornament svg {
    width: auto;
    height: 40px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Ornament - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Detailed Map One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.detailedMapOne {
    background-color: var(--third-2);
}
.detailedMapOne .detailedMapNavs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 30px 15px 25px 15px;
}
@media (max-width: 575px) {
    .detailedMapOne .detailedMapNavs {
        justify-content: flex-start;
    }
}
.detailedMapOne .detailedMapNavs script {
    display: none;
}
.detailedMapOne #map_button_type_showAll,
.detailedMapOne #map_button_type_hideAll,
.detailedMapOne div[id^="map_item_type_"],
.detailedMapOne div[id*=" map_item_type_"] {
    cursor: pointer;
    display: flex;
    align-items: center;
    color: var(--primary);
    padding: 0 10px;
    margin-bottom: 5px;
}
.detailedMapOne #map_button_type_showAll:hover,
.detailedMapOne #map_button_type_hideAll:hover,
.detailedMapOne div[id^="map_item_type_"]:hover,
.detailedMapOne div[id*=" map_item_type_"]:hover {
    color: var(--secondary);
}
.detailedMapOne .detailedMapNavIcon {
    width: auto;
    height: 20px;
    margin-right: 5px;
}
@media (max-width: 575px) {
    .detailedMapOne .detailedMapMain > div[id^="google_map_"],
    .detailedMapOne .detailedMapMain > div[id*=" google_map_"] {
        height: 480px !important;
    }
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Detailed Map One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Header Zaytuna - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.headerZaytuna {
    position: relative;
    z-index: 500;
}
.headerZaytuna .btn {
    margin-bottom: 0;
}
.headerZaytuna.is-sticky {
    height: 36px;
}
.headerZaytuna.is-sticky .headerWrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
html.translated-ltr .headerZaytuna.is-sticky .headerWrap,
html.translated-rtl .headerZaytuna.is-sticky .headerWrap {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
}
.headerZaytuna .headerMain {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 72px;
    padding: 0 65px;
}
@media (max-width: 1199px) {
    .headerZaytuna .headerMain {
        padding: 0 30px;
    }
}
@media (max-width: 991px) {
    .headerZaytuna .headerMain {
        padding: 0 15px;
        height: 80px;
    }
}
.headerZaytuna .headerBg {
    pointer-events: none;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: var(--transition-360);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.16);
    background-color: var(--light);
}
@media (max-width: 1199px) {
    .headerZaytuna .headerBg {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }
}
.headerZaytuna .headerMainLeft,
.headerZaytuna .headerMainRight {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}
.headerZaytuna .headerLogo svg {
    width: 280px;
    height: auto;
}
@media (max-width: 575px) {
    .headerZaytuna .headerLogo svg {
        width: 240px;
    }
}
.headerZaytuna .headerLogo svg path {
    fill: var(--white);
    transition: var(--transition-360);
}
.headerZaytuna .headerMenu {
    margin-right: 10px;
}
@media (max-width: 1199px) {
    .headerZaytuna .headerMenu {
        display: none;
    }
}
.headerZaytuna .headerBtns {
    display: flex;
    align-items: center;
}
@media (max-width: 767px) {
    .headerZaytuna .headerBtns {
        display: none;
    }
}
.headerZaytuna .headerBtns .Button .btn > a {
    min-width: 110px;
}
.headerZaytuna .headerBtns .Button + .Button .btn {
    margin-left: 10px;
}
.headerZaytuna .headerMobileMenu {
    display: none;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
}
@media (max-width: 1199px) {
    .headerZaytuna .headerMobileMenu {
        display: flex;
    }
}
@media (max-width: 767px) {
    .headerZaytuna .headerMobileMenu {
        margin-right: 0;
    }
}
.headerZaytuna .burgerLine {
    background-color: var(--white);
}
.headerZaytuna .burgerText {
    color: var(--white);
}
@media (max-width: 575px) {
    .headerZaytuna .burgerText {
        display: none;
    }
}

.headerZaytuna:hover .headerBg,
.headerZaytuna.scrolled .headerBg,
.headerZaytuna.megaMenu-open .headerBg {
    opacity: 1;
}
.headerZaytuna:hover .headerLogo svg path,
.headerZaytuna.scrolled .headerLogo svg path,
.headerZaytuna.megaMenu-open .headerLogo svg path {
    fill: var(--black);
}
.headerZaytuna:hover .burgerLine,
.headerZaytuna.scrolled .burgerLine,
.headerZaytuna.megaMenu-open .burgerLine {
    background-color: var(--primary);
}
.headerZaytuna:hover .burgerText,
.headerZaytuna.scrolled .burgerText,
.headerZaytuna.megaMenu-open .burgerText {
    color: var(--primary);
}

.liveEdBlock .headerZaytuna .headerMobileMenu {
    display: flex;
}

.headerZaytuna .megaMenuItems {
    display: flex;
    align-items: center;
}
.headerZaytuna .megaMenuLink {
    display: block;
    padding: 0 20px;
    height: 100px;
    line-height: 100px;
    color: var(--white);
    size: 20px;
    font-weight: var(--font-weight-semi-bold);
}
.headerZaytuna .megaMenuLink:hover {
    color: var(--primary);
}
.headerZaytuna .megaMenuItem.has-children > a {
    position: relative;
}
.headerZaytuna .megaMenuItem.has-children > a:after {
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 8px solid var(--third);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: var(--transition-360);
}
.headerZaytuna .megaMenuItem.has-children > a.active:after {
    opacity: 1;
}
.headerZaytuna:hover .megaMenuLink,
.headerZaytuna.scrolled .megaMenuLink,
.headerZaytuna.megaMenu-open .megaMenuLink {
    color: var(--text-color);
}
.headerZaytuna:hover .megaMenuLink:hover,
.headerZaytuna.scrolled .megaMenuLink:hover,
.headerZaytuna.megaMenu-open .megaMenuLink:hover {
    color: var(--primary);
}

.headerZaytuna .megaMenuBackdrop {
    position: fixed;
    top: var(--headerHeight);
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.5);
    transition: var(--transition-360);
}
.headerZaytuna .megaMenuBackdrop.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.headerZaytuna .megaMenuPanel {
    overflow: hidden;
    position: fixed;
    top: var(--headerHeight);
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background-color: var(--white);
    transition: var(--transition-360);
}
.headerZaytuna .megaMenuPanel.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.headerZaytuna .megaMenuPanelWrap {
    padding: 70px 0 15px;
}
.headerZaytuna .panelCol .Image {
    margin-bottom: 30px;
}
.headerZaytuna .panelCol ul {
    font-size: 20px;
    list-style-type: none;
    padding-left: 0;
}
.headerZaytuna .panelCol ul ul,
.headerZaytuna .panelCol ul ol {
    list-style-type: none;
}
.headerZaytuna .panelCol ul ul ul,
.headerZaytuna .panelCol ul ul ol,
.headerZaytuna .panelCol ul ol ul,
.headerZaytuna .panelCol ul ol ol {
    list-style-type: none;
}

.headerZaytuna .utilityBar {
    z-index: 1;
    position: relative;
    color: var(--white);
    font-size: 12px;
    font-family: var(--font-family-sans-serif);
}
.headerZaytuna .utilityBar h1,
.headerZaytuna .utilityBar h2,
.headerZaytuna .utilityBar h3,
.headerZaytuna .utilityBar h4,
.headerZaytuna .utilityBar h5,
.headerZaytuna .utilityBar h6 {
    color: var(--white);
}
.headerZaytuna .utilityBarWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 36px;
    padding: 0 65px;
    background-color: var(--secondary);
}
@media (max-width: 1199px) {
    .headerZaytuna .utilityBarWrap {
        padding: 0 30px;
    }
}
@media (max-width: 991px) {
    .headerZaytuna .utilityBarWrap {
        padding: 0 15px;
        justify-content: flex-end;
    }
}
.headerZaytuna .utilityBarLeft,
.headerZaytuna .utilityBarRight {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}
@media (max-width: 991px) {
    .headerZaytuna .utilityBarLeft {
        display: none;
    }
}
.headerZaytuna .utilityBarMsg {
    font-weight: var(--font-weight-semi-bold);
}
.headerZaytuna .utilityBarMsg a {
    text-decoration: underline;
    color: var(--white);
}
.headerZaytuna .utilityBarMsg a:hover {
    color: var(--third);
}
.headerZaytuna .utilityBarMenu {
    position: relative;
}
@media (max-width: 767px) {
    .headerZaytuna .utilityBarMenu {
        display: none;
    }
}
.headerZaytuna .utilityBarMenu:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--white);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.headerZaytuna .utilityBarMenu ul::after {
    display: block;
    clear: both;
    content: "";
}
.headerZaytuna .utilityBarMenu li {
    position: relative;
    padding: 0 12px;
    float: left;
}
.headerZaytuna .utilityBarMenu li:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--white);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.headerZaytuna .utilityBarMenu li:last-of-type:after {
    display: none;
}
.headerZaytuna .utilityBarMenu a {
    font-weight: var(--font-weight-semi-bold);
    color: var(--white);
}
.headerZaytuna .utilityBarMenu a:hover {
    color: var(--third);
}
.headerZaytuna .utilityBarSearch {
    margin-right: 12px;
}
@media (max-width: 767px) {
    .headerZaytuna .utilityBarSearch {
        margin-right: 0;
    }
}
.headerZaytuna .searchBtn {
    font-weight: var(--font-weight-semi-bold);
    color: var(--white);
}
.headerZaytuna .searchBtn:hover {
    color: var(--third);
}
.headerZaytuna .searchBtn i {
    margin-right: 3px;
}
.headerZaytuna .utilityBarBtn {
    margin-left: 15px;
}
.headerZaytuna .donorPortalBtn > a {
    padding-top: 0;
    padding-bottom: 0;
    height: 36px;
    line-height: 36px;
}

.headerZaytuna .searchBar {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 15px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: var(--transition-360);
}
@media (max-width: 575px) {
    .headerZaytuna .searchBar {
        padding: 0;
    }
}
.headerZaytuna .searchBar.active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.headerZaytuna .searchBarWrap {
    position: relative;
    width: 100%;
    max-width: 600px;
    padding: 15px 20px;
    margin: 0 auto;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.97);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 575px) {
    .headerZaytuna .searchBarWrap {
        border-radius: 0;
    }
}
.headerZaytuna .searchBarForm {
    width: 100%;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--gray-5);
    transition: border-bottom-color var(--transition-200);
}
.headerZaytuna .searchBarForm:hover {
    border-bottom: 1px solid var(--gray-7);
}
.headerZaytuna .searchBarForm ::-webkit-input-placeholder {
    opacity: 1;
    letter-spacing: 0.5px;
    color: var(--gray-5);
    text-transform: uppercase;
    font-weight: var(--font-weight-bold);
}
.headerZaytuna .searchBarForm ::-moz-placeholder {
    opacity: 1;
    letter-spacing: 0.5px;
    color: var(--gray-5);
    text-transform: uppercase;
    font-weight: var(--font-weight-bold);
}
.headerZaytuna .searchBarForm :-ms-input-placeholder {
    opacity: 1;
    letter-spacing: 0.5px;
    color: var(--gray-5);
    text-transform: uppercase;
    font-weight: var(--font-weight-bold);
}
.headerZaytuna .searchBarForm ::-ms-input-placeholder {
    opacity: 1;
    letter-spacing: 0.5px;
    color: var(--gray-5);
    text-transform: uppercase;
    font-weight: var(--font-weight-bold);
}
.headerZaytuna .searchBarForm ::placeholder {
    opacity: 1;
    letter-spacing: 0.5px;
    color: var(--gray-5);
    text-transform: uppercase;
    font-weight: var(--font-weight-bold);
}
.headerZaytuna .searchBarForm form {
    position: relative;
    padding-right: 36px;
}
.headerZaytuna .searchBarForm input {
    width: 100%;
    height: var(--form-input-height);
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
}
.headerZaytuna .searchBarForm button {
    position: absolute;
    top: 0;
    right: 0;
    height: var(--form-input-height);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Header Zaytuna - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Mobile Menu One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.mobileMenuOne .mobileMenuBackdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
.mobileMenuOne .mobileMenuWrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 480px;
    padding: 15px;
    transition: var(--tran-style-2) 400ms;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    z-index: 1010;
}
.mobileMenuOne .mobileMenuInner {
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr auto;
    overflow: hidden;
    height: 100%;
    padding: 80px 0 50px;
    border-radius: var(--border-radius);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}
@media (max-width: 575px) {
    .mobileMenuOne .mobileMenuInner {
        padding: 80px 0 30px;
    }
}
.mobileMenuOne .mobileMenuClose {
    position: absolute;
    top: 30px;
    right: 30px;
}
.mobileMenuOne .mobileMenuHeader {
    padding: 0 50px;
}
@media (max-width: 575px) {
    .mobileMenuOne .mobileMenuHeader {
        padding: 0 30px;
    }
}
.mobileMenuOne .mobileMenuBody {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 50px;
}
@media (max-width: 575px) {
    .mobileMenuOne .mobileMenuBody {
        padding: 0 30px;
    }
}
.mobileMenuOne .mobileMenuFooter {
    padding: 0 50px;
}
@media (max-width: 575px) {
    .mobileMenuOne .mobileMenuFooter {
        padding: 0 30px;
    }
}
.mobileMenuOne.active .mobileMenuWrap {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.mobileMenuOne .mobileMenuNav ul {
    list-style-type: none;
    padding-left: 0;
}
.mobileMenuOne .mobileMenuNav ul ul,
.mobileMenuOne .mobileMenuNav ul ol {
    list-style-type: none;
}
.mobileMenuOne .mobileMenuNav ul ul ul,
.mobileMenuOne .mobileMenuNav ul ul ol,
.mobileMenuOne .mobileMenuNav ul ol ul,
.mobileMenuOne .mobileMenuNav ul ol ol {
    list-style-type: none;
}
.mobileMenuOne .mobileMenuNav ul li {
    margin: 0 0 15px 0;
}
.mobileMenuOne .mobileMenuNav ul li:last-of-type {
    margin-bottom: 0;
}
.mobileMenuOne .mobileMenuNav ul li a {
    width: 100%;
    color: var(--primary);
    font-size: 25px;
    font-weight: var(--font-weight-bold);
}
.mobileMenuOne .mobileMenuNav ul li a:hover {
    color: var(--primary-6);
}
.mobileMenuOne .mobileMenuNav ul li a > i {
    font-size: 20px;
    transition: var(--transition-200);
}
.mobileMenuOne .mobileMenuNav ul li.has-children > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobileMenuOne .mobileMenuNav ul li ul {
    display: none;
    margin: 15px 0 0;
    padding: 0 0 0 20px;
    border-left: 1px solid var(--primary-6);
}
.mobileMenuOne .mobileMenuNav ul li ul li a {
    color: var(--primary-6);
    font-size: 18px;
    font-weight: var(--font-weight-normal);
}
.mobileMenuOne .mobileMenuNav ul li ul li a:hover {
    color: var(--primary-7);
}
.mobileMenuOne .mobileMenuNav ul li ul li a > i {
    font-size: 16px;
}
.mobileMenuOne .mobileMenuNav ul li.active > a {
    color: var(--primary-6);
}
.mobileMenuOne .mobileMenuNav ul li.active > a i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mobileMenuOne .mobileMenuBtns .mwPageBlock.Button:not(:last-of-type) .btn {
    margin-bottom: 10px;
}
.mobileMenuOne .mobileMenuBtns .mwPageBlock.Button .btn > a,
.mobileMenuOne .mobileMenuBtns .mwPageBlock.Button .btn > button,
.mobileMenuOne .mobileMenuBtns .mwPageBlock.Button .btn > span {
    width: 100%;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Mobile Menu One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Footer One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.footerOne ul {
    list-style-type: none;
    padding-left: 0;
}
.footerOne ul ul,
.footerOne ul ol {
    list-style-type: none;
}
.footerOne ul ul ul,
.footerOne ul ul ol,
.footerOne ul ol ul,
.footerOne ul ol ol {
    list-style-type: none;
}
.footerOne ul li {
    margin: 0 0 5px;
}
@media (max-width: 575px) {
    .footerOne .footerCol {
        text-align: center;
    }
}

.footerOne .footerTop {
    padding-top: 80px;
    border-bottom: 1px solid var(--third);
}
@media (max-width: 575px) {
    .footerOne .footerTop {
        padding-top: 60px;
    }
}
@media (min-width: 1200px) {
    .footerOne .footerTop {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
}
@media (max-width: 575px) {
    .footerOne .footerTop {
        text-align: center;
    }
}
@media (min-width: 1200px) {
    .footerOne .footerTop .footerTopRight {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
}
.footerOne .footerTop .footerLogo {
    margin-bottom: 30px;
}
.footerOne .footerTop .footerTopRightText {
    color: var(--secondary);
    margin-right: 30px;
}
@media (max-width: 575px) {
    .footerOne .footerTop .footerTopRightText {
        margin-right: 0;
    }
}
@media (max-width: 575px) {
    .footerOne .footerTop .footerTopRightBtn .mwBtnLeft,
    .footerOne .footerTop .footerTopRightBtn .mwBtnRight {
        text-align: center;
    }
}
.footerOne .footerTop .logo img {
    width: 376px;
    height: auto;
}

.footerOne .footerBottom {
    font-size: 16px;
    padding-top: 35px;
    border-bottom: 1px solid var(--third);
}
.footerOne .footerBottom h1,
.footerOne .footerBottom h2,
.footerOne .footerBottom h3,
.footerOne .footerBottom h4,
.footerOne .footerBottom h5,
.footerOne .footerBottom h6,
.footerOne .footerBottom p,
.footerOne .footerBottom ul,
.footerOne .footerBottom ol,
.footerOne .footerBottom dl {
    margin-bottom: 20px;
}
.footerOne .footerBottom h1,
.footerOne .footerBottom h2,
.footerOne .footerBottom h3,
.footerOne .footerBottom h4,
.footerOne .footerBottom h5,
.footerOne .footerBottom h6 {
    color: var(--fourth);
}
.footerOne .footerBottom .footerCol {
    margin-bottom: 10px;
}

.footerOne .footerInfo {
    padding-top: 25px;
    border-bottom: 1px solid var(--third);
}
.footerOne .footerInfo h1,
.footerOne .footerInfo h2,
.footerOne .footerInfo h3,
.footerOne .footerInfo h4,
.footerOne .footerInfo h5,
.footerOne .footerInfo h6 {
    margin-bottom: 0;
}
.footerOne .footerInfo p {
    font-size: 16px;
    margin-bottom: 20px;
}
.footerOne .footerInfo .footerCol {
    margin-bottom: 5px;
}

.footerOne .footerCopyright {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    padding: 20px 0;
}
@media (max-width: 575px) {
    .footerOne .footerCopyright {
        justify-content: center;
    }
}
.footerOne .footerCopyright p {
    margin-bottom: 0;
}
.footerOne .footerCopyrightLeft {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.footerOne .copyrightAutoYear {
    margin-right: 3px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Footer One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.accessibility-body {
    transition: all 0.2s;
}

#accessibility {
    width: 200px;
    background: #fff;
    border: 2px #6c6c6c solid;
    position: fixed;
    top: 70px;
    right: -200px;
    min-height: 35px;
    z-index: 1000;
    transition: all 0.2s;
    font-size: 15px;
    box-sizing: border-box;
}

#accessibility a#accessibility-btn {
    background-color: #0d0d0d;
    position: absolute;
    top: -1px;
    left: -40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    font-size: 28px;
}

#accessibility a#accessibility-btn i {
    font-family: "realaccessability";
    font-size: 26px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
}

#accessibility a#accessibility-btn i.accessibility-icon:before {
    content: "\E907";
}

#accessibility a#accessibility-btn i.accessibility-loading {
    display: none;
}

#accessibility a#accessibility-btn i.accessibility-loading:before {
    content: "\E908";
    font-size: 20px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2500ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2500ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
#accessibility.open {
    right: 20px;
}

#accessibility ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
}

#accessibility ul li {
    line-height: 38px;
    border-top: 1px #ccc solid;
}

#accessibility ul li:first-child {
    border-top: 0;
}

#accessibility ul li a {
    display: block;
    padding: 0 10px;
    color: #0d0d0d;
    text-decoration: none;
    position: relative;
    cursor: pointer;
}

#accessibility ul li a .fa {
    margin-right: 8px;
}

#accessibility ul li a:hover {
    background-color: #fafafa;
    color: #0d0d0d;
}

#accessibility ul li a.clicked {
    background-color: #fafafa;
    color: #0d0d0d;
    box-shadow: inset 0 0 3px #ccc;
}

#accessibility-copyright {
    text-align: center;
    line-height: 25px;
    font-size: 13px;
}

#accessibility-copyright a {
    background: #eaedf2;
    color: #0d0d0d;
    display: block;
    padding: 8px 10px;
}

#accessibility-copyright a:hover {
    background: #0d0d0d;
    text-decoration: underline;
    color: #fff;
}

#accessibility-player {
    text-align: center;
    line-height: 25px;
    font-size: 13px;
    border-top-width: 1px;
    border-top-color: #ccc;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ccc;
    border-bottom-style: solid;
    padding-top: 12px;
    padding-bottom: 12px;
}

#accessibility-player span {
    display: block;
    font-size: 15px;
    color: #0d0d0d;
}

/* Effects */
.accessibility-grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.accessibility-invert {
    -webkit-filter: invert(100%);
    filter: invert(100%);
    color: #000;
}

.accessibility-linkHighlight a {
    text-decoration: underline !important;
}

.accessibility-regularFont {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* RTL Support */
html[dir="rtl"] #accessibility {
    left: -197px;
    right: auto;
    border-right-width: 1px;
    border-left-width: 0;
}

html[dir="rtl"] #accessibility.open {
    right: auto;
    left: 0;
}

html[dir="rtl"] #accessibility a#accessibility-btn {
    right: -40px;
    left: auto;
}

html[dir="rtl"] #accessibility ul li a:before {
    margin-right: 0;
    margin-left: 10px;
}

.bandw {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.linksHighLight {
    background: rgba(57, 255, 20, 0.8) !important;
}

.linksHighLight div[class^="bg-"],
.linksHighLight div[class*=" bg-"] {
    background: rgba(57, 255, 20, 0.8) !important;
}

.inverted {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Newsletter Form One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.liveEdBlock .newsletterFormOne {
    padding-top: 34px;
}
.newsletterFormOne .Dialog h1,
.newsletterFormOne .Dialog h2,
.newsletterFormOne .Dialog h3,
.newsletterFormOne .Dialog h4,
.newsletterFormOne .Dialog h5,
.newsletterFormOne .Dialog h6 {
    margin-bottom: 0;
}
.newsletterFormOne .Dialog th {
    display: none;
}
.newsletterFormOne .Dialog .mwInput {
    background-color: var(--white);
}
.newsletterFormOne .Dialog .mwInput input {
    color: var(--text-color);
}

@media (min-width: 1200px) {
    .newsletterFormOne .Dialog {
        display: flex;
        align-items: center;
    }
    .newsletterFormOne .Dialog h1,
    .newsletterFormOne .Dialog h2,
    .newsletterFormOne .Dialog h3,
    .newsletterFormOne .Dialog h4,
    .newsletterFormOne .Dialog h5,
    .newsletterFormOne .Dialog h6 {
        margin-right: 40px;
    }
    .newsletterFormOne .Dialog .mwInput.button {
        float: none !important;
        vertical-align: middle;
    }
    .newsletterFormOne .Dialog thead,
    .newsletterFormOne .Dialog tbody,
    .newsletterFormOne .Dialog tr,
    .newsletterFormOne .Dialog td {
        display: block;
    }
    .newsletterFormOne .Dialog tbody + tbody {
        margin-left: 30px;
    }
    .newsletterFormOne .Dialog tbody:nth-of-type(1) {
        flex: 0 0 auto;
    }
    .newsletterFormOne .Dialog tbody:nth-of-type(2) {
        flex: 1 1 auto;
    }
    .newsletterFormOne .Dialog tbody:nth-of-type(3) {
        flex: 1 1 auto;
    }
    .newsletterFormOne .Dialog tbody:nth-of-type(4) {
        flex: 0 1 auto;
    }
    .newsletterFormOne .Dialog th,
    .newsletterFormOne .Dialog td {
        padding: 0;
    }
}
@media (max-width: 1199px) and (min-width: 768px) {
    .newsletterFormOne .Dialog tbody:nth-of-type(2) {
        width: 50%;
        display: inline-block;
    }
    .newsletterFormOne .Dialog tbody:nth-of-type(2) tr {
        display: block;
    }
    .newsletterFormOne .Dialog tbody:nth-of-type(2) td {
        display: block;
        padding-right: 15px;
    }
    .newsletterFormOne .Dialog tbody:nth-of-type(3) {
        width: 50%;
        display: inline-block;
    }
    .newsletterFormOne .Dialog tbody:nth-of-type(3) tr {
        display: block;
    }
    .newsletterFormOne .Dialog tbody:nth-of-type(3) td {
        display: block;
        padding-left: 15px;
    }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Newsletter Form One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Newsletter Form Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.liveEdBlock .newsletterFormTwo {
    padding-top: 34px;
}
.newsletterFormTwo .newsletterFormSns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 30px;
}
.newsletterFormTwo .newsletterFormSns p {
    margin-bottom: 0;
}
.newsletterFormTwo .newsletterFormSnsTitle {
    margin-right: 20px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Newsletter Form Two - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Search Form - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.searchForm {
    margin-bottom: 30px;
}
.searchForm .mwInput.button input[type="submit"] {
    font-family: var(--font-family-icon);
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Search Form - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Search Results - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.searchResultsDefault .searchResultsTitle span {
    display: block;
    font-size: 18px;
    color: var(--text-color-2);
}
.searchResultsDefault .searchResultsItem {
    transition: var(--transition-200);
}

.searchResultsDefault .searchResultsFilters ul {
    overflow: hidden;
    padding: 5px 0;
    border-radius: var(--border-radius);
}
.searchResultsDefault .searchResultsFilters ul li {
    position: relative;
    padding: 0 25px;
    margin: 0;
    border: 0;
}
.searchResultsDefault .searchResultsFilters ul li a {
    position: relative;
    display: block;
    padding: 15px 0 15px 22px;
    color: var(--text-color);
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    background-color: transparent;
}
.searchResultsDefault .searchResultsFilters ul li a i {
    position: absolute;
    left: 0;
    font-size: 12px;
    color: var(--text-color-3);
    margin-right: 10px;
}
.searchResultsDefault .searchResultsFilters ul li a:hover {
    color: var(--primary-5);
}
.searchResultsDefault .searchResultsFilters ul li + li a {
    border-top: 1px solid var(--border-color-dark);
}
.searchResultsDefault .searchResultsFilters 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);
}
.searchResultsDefault .searchResultsFilters ul li:hover:after {
    background-color: var(--primary);
}
.searchResultsDefault .searchResultsFilters ul li.selected {
    background-color: var(--gray-2);
}
.searchResultsDefault .searchResultsFilters ul li.selected + li a,
.searchResultsDefault .searchResultsFilters ul li.selected a {
    border-top-color: transparent;
}
.searchResultsDefault .searchResultsFilters ul li.selected:after {
    background-color: var(--primary);
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Search Results - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Account Login - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Account Login - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Files List One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.filesListOne .filesListFilters ul {
    overflow: hidden;
    padding: 5px 0;
    border-radius: var(--border-radius);
}
.filesListOne .filesListFilters ul li {
    padding: 0 25px;
    margin: 0;
}
.filesListOne .filesListFilters ul li a {
    position: relative;
    display: block;
    padding: 15px 0 15px 22px;
    color: var(--text-color);
    font-size: 14px;
    font-weight: var(--font-weight-bold);
}
.filesListOne .filesListFilters ul li a i {
    position: absolute;
    left: 0;
    font-size: 12px;
    color: var(--text-color-3);
    margin-right: 10px;
}
.filesListOne .filesListFilters ul li a:hover {
    color: var(--primary-5);
}
.filesListOne .filesListFilters ul li + li a {
    border-top: 1px solid var(--border-color-dark);
}
.filesListOne .filesListFilters 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);
}
.filesListOne .filesListFilters ul li:hover:after {
    background-color: var(--primary);
}
.filesListOne .filesListFilters ul li.selected {
    background-color: var(--gray-2);
}
.filesListOne .filesListFilters ul li.selected + li a,
.filesListOne .filesListFilters ul li.selected a {
    border-top-color: transparent;
}
.filesListOne .filesListFilters ul li.selected:after {
    background-color: var(--primary);
}

.filesListOne .filesListItem:not([data-file-type="image"]) .imgCardImg {
    background-color: var(--gray-2);
    background-repeat: no-repeat;
    background-size: 32px auto;
    background-position: center;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Files List One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Testimonial One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.testimonialOne .testimonialWrap {
    display: flex;
    margin-bottom: 30px;
}
.testimonialOne .testimonialInner {
    position: relative;
}
.testimonialOne .testimonialQuotLeft {
    margin-bottom: 15px;
}
.testimonialOne .testimonialQuotRight {
    position: absolute;
    bottom: 0;
    right: 0;
}
.testimonialOne .testimonialAvatar {
    flex: 0 0 125px;
    width: 125px;
    height: 125px;
    padding: 8px;
    border-radius: 50%;
    background-color: var(--white);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.testimonialOne .testimonialAvatar > .mwPageBlock.File,
.testimonialOne .testimonialAvatar > .mwPageBlock.File > .blockContents {
    width: 100%;
    height: 100%;
}
.testimonialOne .testimonialAvatar .stretchImg {
    border-radius: 50%;
}
.testimonialOne .testimonialMain {
    flex: 0 1 auto;
    padding: 30px 40px;
    background-color: var(--white);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}
.testimonialOne .testimonialName {
    color: var(--primary);
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: var(--font-weight-bold);
}
.testimonialOne .testimonialTitle {
    color: var(--text-color-2);
}

.testimonialOne.testimonialLeft .testimonialAvatar {
    margin-right: 30px;
}

.testimonialOne.testimonialRight .testimonialAvatar {
    margin-left: 30px;
}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Testimonial One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Logo Block One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.logoBlockOne {
    margin-bottom: 30px;
}
.logoBlockOne .logoBlockWrap {
    display: block;
    border: 1px solid #e2dccc;
}
.logoBlockOne .logoBlockLogo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 200px;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.logoBlockOne .logoBlockInner {
    opacity: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 300px;
    padding: 60px 25px 30px;
    color: var(--white);
    text-align: center;
    transition: var(--transition-200);
}
.logoBlockOne .logoBlockTitle {
    margin-bottom: 20px;
    color: var(--white);
}
.logoBlockOne .logoBlockDes {
    margin-bottom: 50px;
    color: var(--white);
}
.logoBlockOne .logoBlockLink {
    text-decoration: underline;
}
.logoBlockOne .logoBlockWrap:hover .logoBlockInner {
    opacity: 1;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Logo Block One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Google Translate - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.googleTranslate {
    overflow: hidden;
    position: relative;
}
.googleTranslate .googleTranslateEmbed {
    opacity: 0;
}
.googleTranslate .googleTranslateText {
    transition: var(--transition-200);
}
.googleTranslate .goog-te-gadget {
    font-size: 0;
}
.googleTranslate .goog-te-gadget > span {
    display: none;
}
.googleTranslate .goog-te-gadget .goog-te-combo {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Google Translate - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Courses List One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.videoCoursesListOne .videoCoursesListGroup {
    margin-bottom: 30px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Courses List One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Courses Filter One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Courses Filter One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Courses Details One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.videoCoursesDetailsOne .courseHeaderRight {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.videoCoursesDetailsOne .courseHeaderRightBottom {
    margin-top: auto;
}
.videoCoursesDetailsOne .courseMetas:not(.Dialog) th,
.videoCoursesDetailsOne .courseMetas:not(.Dialog) td {
    border-top: none;
    border-bottom: 1px solid var(--table-border-color);
}
.videoCoursesDetailsOne .courseMetas:not(.Dialog) th {
    font-weight: var(--font-weight-bold);
    padding: 15px 15px 15px 0;
}
.videoCoursesDetailsOne .courseMetas:not(.Dialog) td {
    padding: 15px 0 15px 15px;
}
.videoCoursesDetailsOne .courseMetas:not(.Dialog) tr:first-of-type th,
.videoCoursesDetailsOne .courseMetas:not(.Dialog) tr:first-of-type td {
    padding-top: 0;
}
.videoCoursesDetailsOne .courseMetas:not(.Dialog) tr:last-of-type th,
.videoCoursesDetailsOne .courseMetas:not(.Dialog) tr:last-of-type td {
    padding-bottom: 0;
    border-bottom: none;
}
.videoCoursesDetailsOne .courseMetas:not(.Dialog) tbody tr:nth-of-type(odd) {
    background-color: transparent;
}
.videoCoursesDetailsOne .coursePriceOld {
    color: var(--text-color-2);
    text-decoration: line-through;
}
.videoCoursesDetailsOne .coursePriceNew {
    font-size: 32px;
    margin-bottom: 15px;
    font-weight: var(--font-weight-bold);
}
.videoCoursesDetailsOne .coursePriceCountdown {
    color: var(--orange);
    margin-bottom: 15px;
}
.videoCoursesDetailsOne .speakerAvatar {
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.videoCoursesDetailsOne .courseTestBtn p a[disabled],
.videoCoursesDetailsOne .courseTestBtn p a :disabled {
    cursor: not-allowed;
    border-color: var(--gray-5);
    background-color: var(--gray-5);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Courses Details One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Courses Test One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.videoCoursesTestOne .courseThumb {
    margin-bottom: 30px;
    border-radius: 3px;
    box-shadow: var(--shadow-7);
}
.videoCoursesTestOne .courseTitle {
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.videoCoursesTestOne .courseTitle:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: var(--primary);
}
.videoCoursesTestOne .courseMetas:not(.Dialog) th,
.videoCoursesTestOne .courseMetas:not(.Dialog) td {
    border-top: none;
    border-bottom: 1px solid var(--table-border-color);
}
.videoCoursesTestOne .courseMetas:not(.Dialog) th {
    font-weight: var(--font-weight-bold);
    padding: 5px 5px 5px 0;
}
.videoCoursesTestOne .courseMetas:not(.Dialog) td {
    padding: 5px 0 5px 5px;
}
.videoCoursesTestOne .courseMetas:not(.Dialog) tr:first-of-type th,
.videoCoursesTestOne .courseMetas:not(.Dialog) tr:first-of-type td {
    padding-top: 0;
}
.videoCoursesTestOne .courseMetas:not(.Dialog) tr:last-of-type th,
.videoCoursesTestOne .courseMetas:not(.Dialog) tr:last-of-type td {
    padding-bottom: 0;
    border-bottom: none;
}
.videoCoursesTestOne .courseMetas:not(.Dialog) tbody tr:nth-of-type(odd) {
    background-color: transparent;
}
.videoCoursesTestOne .Dialog th {
    font-weight: var(--font-weight-bold);
}
.videoCoursesTestOne .testResultBadge {
    font-size: 60px;
    border-radius: 50%;
    margin-bottom: 5px;
}
.videoCoursesTestOne .testResultTitle {
    margin-bottom: 15px;
}
.videoCoursesTestOne .qst-answer.valid td {
    color: var(--success);
    font-weight: var(--font-weight-bold);
}
.videoCoursesTestOne .qst-answer.invalid td {
    color: var(--danger);
    font-weight: var(--font-weight-bold);
    text-decoration: line-through;
}
.videoCoursesTestOne .testResultFailed .testResultBadge {
    color: var(--danger);
    text-shadow: 0 10px 30px rgba(220, 53, 69, 0.3);
}
.videoCoursesTestOne .testResultFailed .testResultTitle {
    color: var(--danger);
}
.videoCoursesTestOne .testResultPassed .testResultBadge {
    color: var(--success);
    text-shadow: 0 10px 30px rgba(46, 183, 160, 0.3);
}
.videoCoursesTestOne .testResultPassed .testResultTitle {
    color: var(--success);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Courses Test One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Courses Review One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.videoCoursesReviewOne .headerInner {
    display: flex;
    flex-wrap: wrap;
}
.videoCoursesReviewOne .courseBadge {
    width: 156px;
    height: 156px;
    padding: 10px;
    margin-bottom: 30px;
    margin-right: 30px;
    border-radius: 50%;
}
.videoCoursesReviewOne .courseBadge i {
    width: 100%;
    height: 100%;
    color: var(--white);
    font-size: 60px;
    text-align: center;
    line-height: 136px;
    border-radius: 50%;
}
.videoCoursesReviewOne .reviewTitle {
    margin-bottom: 15px;
}
.videoCoursesReviewOne .reviewScores {
    margin-bottom: 30px;
}
.videoCoursesReviewOne .reviewList > li {
    padding-left: 50px;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .videoCoursesReviewOne .reviewList > li {
        padding-left: 30px;
    }
}
.videoCoursesReviewOne .reviewList > li:before {
    line-height: 1.32;
    font-size: 30px;
    font-family: var(--font-family-icon);
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}
@media (max-width: 767px) {
    .videoCoursesReviewOne .reviewList > li:before {
        font-size: 20px;
    }
}
.videoCoursesReviewOne .reviewList .testPassed:before {
    color: var(--primary);
    content: "\F058";
}
.videoCoursesReviewOne .reviewList .testFailed:before {
    color: var(--orange);
    content: "\F057";
}
.videoCoursesReviewOne .reviewList .testQuestion {
    margin-bottom: 10px;
}
.videoCoursesReviewOne .reviewList .testAnswers {
    margin: 0;
}
.videoCoursesReviewOne .reviewList .testAnswers > li {
    padding-left: 0;
    margin-bottom: 5px;
}
.videoCoursesReviewOne .reviewList .testAnswers > li:before {
    display: none;
}
.videoCoursesReviewOne .reviewList .testCorrectAnswer {
    color: var(--primary);
}
.videoCoursesReviewOne .reviewList .testWrongAnswer {
    color: var(--orange);
    text-decoration: line-through;
}

.videoCoursesReviewOne.videoCoursesReviewPassed .courseBadge {
    background-color: rgba(46, 183, 160, 0.1);
    box-shadow: 0 10px 30px rgba(46, 183, 160, 0.08);
}
.videoCoursesReviewOne.videoCoursesReviewPassed .courseBadge i {
    background-color: var(--primary);
    box-shadow: 0 10px 30px rgba(46, 183, 160, 0.3);
}
.videoCoursesReviewOne.videoCoursesReviewPassed .reviewTitle {
    color: var(--primary);
}

.videoCoursesReviewOne.videoCoursesReviewFailed .courseBadge {
    background-color: rgba(253, 126, 20, 0.1);
    box-shadow: 0 10px 30px rgba(253, 126, 20, 0.08);
}
.videoCoursesReviewOne.videoCoursesReviewFailed .courseBadge i {
    background-color: var(--orange);
    box-shadow: 0 10px 30px rgba(253, 126, 20, 0.3);
}
.videoCoursesReviewOne.videoCoursesReviewFailed .reviewTitle {
    color: var(--orange);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Courses Review One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Courses Checkout One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Video Courses Checkout One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Directories Module Banner One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.liveEdBlock .directoriesBannerOne {
    padding-top: 34px;
}
.directoriesBannerOne .directoriesBannerWrap {
    position: relative;
    padding-top: 160px;
    padding-bottom: 0;
}

.directoriesBannerOne .bannerBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 100px);
}
.directoriesBannerOne .bannerBg > .mwPageBlock,
.directoriesBannerOne .bannerBg > .mwPageBlock > .blockContents {
    width: 100%;
    height: 100%;
}
.directoriesBannerOne .stretchImg {
    background-position: top center;
}
.directoriesBannerOne .bannerGradient {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 35%;
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        black 100%
    );
}

.directoriesBannerOne .bannerContent {
    position: relative;
}
.directoriesBannerOne .bannerTitle {
    max-width: 540px;
}
.directoriesBannerOne .bannerTitle h1,
.directoriesBannerOne .bannerTitle h2,
.directoriesBannerOne .bannerTitle h3,
.directoriesBannerOne .bannerTitle h4,
.directoriesBannerOne .bannerTitle h5,
.directoriesBannerOne .bannerTitle h6 {
    color: var(--white);
    line-height: 1;
    font-size: 70px;
    margin-bottom: 15px;
}
.directoriesBannerOne .bannerCaption {
    color: var(--white);
    font-size: 18px;
    max-width: 540px;
    margin-bottom: 90px;
}

.directoriesBannerOne .bannerSearch {
    overflow: hidden;
    position: relative;
    margin-bottom: 90px;
    border-radius: 3px;
    background-color: var(--white);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.directoriesBannerOne .bannerSearch form {
    margin-right: 160px;
    padding: 20px 25px 10px;
}
@media (max-width: 991px) {
    .directoriesBannerOne .bannerSearch form {
        margin-right: 0;
        margin-bottom: 60px;
    }
}
.directoriesBannerOne .bannerSearch .searchBtn {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 160px;
    padding: 20px 35px;
    color: var(--white);
    font-weight: var(--font-weight-bold);
    background-color: var(--primary);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
    .directoriesBannerOne .bannerSearch .searchBtn {
        top: auto;
        bottom: 0;
        height: 60px;
        width: 100%;
    }
}
.directoriesBannerOne .bannerSearch .searchBtn:before {
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: var(--secondary);
    transition: var(--transition-360);
}
.directoriesBannerOne .bannerSearch .searchBtn i,
.directoriesBannerOne .bannerSearch .searchBtn span {
    position: relative;
    right: 0;
    transition: var(--transition-360);
}
.directoriesBannerOne .bannerSearch .searchBtn:hover:before {
    opacity: 1;
    width: 100%;
}
.directoriesBannerOne .bannerSearch .searchBtn:hover i,
.directoriesBannerOne .bannerSearch .searchBtn:hover span {
    right: -3px;
}

.directoriesBannerOne .bannerCategory {
    overflow: hidden;
    position: relative;
    border-radius: 3px;
    background-color: var(--white);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.directoriesBannerOne .bannerCategoryTitle h1,
.directoriesBannerOne .bannerCategoryTitle h2,
.directoriesBannerOne .bannerCategoryTitle h3,
.directoriesBannerOne .bannerCategoryTitle h4,
.directoriesBannerOne .bannerCategoryTitle h5,
.directoriesBannerOne .bannerCategoryTitle h6 {
    color: var(--white);
}
.directoriesBannerOne .categoryItem {
    border-right: 1px solid var(--border-color-dark);
}
.directoriesBannerOne .categoryItem:nth-last-child(-n + 2) {
    border-right: none;
}
@media (max-width: 991px) {
    .directoriesBannerOne .categoryItem:nth-child(2) {
        border-right: none;
    }
    .directoriesBannerOne .categoryItem:nth-child(-n + 2) {
        border-bottom: 1px solid var(--border-color-dark);
    }
}
@media (max-width: 375px) {
    .directoriesBannerOne .categoryItem {
        border-right: none;
        border-bottom: 1px solid var(--border-color-dark);
    }
    .directoriesBannerOne .categoryItem:nth-last-child(-n + 2) {
        border-bottom: none;
    }
}
.directoriesBannerOne .categoryAll {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 20px 35px;
    color: var(--white);
    font-weight: var(--font-weight-bold);
    background-color: var(--secondary);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.directoriesBannerOne .categoryAll:before {
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: var(--primary);
    transition: var(--transition-360);
}
.directoriesBannerOne .categoryAll i,
.directoriesBannerOne .categoryAll span {
    position: relative;
    right: 0;
    transition: var(--transition-360);
}
.directoriesBannerOne .categoryAll i {
    margin-left: 5px;
}
.directoriesBannerOne .categoryAll:hover:before {
    opacity: 1;
    width: 100%;
}
.directoriesBannerOne .categoryAll:hover i,
.directoriesBannerOne .categoryAll:hover span {
    right: -3px;
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Directories Module Banner One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Directories Module List Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.directoriesListTwo .imgCardWrap {
    border-top: 5px solid var(--primary);
}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Directories Module List Two - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Page Template - Error Page - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Page Template - Error Page - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Page Template - Default Page - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Page Template - Default Page - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Page Template - System Page - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Page Template - System Page - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/