/*==========================================================================
BODY DATAS
 *
 * ACRONYM VARIABLE
 * ff -> font-family
 * fz -> font-size
 * lh -> line-height
 * fw -> font-weight
 * cl -> color
 * bg -> background
 * pd -> padding
 * mg -> margin
 * bora -> border-radius
 * bsd -> box-shadow
 * desc -> description
 * vt -> vertical
 * hz -> horizontal
 * rv -> reverseo
 * msg -> message
 * ...-h -> ...-hover
 *
===========================================================================*/
body{
    /* main */
    --main-ff: "Google Sans Flex", sans-serif;
    --main-fz: 18px;
    --main-fz-2: 16px;
    --main-lh: calc(26 / 16);
    --main-lh-2: 24px;
    --main-fw: 400;
    --dark-cl-2: #587495;
    --dark-cl-3: #9cb1c9;
    --light-cl: #F7FBFF;;
    --light-cl-2: #F5F5F5;
    --line-cl: #e1e1e1;
    --line-cl-2: #aaa;
    --dark-cl: #092b5f;
    --main-cl: #F05E2D;
    --main-cl-t: #fff;
    --main-cl-h: hsl(var(--mc-hsl-h), var(--mc-hsl-s), calc(var(--mc-hsl-l) * var(--main-button-h, .6)));
    --main-cl-2: #177983;
    --main-cl-2-t: #fff;
    --anchor-color: #177983;
    --main-container-pd: 30px;
    /* border-radius */
    --main-bora: 0px;
    --main-bora-2: 90px;
    --main-bora-3: 5px;
    --main-bora-4: 10px;
    --main-bora-5: 3px;
    /* heading */
    --heading-lh: 1.2;
    --heading-lh-2: 1.3;
    --heading-lh-3: 1.4;
    --heading-lh-4: 1.5;
    --heading-fw: 600;
    --heading-space: 15px;
    --text-space: 20px;
    /* sidebar */
    --primary-space: 30px;
    --sidebar-width: 270px;
    --sidebar-space: 40px;
    --widgets-fz: calc(var(--main-fz) - 1px);
    --widgets-lh: 24px;
    --widgets-space: 36px;
    --widget-title-fz: 20px;
    --widget-title-lh: 28px;
    --widget-title-mg: 10px;
    --widget-count-mg: 3px;
    --widget-box-mg: 5px;
    --widget-list-item-mg: 3px;
    --widget-list-checkbox-mg: 12px;
    /* input */
    --input-fz: 16px;
    --input-lh: 24px;
    --input-width: auto;
    --input-pd: 13px;
    --input-pd-hz: 20px;
    --input-cl: var(--dark-cl-2);
    --input-bg: var(--light-cl-2);
    --input-bsd: 0 0 0 1px var(--line-cl) inset;
    --input-cl-h: var(--dark-cl);
    --input-bsd-h: 0 0 0 1px var(--main-cl) inset;
    --input-bora: var(--main-bora-3);
    /* button */
    --button-fz: 16px;
    --button-fw: 500;
    --button-tt: uppercase;
    --button-width: auto;
    --button-pd-hz: 40px;
    --button-cl: var(--main-cl-t);
    --button-bg: var(--primary);
    --button-cl-h: var(--main-cl-2-t);
    --button-bg-h: var(--main-cl-2);
    /* layered */
    --layered-size: 22px;
    --layered-pd: 4px;
    --layered-space: 5px;
    /* tooltip */
    --tooltip-fz: 12px;
    --tooltip-lh: 15px;
    --tooltip-cl: var(--light-cl);
    --tooltip-bg: var(--dark-cl);
    --tooltip-bora: 3px;
    --tooltip-pd: 5px 10px;
    --tooltip-mg: 3px;
    --tooltip-arrow: 5px;
    /* popup */
    --popup-bsd: 0 0 15px rgba(0, 0, 0, .15);
    --popup-bsd-l: 5px 10px 15px rgba(255, 255, 255, .2);
    --popup-bsd-rv: 5px -10px 15px rgba(0, 0, 0, .15);
    --popup-bsd-2: 5px 10px 15px rgba(0, 0, 0, .2);
    /* cols / rows */
    --boxs-hz-space: 30px;
    --boxs-space: 40px;
    --posts-space: 30px;
    --cols-number: 4;
    --cols-space: 30px;
    --rows-space: 30px;
    /* ads */
    --ads-size: 50px;
    --ads-gap: 10px;
    --ads-offset: 80px;
    --ads-offset-hz: 20px;
    /* message color */
    --error-msg-cl: #6f000a;
    --error-msg-bd: #f55a44;
    --error-msg-bg: #ffeded;
    --warning-msg-cl: #6f2500;
    --warning-msg-bd: #f9b51b;
    --warning-msg-bg: #fff3dc;
    --problem-msg-cl: #6f6f00;
    --problem-msg-bd: #a9a900;
    --problem-msg-bg: #ffffda;
    --success-msg-cl: #00360c;
    --success-msg-bd: #69c367;
    --success-msg-bg: #e1ffe1;
    --info-msg-cl: #004085;
    --info-msg-bd: #0079bf;
    --info-msg-bg: #ddeeff;
    /* other */
    --ovic-fz-40: 40px;
    --ovic-fz-36: 36px;
    --ovic-fz-32: 32px;
    --ovic-fz-30: 30px;
    --ovic-fz-28: 28px;
    --ovic-fz-26: 26px;
    --ovic-fz-24: 24px;
    --ovic-fz-22: 22px;
    --ovic-fz-20: 20px;
    --ovic-fz-18: 18px;
    --ovic-fz-16: 16px;
    --ovic-space-100: 100px;
    --ovic-space-100-2: 100px;
    --ovic-space-60: 60px;
    --ovic-space-50: 50px;
    --ovic-space-40: 40px;
    --ovic-space-25: 25px;
    --admin-bar-height: 0px;
    /* style */
    font-family: var(--main-ff);
    font-size: var(--main-fz);
    line-height: var(--main-lh);
    color: var(--dark-cl-2);
    font-weight: var(--main-fw);
    background-color: var(--light-cl);
    word-wrap: break-word;
    overflow-x: hidden;
    margin: 0;
}
.main-special-font{
    font-family: var(--main-special);
    font-weight: var(--main-special-fw);
}
.admin-bar{
    --admin-bar-height: 32px;
}
.text-danger,
.link-danger{
    color: var(--error-msg-bd);
}
.text-warning,
.link-warning{
    color: var(--warning-msg-bd);
}
.text-success,
.link-success{
    color: var(--success-msg-bd);
}
.text-info,
.link-info{
    color: var(--info-msg-bd);
}
.link-danger:hover,
.link-warning:hover,
.link-success:hover,
.link-info:hover{
    text-decoration: underline;
}
.d-none{
    display: none;
}
@media (min-width: 1200px){
    .has-header-sticky{
        --header-sticky-height: 80px;
    }
}
@media (max-width: 782px){
    .admin-bar{
        --admin-bar-height: 46px;
    }
}
@media (max-width: 1199px){
    body{
        /* font */
        --main-fz: 17px;
        --main-lh: calc(24 / 16);
        --main-lh-2: 22px;
        /* main */
        --main-container-pd: 20px;
        /* heading */
        --heading-space: 12px;
        --text-space: 16px;
        /* sidebar */
        --sidebar-space: 30px;
        --widgets-space: 24px;
        --widget-title-fz: 18px;
        --widget-title-lh: 28px;
        --widget-title-mg: 16px;
        --widget-list-checkbox-mg: 8px;
        /* input */
        --input-pd: 10px;
        --input-pd-hz: 18px;
        /* button */
        --button-pd-hz: 32px;
        /* cols / rows */
        --boxs-hz-space: 20px;
        --boxs-space: 28px;
        --posts-space: 20px;
        /* ads */
        --ads-size: 42px;
        --ads-offset: 75px;
        --ads-offset-hz: 15px;
        /* build */
        --ovic-fz-40: 36px;
        --ovic-fz-36: 32px;
        --ovic-fz-32: 29px;
        --ovic-fz-30: 27px;
        --ovic-fz-28: 26px;
        --ovic-fz-26: 24px;
        --ovic-fz-24: 23px;
        --ovic-fz-22: 21px;
        --ovic-fz-20: 19px;
        --ovic-space-100: 60px;
        --ovic-space-100-2: 64px;
        --ovic-space-60: 40px;
        --ovic-space-50: 30px;
        --ovic-space-40: 24px;
        --ovic-space-25: 20px;
    }
}
@media (max-width: 991px){
    body{
        /* sidebar */
        --widget-title-fz: 17px;
        --widget-title-lh: 26px;
        /* cols / rows */
        --cols-number: 3;
        --cols-space: 20px;
        --rows-space: 20px;
        /* build */
        --ovic-space-100: 40px;
        --ovic-space-100-2: 46px;
        --ovic-space-60: 35px;
        --ovic-space-50: 25px;
        --ovic-space-40: 20px;
    }
}
@media (max-width: 767px){
    body{
        --main-container-pd: 15px;
        /* font */
        --main-fz: 16px;
        --main-lh: calc(22 / 15);
        --main-fz-2: 15px;
        --main-lh-2: 21px;
        /* heading */
        --heading-space: 8px;
        --text-space: 12px;
        /* sidebar */
        --widgets-space: 18px;
        /* sidebar */
        --widget-title-fz: 16px;
        --widget-title-lh: 24px;
        --widget-title-mg: 12px;
        /* input */
        --input-pd: 9px;
        --input-pd-hz: 17px;
        /* button*/
        --button-pd-hz: 28px;
        /* cols / rows */
        --boxs-hz-space: 16px;
        --boxs-space: 22px;
        --posts-space: 15px;
        --cols-space: 16px;
        --rows-space: 16px;
        /* ads */
        --ads-offset: 70px;
        --ads-offset-hz: 10px;
        /* build */
        --ovic-fz-40: 34px;
        --ovic-fz-36: 30px;
        --ovic-fz-32: 27px;
        --ovic-fz-30: 26px;
        --ovic-fz-28: 25px;
        --ovic-fz-26: 23px;
        --ovic-fz-24: 22px;
        --ovic-fz-22: 20px;
        --ovic-fz-20: 18px;
        --ovic-fz-18: 17px;
        --ovic-fz-16: 15px;
        --ovic-space-100: 30px;
        --ovic-space-100-2: 38px;
        --ovic-space-60: 30px;
        --ovic-space-50: 20px;
        --ovic-space-40: 16px;
        --ovic-space-25: 15px;
    }
}
/*----- HEADING -----*/
h1,
h2,
h3,
h4,
h5,
h6,
legend{
    color: var(--dark-cl);
    font-weight: var(--heading-fw);
}
h1{
    font-size: var(--ovic-fz-40);
    line-height: var(--heading-lh);
}
h2{
    font-size: var(--ovic-fz-36);
    line-height: var(--heading-lh);
}
h3{
    font-size: var(--ovic-fz-30);
    line-height: var(--heading-lh-2);
}
h4{
    font-size: var(--ovic-fz-24);
    line-height: var(--heading-lh-2);
}
h5{
    font-size: var(--ovic-fz-20);
    line-height: var(--heading-lh-3);
}
h6{
    font-size: var(--ovic-fz-16);
    line-height: var(--heading-lh-4);
}
.text-space,
p{
    margin: 0 0 var(--text-space);
}
.heading-space,
h1,
h2,
h3,
h4,
h5,
h6,
legend{
    margin: 0 0 var(--heading-space);
}
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty{
    margin: 0;
}
/*----- A -----*/
a{
    color: var(--anchor-cl, inherit);
    text-decoration: var(--anchor-td, none);
    cursor: pointer;
}
a:hover{
    color: var(--anchor-cl-h, var(--main-cl));
    outline: none;
}
a:active{
    outline: none;
}
/*----- B, STRONG -----*/
dt,
b,
strong{
    font-weight: 500;
}
/*----- TABLE -----*/
th,
td{
    border: 1px solid var(--line-cl-2);
    padding: 10px;
    text-align: inherit;
}
th{
    color: var(--dark-cl);
    font-weight: var(--heading-fw);
    text-align: inherit;
}
/*----- LABEL -----*/
label{
    display: inline-block;
    vertical-align: top;
    font-size: inherit;
    color: var(--dark-cl);
    font-weight: var(--heading-fw);
    margin: 0 0 8px;
}
required,
.required{
    color: #ff0000;
}
@media (max-width: 1499px){
    label{
        margin-bottom: 7px;
    }
}
@media (max-width: 1199px){
    label{
        margin-bottom: 6px;
    }
}
/*----- INPUT, TEXTAREA, SELECT -----*/
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container .chosen-single,
body .select2-container .select2-selection--single,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"],
input[type="url"],
input[type="number"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime-local"],
input[type="file"],
select,
textarea{
    border: none;
    font: inherit;
    font-size: var(--input-fz);
    line-height: var(--input-lh);
    max-width: 100%;
    height: auto;
    padding: var(--input-pd) var(--input-pd-hz);
    color: var(--input-cl-h, var(--input-cl));
    background-color: var(--input-bg, var(--light-cl));
    box-shadow: var(--input-bsd);
    border-radius: var(--input-bora);
    -webkit-appearance: none;
    -moz-appearance: textfield;
    outline: none;
    margin: 0;
    text-align: start;
    transition: none;
}
body .select2-container .select2-selection--single,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"],
input[type="url"],
input[type="number"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime-local"],
input[type="file"]{
    width: var(--input-width);
    height: calc(var(--input-pd) * 2 + var(--input-lh));
}
.chosen-container-active.chosen-with-drop .chosen-single,
.chosen-container.chosen-with-drop .chosen-single,
body .select2-container--open .select2-selection--single{
    box-shadow: var(--input-bsd-h, var(--input-bsd)) !important;
    border-radius: var(--input-bora) !important;
}
input[type="text"]:not([readonly]):focus,
input[type="email"]:not([readonly]):focus,
input[type="password"]:not([readonly]):focus,
input[type="tel"]:not([readonly]):focus,
input[type="search"]:not([readonly]):focus,
input[type="url"]:not([readonly]):focus,
input[type="number"]:not([readonly]):focus,
input[type="date"]:not([readonly]):focus,
input[type="month"]:not([readonly]):focus,
input[type="week"]:not([readonly]):focus,
input[type="time"]:not([readonly]):focus,
input[type="datetime-local"]:not([readonly]):focus,
input[type="file"]:not([readonly]):focus,
select:not([readonly]):focus,
textarea:not([readonly]):focus{
    outline: none;
    color: var(--input-cl-h, var(--input-cl));
    background-color: var(--input-bg-h, var(--input-bg));
    box-shadow: var(--input-bsd-h, var(--input-bsd));
}
input[type="file"]{
    cursor: pointer;
}
input[readonly]{
    opacity: .5;
}
/* textarea */
textarea{
    display: block;
    width: var(--input-width);
    height: 156px;
}
/* select */
select{
    width: var(--input-width);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFBAMAAABlfdtYAAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABnRSTlMAmcwRiCK19YmuAAAAH0lEQVQI12MIYWBgFmAwAiNmRWZFBgYGIyEBIAliAgAeOQGsDcSFWgAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-position: right var(--input-pd-hz) center;
    background-size: 8px auto;
    padding-inline-end: calc(15px + var(--input-pd-hz));
    border-radius: var(--input-bora);
    cursor: pointer;
}
select::-ms-expand{
    display: none;
}
/* checkbox, radio */
input[type="radio"],
input[type="checkbox"]{
    vertical-align: middle;
    margin-top: -2px;
    margin-inline-end: 3px;
    cursor: pointer;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled]{
    cursor: not-allowed;
}
/*----- BUTTON -----*/
.button,
button,
input[type="button"],
input[type="submit"]{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: var(--button-width);
    max-width: 100%;
    font-size: var(--button-fz);
    line-height: var(--button-lh, var(--input-lh));
    font-weight: var(--button-fw);
    text-transform: var(--button-tt);
    padding: var(--button-pd, var(--input-pd)) var(--button-pd-hz);
    border: none;
    border-radius: var(--button-bora, var(--input-bora));
    color: var(--button-cl);
    background-color: var(--button-bg);
    box-shadow: var(--button-bsd);
    text-align: center;
    cursor: pointer;
    transition: color .1s, background .1s, box-shadow .1s;
}
a.button{
    color: var(--button-cl);
}
.button:not([disabled]):hover,
button:not([disabled]):hover,
input[type="button"]:not([disabled]):hover,
input[type="submit"]:not([disabled]):hover{
    color: var(--button-cl-h, var(--button-cl));
    background-color: var(--button-bg-h, var(--button-bg));
    box-shadow: var(--button-bsd-h, var(--button-bsd));
}
button:focus{
    outline: none;
}
/*----- NAME, TITLE -----*/
.page-main-content,
.entry-content,
.post-content,
.post-excerpt{
    /*text-align: justify;*/
}
.page-main-content:before,
.page-main-content:after,
.entry-content:before,
.entry-content:after,
.post-content:before,
.post-content:after,
.post-excerpt:before,
.post-excerpt:after{
    content: '';
    display: table;
    clear: both;
}
.chart-container a,
#tab-description a,
.paragraph a{
    --anchor-cl: var(--anchor-color);
    --anchor-td: underline;
}
.widget_text .textwidget > :last-child,
.commentlist .description > :last-child,
#tab-description > :last-child,
.paragraph > :last-child{
    margin-bottom: 0;
}
.custom-text-editor-1{
    --li-gap: 3px;
}
.custom-text-editor-1 ::marker{
    color: var(--main-cl);
}
/*----- PAGE LINKS, POST PAGINATION -----*/
.post-pagination{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    margin-bottom: 5px;
    margin-top: 10px;
}
.post-pagination > *{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 30px;
    font-weight: var(--heading-fw);
    min-width: 30px;
    height: 30px;
    text-align: center;
    margin-inline-end: 10px;
    margin-bottom: 10px;
    background-color: var(--dark-cl);
    border-radius: var(--main-bora-5);
    color: #fff;
}
.post-pagination .title{
    display: none;
}
.post-pagination .post-page-numbers:not(:hover):not(.current){
    color: var(--dark-cl);
    box-shadow: 0 0 0 1px var(--line-cl) inset;
    background-color: transparent;
}
.post-pagination .post-page-numbers:hover{
    color: #fff;
}
/*----- BREADCRUMBS -----*/
.breadcrumbs .trail-browse{
    display: none;
}
.breadcrumb > .active{
    color: var(--dark-cl);
    font-weight: 500;
}
.breadcrumb,
.woocommerce-breadcrumb{
    display: block;
    position: relative;
    list-style: none;
    font-size: 15px;
    line-height: 24px;
    padding: 0;
    z-index: 1;
    margin: 0 0 20px;
}
.breadcrumb a:not(:hover),
.woocommerce-breadcrumb a:not(:hover){
    color: var(--dark-cl-2);
}
.breadcrumb a:hover,
.woocommerce-breadcrumb a:hover{
    color: var(--primary);
}
.breadcrumb li{
    display: inline;
    vertical-align: top;
}
.breadcrumb li a,
.breadcrumb > li + li:before,
.woocommerce-breadcrumb .delimiter{
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    color: var(--dark-cl-3);
}
.breadcrumb li,
.woocommerce-breadcrumb a{
    max-width: 100%;
    padding: 0;
}
.breadcrumb li:last-child{
    padding: 0;
}
.breadcrumb .separator,
.woocommerce-breadcrumb .separator{
    padding: 0 10px;
}
.breadcrumb > li + li:before,
.woocommerce-breadcrumb .delimiter:before{
    display: inline-block;
    vertical-align: top;
    font-family: main-icon, sans-serif;
    content: '\e903';
    font-size: calc(100% - 6px);
    padding: 0 10px;
}
@media (max-width: 1199px){
    .breadcrumb > li + li:before,
    .woocommerce-breadcrumb .delimiter:before{
        padding: 0 9px;
    }
}
@media (max-width: 767px){
    .breadcrumb > li + li:before,
    .woocommerce-breadcrumb .delimiter:before{
        padding: 0 8px;
    }
}
/*----- PAGINATION -----*/
.woocommerce-pagination{
    --pagi-gap: 15px;
    --pagi-width: 36px;
    --pagi-height: 36px;
    --pagi-fz: 15px;
    margin: 30px 0 0;
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
}
.woocommerce-pagination > .screen-reader-text{
    display: none;
}
.woocommerce-pagination ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: var(--pagi-gap);
    max-width: 100%;
    clear: both;
    position: relative;
    padding: 0;
    margin: 0;
}
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span{
    display: inline-block;
    vertical-align: top;
    min-width: var(--pagi-width);
    border-radius: 5px;
    font-size: var(--pagi-fz);
    line-height: var(--pagi-height);
    font-weight: var(--main-fw);
    color: var(--primary);
    background-color: var(--main-cl-t);
    box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
    max-width: 100%;
    padding: 0 5px;
    border: none;
}
.woocommerce-pagination ul li a:hover,
.woocommerce-pagination ul li .current{
    color: var(--main-cl-t);
    background-color: var(--primary);
    box-shadow: none;
}
.woocommerce-pagination ul li .dots,
.woocommerce-pagination ul li .dots{
    min-width: auto;
    box-shadow: none !important;
}
.woocommerce-pagination ul li .prev,
.woocommerce-pagination ul li .next{
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    background-color: transparent;
}
.woocommerce-pagination ul li .prev:before{
    display: inline-block;
    vertical-align: top;
    font-family: main-icon, sans-serif;
    content: '\e906';
    font-size: 12px;
    line-height: var(--pagi-height);
    font-weight: 600;
}
.woocommerce-pagination ul li .next:after{
    display: inline-block;
    vertical-align: top;
    font-family: main-icon, sans-serif;
    content: '\e907';
    font-size: 12px;
    line-height: var(--pagi-height);
    font-weight: 600;
}
@media (max-width: 1499px){
    .woocommerce-pagination{
        --pagi-gap: 14px;
        --pagi-width: 27px;
        --pagi-height: 27px;
        margin: 35px 0 0;
    }
}
@media (max-width: 1199px){
    .woocommerce-pagination{
        --pagi-gap: 12px;
        margin: 30px 0 0;
    }
}
@media (max-width: 767px){
    .woocommerce-pagination{
        --pagi-gap: 10px;
        --pagi-width: 26px;
        --pagi-height: 26px;
        margin: 20px 0 0;
    }
}
/*==========================================================================
DEFAULT DATAS
===========================================================================*/
/*----- MAKE CLASS -----*/
.post-item.sticky .post-title a{
    margin-inline-end: 8px;
}
.post-item.sticky .post-title:after{
    display: inline-block;
    vertical-align: top;
    font-family: FontAwesome, sans-serif;
    content: "\f024";
    color: var(--main-cl);
    font-size: calc(100% - 4px);
}
.woocommerce-review__author,
.comment-author,
.author{
    text-transform: capitalize;
    color: var(--dark-cl);
}
/*----- BODY OVERLAY -----*/
.overlay-body{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    background-color: black;
    z-index: 100000;
    visibility: hidden;
    opacity: 0;
    transition: .2s;
}
div.mfp-zoom-in.mfp-ready.mfp-bg{
    background-color: black;
    opacity: .8;
}
body div.md-size-chart-overlay,
.product-share .share-overlay{
    background-color: rgba(0, 0, 0, .5);
    opacity: 1;
}
.open-ovic-instagram .overlay-body,
.open-popup-share .overlay-body,
.open-popup-search .overlay-body,
.open-popup-vertical .overlay-body,
.active-overlay .overlay-body,
.open-mobile-sidebar .overlay-body{
    opacity: .5;
    visibility: visible;
}
#cboxOverlay{
    background-color: black;
    opacity: .8 !important;
}
@media (max-width: 1199px){
    .overlay-body{
        z-index: 100000;
    }
    .ovic-open-mobile-menu{
        overflow: hidden;
    }
    .ovic-open-mobile-menu .overlay-body{
        opacity: .5;
        visibility: visible;
    }
}
/*----- BLOCKQUOTE -----*/
blockquote cite{
    display: block;
    font-weight: var(--heading-fw);
}
blockquote.has-text-align-right{
    text-align: end;
}
blockquote.has-light-gray-color{
    color: gray;
}
.wp-block-pullquote{
    margin-bottom: 20px;
}
.wp-block-pullquote blockquote{
    margin-bottom: 0;
}
/*----- ICON FONT -----*/
body .fa{
    font-family: FontAwesome, sans-serif;
}
body .fa, /* awesome */
body .fa:before,
body .dashicons, /* dashicons */
body .dashicons:before,
body .dashicons-before:before,
body [class^="lnr-"], /* linear-icon */
body [class*=" lnr-"],
body [class^="main-icon-"], /* main-icon */
body [class^="main-icon-"]:before,
body [class*=" main-icon-"],
body [class*=" main-icon-"]:before{
    display: inline-block;
    vertical-align: top;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-decoration: inherit;
    direction: inherit;
    transition: none;
    margin: 0;
}
/*==========================================================================
CHOSEN
===========================================================================*/
.chosen-container{
    vertical-align: top;
    font-size: inherit;
    line-height: inherit;
    text-align: start;
    width: auto !important;
    max-width: 100%;
}
.chosen-container .chosen-single{
    display: flex;
    background-image: none;
    height: auto;
}
.chosen-container-active.chosen-with-drop .chosen-single{
    background-image: none;
}
.chosen-container .chosen-single:after{
    display: inline-block;
    vertical-align: top;
    font-family: main-icon, sans-serif;
    content: '\e909';
    font-size: calc(100% - 4px);
    font-weight: 400;
    font-style: normal;
    margin: 1px 0 -1px;
    margin-inline-start: 5px;
    margin-inline-end: -2px;
}
.chosen-container .chosen-single span{
    flex: 1 1 auto;
    width: 1%;
    display: inline-block;
    vertical-align: top;
    text-decoration: inherit;
    margin: 0;
}
.chosen-container .chosen-single div{
    display: none;
}
.chosen-container .chosen-drop{
    top: 100%;
    left: 0;
    right: auto;
    clip: auto;
    border: none;
    box-shadow: var(--popup-bsd);
    background-color: var(--popup-bg, var(--light-cl));
    border-radius: 0 0 var(--main-bora-3) var(--main-bora-3);
    width: 200px;
    min-width: 100%;
    white-space: nowrap;
    margin: 0;
    padding: 13px 0;
    transition: .3s;
    z-index: 10;
}
.chosen-container:not(.chosen-with-drop) .chosen-drop{
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
    z-index: 9;
}
.chosen-container:not(.chosen-container-single-nosearch) .chosen-drop{
    padding-top: 0;
}
.chosen-container .chosen-results{
    color: var(--dark-cl-2);
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 300px;
}
body #wcfmmp-store .chosen-container .chosen-results li,
.chosen-container .chosen-results li{
    font-size: var(--main-fz-2);
    line-height: var(--main-lh-2);
    padding: 3px var(--item-pd-hz);
    overflow: hidden;
    text-overflow: ellipsis;
    --item-pd-hz: 20px;
}
.chosen-container-active.chosen-with-drop .chosen-single:hover,
.chosen-container .chosen-single:hover{
    color: var(--main-cl);
}
.chosen-container .chosen-results li.highlighted,
.chosen-container .chosen-results li.result-selected{
    color: var(--main-cl);
    background-image: none;
    background-color: transparent;
}
.chosen-container-single .chosen-search{
    padding: 0;
    margin: 8px;
}
.chosen-container-single .chosen-search:after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    font-family: main-icon, sans-serif;
    content: "\e935";
    font-size: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    pointer-events: none;
}
.chosen-container-single .chosen-search input[type=text]{
    border: none;
    font-size: var(--main-fz-2);
    line-height: var(--main-lh-2);
    padding: 3px 10px;
    padding-inline-end: 25px;
    background: none !important;
    margin: 0;
    box-shadow: 0 0 0 1px var(--line-cl) inset;
}
/*==========================================================================
CUSTOM EFFECT
===========================================================================*/
.overlay-cross,
.overlay-horizontal,
.overlay-plus,
.overlay-vertical{
    --ovic-effect-opc: .3;
}
/*==========================================================================
CUSTOM ANIMATE
===========================================================================*/
/*==========================================================================
WIDGETS
===========================================================================*/
.sidebar-inner{
    font-size: var(--widgets-fz);
    line-height: var(--widgets-lh);
}
.widget{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    clear: both;
    position: relative;
}
.widget .screen-reader-text{
    display: none !important;
}
.widget p:last-child{
    margin-bottom: 0;
}
label.wp-block-search__label,
.widget .widgettitle,
.widget .widget-title{
    position: relative;
    font-size: var(--widget-title-fz);
    line-height: var(--widget-title-lh);
    padding-bottom: var(--widget-title-mg);
    margin: 0;
}
.widget .widgettitle img,
.widget .widget-title img{
    vertical-align: middle;
    margin: -3px 0 0;
    margin-inline-end: 3px;
}
.widget[id*='monster-widget'] .widgettitle,
.widget[id*='monster-widget'] .widget-title{
    text-transform: uppercase;
}
.widget select{
    width: 100%;
    cursor: pointer;
}
.widget ul,
.widget ol{
    margin-bottom: 0;
}
.widget ul ul,
.widget ol ul,
.widget ol ol,
.widget ul ol{
    padding-inline-start: 20px;
}
.widget .comment-author-link{
    text-transform: capitalize;
}
.widget_categories > ul > li > a{
    font-size: var(--main-fz);
}
.widget_categories li{
    color: var(--dark-cl-3);
}
.widget_categories li > a{
    display: inline-block;
    vertical-align: top;
    margin-inline-end: var(--widget-count-mg);
}
.widget_categories > ul li:not(.current-cat):not(.current-cat-parent) > a:not(:hover){
    color: var(--dark-cl);
}
.widget .tagcloud .tag-link-count{
    display: inline-block;
    vertical-align: middle;
    font-size: calc(100% - 2px);
    color: var(--dark-cl-3);
    margin: -3px 0 -1px;
    margin-inline-start: var(--widget-count-mg);
}
.sidebar-inner > .widget:not(:first-child){
    margin-top: var(--widgets-space);
}
.widget_ovic_nav_menu ul li a[aria-current="page"],
.sidebar-inner .widget_nav_menu ul li a[aria-current="page"],
.widget_recent_entries ul li a[aria-current="page"],
.widget_pages ul li [aria-current="page"],
.widget_archive ul li a[aria-current="page"],
.widget_categories > ul > li.current-cat > a,
.widget_categories > ul > li.current-cat-parent > a,
.widget-ovic-iconbox .icon{
    color: var(--main-cl);
}
/*----- SIDEBAR STICKY -----*/
@media (min-width: 992px){
    .sticky-sidebar .site{
        overflow: visible;
    }
    .sticky-sidebar #secondary{
        position: sticky;
        top: calc(10px + var(--admin-bar-height, 0px) + var(--header-sticky-height, 0px));
    }
}
/*----- WIDGET CALENDAR -----*/
.widget_calendar .calendar_wrap{
    padding: 11px 8px;
    border: 1px solid var(--line-cl);
    border-radius: var(--main-bora);
}
.widget_calendar th,
.widget_calendar td{
    text-align: center;
    padding: 2px 5px;
    border: none;
    position: relative;
}
.widget_calendar th{
    font-size: calc(100% - 1px);
}
.widget_calendar caption{
    font-size: 16px;
    color: var(--dark-cl);
    font-weight: var(--heading-fw);
    padding: 0;
    text-align: center;
    margin: 0 0 5px;
}
.widget_calendar a{
    display: block;
    font-weight: var(--heading-fw);
    position: relative;
}
.widget_calendar a:not(:hover){
    color: var(--dark-cl);
}
.widget_calendar .wp-calendar-table{
    color: var(--dark-cl-3);
    margin: 0;
}
.widget_calendar thead{
    background-color: var(--light-cl-2);
}
.widget_calendar .wp-calendar-nav{
    display: flex;
}
.widget_calendar .wp-calendar-nav > *{
    flex: 1 1 auto;
    width: 1%;
}
.widget_calendar .wp-calendar-nav .pad{
    display: none;
}
.widget_calendar .wp-calendar-nav a{
    padding: 5px 10px;
    margin: 0;
}
.widget_calendar .wp-calendar-nav-next a{
    text-align: end;
}
.widget #today a:before,
.widget #today:before{
    position: absolute;
    content: '';
    top: calc(50% - 14px);
    left: calc(50% - 14px);
    width: 28px;
    height: 28px;
    background-color: var(--light-cl);
    border-radius: var(--main-bora-2);
    box-shadow: 0 0 0 1px var(--main-cl) inset;
    z-index: -1;
}
/*----- WIDGET MEDIA -----*/
.widget_media_gallery .gallery-item a{
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.widget_media_gallery .gallery-item a img{
    transition: .3s;
}
.widget_media_gallery .gallery-item a:hover img{
    transform: scale(1.2);
}
/*----- WIDGET LIST ITEM -----*/
.sidebar-inner .widget_ovic_nav_menu ul,
.sidebar-inner .widget_nav_menu ul,
.widget_rss ul,
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_meta ul,
.widget_pages ul,
.widget_archive ul,
.widget_rating_filter ul,
.widget_categories ul{
    list-style: none;
    padding: 0;
}
.sidebar-inner .widget_ovic_nav_menu ul li,
.sidebar-inner .widget_nav_menu ul li,
.widget_rss ul li,
.widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_meta ul li,
.widget_pages ul li,
.widget_archive ul li,
.widget_rating_filter ul li,
.widget_categories ul li{
    padding: var(--widget-list-item-mg) 0;
}
.sidebar-inner .widget_ovic_nav_menu ul ul,
.sidebar-inner .widget_nav_menu ul ul,
.widget_pages ul ul,
.widget_categories ul ul{
    margin: var(--widget-list-item-mg) 0 calc(0px - var(--widget-list-item-mg)) !important;
}
.sidebar-inner .widget_ovic_nav_menu > .ovic-menu-wapper > ul > li,
.sidebar-inner .widget_nav_menu > .ovic-menu-wapper > ul > li,
.widget_rss > ul > li,
.widget_recent_entries > ul > li,
.widget_meta > ul > li,
.widget_pages > ul > li,
.widget_archive > ul > li{
    padding: 12px 0;
}
.sidebar-inner .widget_ovic_nav_menu > .ovic-menu-wapper > ul > li:not(:last-child),
.sidebar-inner .widget_nav_menu > .ovic-menu-wapper > ul > li:not(:last-child),
.widget_rss > ul > li:not(:last-child),
.widget_recent_entries > ul > li:not(:last-child),
.widget_meta > ul > li:not(:last-child),
.widget_pages > ul > li:not(:last-child),
.widget_archive > ul > li:not(:last-child){
    border-bottom: 1px solid var(--line-cl);
}
.sidebar-inner .widget_ovic_nav_menu .ovic-menu-wapper > ul > :first-child,
.sidebar-inner .widget_nav_menu .ovic-menu-wapper > ul > :first-child,
.widget_rss > ul > :first-child,
.widget_recent_entries > ul > :first-child,
.widget_recent_comments > ul > :first-child,
.widget_meta > ul > :first-child,
.widget_pages > ul > :first-child,
.widget_archive > ul > :first-child,
.widget_rating_filter > ul > :first-child,
.widget_categories > ul > :first-child{
    padding-top: 0;
}
.sidebar-inner .widget_ovic_nav_menu .ovic-menu-wapper > ul > :last-child,
.sidebar-inner .widget_nav_menu .ovic-menu-wapper > ul > :last-child,
.widget_rss > ul > :last-child,
.widget_recent_entries > ul > :last-child,
.widget_recent_comments > ul > :last-child,
.widget_meta > ul > :last-child,
.widget_pages > ul > :last-child,
.widget_archive > ul > :last-child,
.widget_rating_filter > ul > :last-child,
.widget_categories > ul > :last-child{
    padding-bottom: 0;
}
/*----- BLOG -----*/
/*----- MONSTER WIDGET -----*/
/* rating */
.widget_rating_filter ul li a{
    display: inline-block;
    vertical-align: top;
}
.widget_rating_filter ul li .star-rating{
    margin-inline-end: 3px;
}
/* comment, entries, rss */
.widget_recent_comments ul li{
    color: var(--dark-cl-3);
}
.widget_recent_comments ul li .comment-author-link a,
.widget_rss ul li .rssSummary{
    font-style: italic;
}
.widget_recent_comments ul li .comment-author-link a:not(:hover),
.widget_rss ul li .rssSummary{
    color: var(--dark-cl-2);
}
.widget_recent_comments ul li > a:not(:hover),
.widget_recent_entries ul li > a:not(:hover),
.widget_rss ul li a:not(:hover){
    color: var(--dark-cl);
}
.widget_recent_entries ul li .post-date,
.widget_rss ul li .rss-date,
.widget_rss ul li cite{
    display: block;
    color: var(--dark-cl-3);
    font-size: 15px;
}
.widget_recent_entries ul li .post-date:before{
    display: inline-block;
    vertical-align: middle;
    font-size: calc(100% + 2px);
    margin: -8px 0 -3px;
    margin-inline-end: 8px;
    font-family: main-icon, sans-serif;
    content: "\e920";
}
.widget_recent_entries ul li > :not(:first-child),
.widget_rss ul li > :not(:first-child){
    margin-top: 5px;
}
/*----- WIDGET NAV MENU -----*/
.widget_ovic_nav_menu .sub-menu.megamenu,
.widget_nav_menu .sub-menu.megamenu{
    background-image: none !important;
    width: auto !important;
}
.widget_ovic_nav_menu .sub-menu.megamenu .ovic-custommenu,
.widget_nav_menu .sub-menu.megamenu .ovic-custommenu{
    padding: 0 !important;
    padding-inline-start: 20px !important;
    margin: 0 !important;
}
.widget_ovic_nav_menu .sub-menu.megamenu .section-follow-header,
.widget_nav_menu .sub-menu.megamenu .section-follow-header{
    padding: 0;
}
/*----- WIDGET SEARCH -----*/
.widget_search + .widget{
    padding-top: 0;
    border-top: none;
    margin-top: calc(var(--widgets-space) - var(--widget-box-mg));
}
.widget_search .search-form{
    --input-width: 100%;
    --input-bsd: 0 0 0 1px var(--line-cl) inset;
    --input-bg: transparent;
    --input-bora: var(--main-bora-3);
    position: relative;
    margin: 5px 0;
}
.wp-block-search .wp-block-search__input,
.widget_search .search-field{
    padding-inline-end: 52px;
}
.widget_search button[type="submit"]{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    width: 52px;
    padding-inline-start: 0;
    padding-inline-end: 0;
    color: var(--dark-cl);
    background-color: transparent;
}
.widget_search button[type="submit"]:hover{
    color: var(--main-cl);
}
.widget_search button[type="submit"]:before{
    display: block;
    font-family: main-icon, sans-serif;
    content: "\e935";
    font-size: 17px;
    line-height: var(--button-lh, var(--input-lh));
    font-weight: 400;
}
.wp-block-search .wp-block-search__inside-wrapper{
    position: relative;
}
/*----- WIDGET TAG CLOUD -----*/
.tagcloud{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.tagcloud a{
    display: inline-block;
    vertical-align: middle;
    font-size: var(--main-fz-2) !important;
    line-height: var(--main-lh-2);
    color: var(--dark-cl);
    padding: 8px 16px;
    border-radius: var(--main-bora-3);
    background-color: var(--light-cl-2);
}
.tagcloud a:hover{
    color: #fff;
    background-color: var(--dark-cl);
    box-shadow: none;
}
.tagcloud a:hover .tag-link-count{
    color: inherit;
}
@media (max-width: 1499px){
    .tagcloud a{
        padding: 7px 14px;
    }
}
@media (max-width: 767px){
    .tagcloud a{
        padding: 6px 13px;
    }
}
/*----- ICON BOX -----*/
.iconbox-inner{
    display: flex;
    align-items: center;
    font-size: var(--main-fz-2);
    line-height: var(--main-lh-2);
}
.iconbox-inner .icon{
    width: 50px;
    box-shadow: 0 0 0 1px var(--line-cl) inset;
    background-color: var(--light-cl);
    font-size: calc(var(--main-fz-2) + 2px);
    padding: 12px 0;
    text-align: center;
}
.iconbox-inner .content{
    flex: 1 1 auto;
    width: 1%;
    padding-inline-start: 20px;
}
.iconbox-inner .title{
    margin: 0;
}
.iconbox-inner .text{
    margin: 0;
}
/*==========================================================================
SHORTCODE
===========================================================================*/
/*==========================================================================
BLOG
===========================================================================*/
/*----- ELEMENT -----*/
.post-inner{
    position: relative;
}
.post-thumb{
    position: relative;
    overflow: hidden;
}
.post-thumb figure,
.post-thumb img{
    border-radius: inherit;
}
.post-thumb .thumb-link{
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    position: relative;
    border-radius: inherit;
    overflow: hidden;
}
.post-title{
    font-size: var(--ovic-fz-20);
    line-height: 1.3;
    margin: 0;
}
.post-meta{
    font-size: 15px;
    color: var(--dark-cl-3);
    position: relative;
}
.post-meta .link{
    display: inline-block;
    vertical-align: top;
}
.post-meta a:not(:hover){
    color: inherit;
}
.post-meta a:hover .author{
    color: inherit;
}
.post-meta .icon{
    display: inline-block;
    vertical-align: middle;
    font-size: calc(100% + 2px);
    margin: -8px 0 -3px;
    margin-inline-end: 5px;
}
.post-meta .icon:before{
    display: block;
    font-family: Linearicons, sans-serif;
}
.post-metas{
    font-size: 0;
    line-height: 0;
}
.post-metas > *{
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.post-metas > :not(:last-child){
    margin-inline-end: 15px;
}
.post-author .icon:before{
    content: "\e71e";
}
.post-date .icon:before{
    font-family: main-icon, sans-serif;
    content: "\e920";
}
.post-comment .icon:before{
    content: "\e7d6";
}
.post-posted .icon:before{
    content: "\e8ea";
}
.post-views .icon:before{
    content: "\e6a5";
}
.post_cat{
    font-size: 0;
    line-height: 0;
}
.post_cat .inner{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.post_cat .inner a{
    display: inline-block;
    vertical-align: top;
    color: #fff !important;
    background-color: var(--primary);
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    padding: 5px 15px;
    border-radius: 90px;
}
.post_cat .inner a:hover{
    background-color: var(--main-cl);
}
.post-meta .author{
    color: inherit;
}
.post-readmore{
    font-size: 15px;
}
.post-readmore a{
    font-size: inherit;
    line-height: inherit;
    font-weight: 600;
    color: var(--primary) !important;
    text-transform: none;
    background-color: transparent !important;
    border-radius: 0;
    padding: 0;
}
.post-readmore a .icon{
    display: inline-block;
    vertical-align: top;
    transition: .2s;
    margin-inline-start: 2px;
}
.post-readmore a:hover{
    color: var(--main-cl) !important;
}
.post-readmore a:hover .icon{
    margin-inline-start: 6px;
}
.post-excerpt{
    font-size: 15px;
    color: var(--dark-cl-2);
    line-height: var(--main-lh-2);
}
/* tag, share */
.post_tag > .title{
    display: inline-block;
    vertical-align: middle;
    font-size: var(--main-fz);
    line-height: var(--main-lh-2);
    font-weight: var(--heading-fw);
    color: var(--dark-cl);
    margin-inline-end: 10px;
}
.post_tag{
    display: block;
}
.post_tag > .title{
    padding: 5px 0;
}
.post_tag .inner{
    display: inline;
    vertical-align: middle;
}
.post_tag a{
    margin: 5px 0;
}
.post_tag a:not(:last-child){
    margin-inline-end: 10px;
}
.post_tag a:not(:hover){
    box-shadow: 0 0 0 1px var(--line-cl) inset;
    background-color: var(--light-cl);
}
.post-share .title{
    display: inline-block;
    vertical-align: top;
    margin-inline-end: 15px;
}
.post-share .ovic-share-socials{
    display: inline-block;
    vertical-align: top;
}
/*----- SHORTCODE -----*/
.ovic-blog{
    position: relative;
}
.ovic-blog.blog-content{
    display: block;
    margin: 0;
}
.ovic-blog.blog-content .blog-item{
    padding: 0;
}
/* style-01 */
.post-item .post-inner{
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    transition: .2s;
}
.post-item .post-inner:hover{
    box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.post-item .post-thumb{
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}
.post-item .thumb-link{
    aspect-ratio: 16 / 9;
}
.post-item .thumb-link img{
    height: 100%;
    object-fit: cover;
    transition: .3s;
}
.post-item .thumb-link:hover img{
    transform: scale(1.1);
}
.post-item .post_cat{
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    z-index: 1;
    margin: 0;
}
.post-item .post-info{
    padding: 22px 18px 20px;
}
.post-item .post-date{
    margin: 15px 0 0;
}
.post-item .post-excerpt{
    margin: 5px 0 0;
}
.post-item .post-readmore{
    margin: 15px 0 0;
}
/* style-02 */
.post-item.style-02 .post-inner{
    display: flex;
    flex-wrap: wrap;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
}
.post-item.style-02 .post-thumb{
    width: 40%;
    max-width: 220px;
    display: flex;
    border-radius: 8px;
}
.post-item.style-02 .post-info{
    flex: 1 1 auto;
    width: 1%;
    padding: 12px 0 10px;
    padding-inline-start: 26px;
}
.post-item.style-02 .post-date{
    margin: 0 0 10px;
}
.post-item.style-02{}
.post-item.style-02{}
.light .post-item.style-02 .post-title{
    color: #fff;
}
/* section */
.section.blog1 .blog-content{
    --blog-columns: 3;
}
.section.blog2 .blog-content{
    --blog-columns: 2;
}
@media (max-width: 991px){
    .section.blog1 .blog-content{
        --blog-columns: 2;
    }
}
@media (max-width: 767px){
    .post-item .post-date{
        margin-top: 12px;
    }
    .post-item .post-readmore{
        margin-top: 12px;
    }
    .post-item.style-02 .post-info{
        padding: 8px 0 6px;
        padding-inline-start: 18px;
    }
    .post-item.style-02 .post-date{
        margin-bottom: 8px;
    }
    .section.blog1 .blog-content{
        --blog-columns: 1;
    }
    .section.blog2 .blog-content{
        --blog-columns: 1;
    }
}
/*----- PAGE -----*/
.blog-content{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: calc(0px - var(--rows-space));
}
.blog-content .post-item{
    width: 100%;
    margin-bottom: var(--rows-space);
}
/* standard */
.blog-standard{
    --rows-space: 60px;
}
.blog-standard .blog-item .post-title{
    font-size: var(--ovic-fz-40);
}
/* grid */
.blog-grid{
    margin-inline-start: calc(0px - (var(--cols-space) / 2));
    margin-inline-end: calc(0px - (var(--cols-space) / 2));
    --blog-columns: 2;
}
.blog-grid .blog-item{
    width: calc(100% / var(--blog-columns));
    padding: 0 calc(var(--cols-space) / 2);
}
@media (min-width: 480px){
    /* list */
    .blog-list .blog-item .post-inner{
        display: flex;
        flex-wrap: wrap;
    }
    .blog-list .blog-item .post-thumb{
        width: 540px;
        max-width: 50%;
        margin: 0;
    }
    .blog-list .blog-item .post-thumb a{
        height: 100%;
    }
    .blog-list .blog-item .post-thumb img{
        height: 100%;
        object-fit: cover;
    }
    .blog-list .blog-item .post-info{
        flex: 1 1 auto;
        width: 1%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-inline-start: var(--boxs-hz-space);
    }
}
@media (max-width: 1499px){
    .blog-standard{
        --rows-space: 50px;
    }
}
@media (max-width: 1199px){
    .blog-standard{
        --rows-space: 40px;
    }
}
@media (max-width: 991px){
}
@media (max-width: 767px){
    .blog-grid{
        --blog-columns: 1;
    }
    .blog-standard{
        --rows-space: 30px;
    }
}
/*----- POST FORMAT -----*/
.post-thumb.quote .blockquote{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 36px;
    line-height: var(--heading-lh);
    font-weight: var(--heading-fw);
    color: #fff;
    text-align: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, .5);
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    max-width: 750px;
    margin: auto;
}
.post-thumb.quote blockquote{
    border: none;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.post-thumb.quote blockquote:before,
.post-thumb.quote blockquote:after{
    display: inline-block;
    vertical-align: top;
    font-family: FontAwesome, sans-serif;
    content: "\f10d";
    font-size: 30px;
    font-weight: 400;
    margin: -12px 0 12px;
}
.post-thumb.quote blockquote:after{
    margin: 12px 0 -12px;
    transform: rotate(180deg);
}
.post-thumb.gallery > .slick-list{
    z-index: auto;
}
.post-thumb.gallery > .slick-dots{
    position: absolute;
    bottom: 20px;
    left: 15px;
    right: 15px;
    margin: 0;
}
@media (max-width: 1199px){
    .post-thumb.quote .blockquote{
        font-size: 32px;
    }
    .post-thumb.quote blockquote:before,
    .post-thumb.quote blockquote:after{
        font-size: 28px;
    }
}
@media (max-width: 767px){
    .post-thumb.quote .blockquote{
        font-size: 24px;
    }
    .post-thumb.quote blockquote:before,
    .post-thumb.quote blockquote:after{
        font-size: 24px;
    }
}
/*----- POST SINGLE -----*/
/* pagination */
.pagination-post{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 18px;
    line-height: var(--main-lh-2);
    gap: 0 30px;
    padding: 30px 0;
    border-top: 1px solid var(--line-cl);
    border-bottom: 1px solid var(--line-cl);
    margin: 55px 0 5px;
}
.pagination-post .item{
    flex: 1 1 auto;
    width: 1%;
    max-width: 250px;
    font-weight: var(--heading-fw);
    color: var(--dark-cl);
}
.pagination-post .link{
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
}
.pagination-post .text{
    display: block;
    font-size: 12px;
    line-height: 18px;
    font-weight: var(--main-fw);
    text-transform: uppercase;
    color: var(--dark-cl-3);
    margin-bottom: 10px;
}
.pagination-post .next{
    text-align: end;
}
.pagination-post .prev .text:before{
    display: inline-block;
    vertical-align: top;
    font-family: main-icon, sans-serif;
    content: '\e906';
    font-size: calc(100% - 1px);
    font-weight: 400;
    margin-inline-end: 8px;
}
.pagination-post .next .text:after{
    display: inline-block;
    vertical-align: top;
    font-family: main-icon, sans-serif;
    content: '\e907';
    font-size: calc(100% - 1px);
    font-weight: 400;
    margin-inline-start: 8px;
}
/* single */
.post-single > .post-inner .post-thumb{
    border-radius: 8px;
    overflow: hidden;
    margin: 0 0 20px;
}
.post-single > .post-inner .post_cat{
    margin: 0 0 20px;
}
.post-single > .post-inner .post-title{
    font-size: var(--ovic-fz-40);
    margin: 0;
}
.post-single > .post-inner .post-date{
    margin: 12px 0 0;
}
.post-single > .post-inner .post-metas{
    margin-top: 13px;
}
.post-single > .post-inner .post-metas > *{
    margin: 0;
}
.post-single > .post-inner .post-content{
    margin-top: 30px;
}
.post-single > .post-inner .post-content h1{
    font-size: var(--ovic-fz-36);
}
.post-single > .post-inner .post-content h2{
    font-size: var(--ovic-fz-30);
}
.post-single > .post-inner .post-content h3{
    font-size: var(--ovic-fz-26);
}
.post-single > .post-inner .post-content h4{
    font-size: var(--ovic-fz-22);
}
.post-single > .post-inner .post-content h5{
    font-size: var(--ovic-fz-20);
}
.post-single > .post-inner .post-content h6{
    font-size: var(--ovic-fz-18);
}
.post-single > .post-inner .post-foot{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    column-gap: var(--boxs-hz-space);
    margin-top: var(--ovic-space-50);
}
.post-single > .post-inner .post-foot > :not(:first-child){
    justify-content: flex-end;
    text-align: end;
}
/*==========================================================================
INNER PAGE
===========================================================================*/
/*----- 404 ERROR -----*/
.error-404{
    padding-top: var(--ovic-space-100-2);
}
.error-404 .inner{
    text-align: center;
}
.error-404 .image{
    margin-bottom: 42px;
}
.error-404 .title{
    font-size: 45px;
}
.error-404 .desc{
    font-size: 18px;
    line-height: 26px;
    margin: 12px 0 50px;
}
.error-404 .button{
    min-width: 250px;
    --button-pd-hz: 15px;
}
@media (max-width: 1499px){
    .error-404 .image{
        margin-bottom: 34px;
    }
    .error-404 .title{
        font-size: 42px;
    }
    .error-404 .desc{
        font-size: 17px;
        line-height: 25px;
        margin: 10px 0 42px;
    }
    .error-404 .button{
        min-width: 242px;
    }
}
@media (max-width: 1199px){
    .error-404 .image{
        margin-bottom: 26px;
    }
    .error-404 .title{
        font-size: 39px;
    }
    .error-404 .desc{
        font-size: 16px;
        line-height: 24px;
        margin: 8px 0 34px;
    }
    .error-404 .button{
        min-width: 234px;
    }
}
@media (max-width: 767px){
    .error-404 .image{
        margin-bottom: 34px;
    }
    .error-404 .title{
        font-size: 36px;
    }
    .error-404 .desc{
        font-size: 15px;
        line-height: 23px;
        margin: 6px 0 26px;
    }
    .error-404 .button{
        min-width: 226px;
    }
}
/*==========================================================================
HEADER
===========================================================================*/
/*==========================================================================
FOOTER
===========================================================================*/
/*==========================================================================
OTHER ELEMENT
===========================================================================*/
/*----- BACK TO TOP -----*/
body:not(.show-totop) a.backtotop{
    transform: scale(0);
}
a.backtotop{
    position: fixed;
    bottom: var(--ads-offset);
    right: var(--ads-offset-hz);
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--ads-size);
    height: var(--ads-size);
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    color: var(--main-cl-t);
    background-color: var(--main-cl);
    border-radius: var(--main-bora-2);
    transition: transform .3s, margin .3s;
    z-index: 12;
}
a.backtotop:hover{
    color: var(--main-cl-2-t);
    background-color: var(--main-cl-2);
}
a.backtotop:before{
    font-family: main-icon, sans-serif;
    content: "\e914";
    font-size: 12px;
    line-height: 1;
}