/*==========================================================================
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: "Baloo 2", sans-serif;
    --main-fz: 18px;
    --main-fz-2: 16px;
    --main-lh: calc(28 / 18);
    --main-lh-2: 24px;
    --main-fw: 400;
    --dark-cl-2: #606060;
    --dark-cl-3: #999;
    --light-cl: #F7FBFF;;
    --light-cl-2: #F5F5F5;
    --line-cl: #e5e7e9;
    --line-cl-2: #aaa;
    --dark-cl: #111;
    --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.25;
    --heading-lh-2: 1.4;
    --heading-lh-3: 1.5;
    --heading-lh-4: 1.6;
    --heading-fw: 500;
    --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: 30px;
    --widget-title-fz: 20px;
    --widget-title-lh: 32px;
    --widget-title-mg: 20px;
    --widget-count-mg: 3px;
    --widget-box-mg: 5px;
    --widget-list-item-mg: 5px;
    --widget-list-checkbox-mg: 12px;
    /* input */
    --input-fz: var(--main-fz);
    --input-lh: 24px;
    --input-width: auto;
    --input-pd: 12px;
    --input-pd-hz: 20px;
    --input-cl: var(--dark-cl-2);
    --input-bg: var(--light-cl);
    --input-bsd: 0 0 0 1px var(--line-cl-2) 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: var(--main-fz);
    --button-fw: 500;
    --button-tt: uppercase;
    --button-width: auto;
    --button-pd-hz: 40px;
    --button-cl: var(--main-cl-t);
    --button-bg: var(--main-cl);
    --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: 40px;
    --rows-space: 40px;
    /* ads */
    --ads-size: 50px;
    --ads-gap: 10px;
    --ads-offset: 20px;
    --ads-offset-hz: 20px;
    /* message color */
    --error-msg-cl: #6f000a;
    --error-msg-bd: #c30000;
    --error-msg-bg: #ffeded;
    --warning-msg-cl: #6f2500;
    --warning-msg-bd: #ff6700;
    --warning-msg-bg: #fff3dc;
    --problem-msg-cl: #6f6f00;
    --problem-msg-bd: #a9a900;
    --problem-msg-bg: #ffffda;
    --success-msg-cl: #00360c;
    --success-msg-bd: #007400;
    --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: 50px;
    }
}
@media (max-width: 782px){
    .admin-bar{
        --admin-bar-height: 46px;
    }
}
@media (max-width: 1499px){
    body{
        /* font */
        --main-fz: 17px;
        --main-lh: calc(26 / 17);
        --main-lh-2: 23px;
        /* sidebar */
        --sidebar-width: 330px !important;
        --sidebar-space: 40px !important;
        --widgets-lh: 22px;
        --widget-title-fz: 19px;
        --widget-title-lh: 30px;
        --widget-box-mg: 4px;
        --widget-list-item-mg: 4px;
        --widget-list-checkbox-mg: 10px;
        /* heading */
        --heading-space: 13px;
        --text-space: 18px;
        /* input */
        --input-pd: 11px;
        --input-pd-hz: 19px;
        /* button */
        --button-pd-hz: 36px;
        /* cols / rows */
        --cols-space: 30px;
        --rows-space: 30px;
        /* ads */
        --ads-size: 46px;
        --ads-gap: 10px;
        --ads-offset: 20px;
        --ads-offset-hz: 20px;
        /* build */
        --ovic-fz-40: 36px;
        --ovic-fz-36: 33px;
        --ovic-fz-32: 29px;
        --ovic-fz-30: 27px;
        --ovic-fz-28: 26px;
        --ovic-fz-26: 24px;
        --ovic-fz-24: 22px;
        --ovic-fz-22: 20px;
        --ovic-fz-20: 18px;
        --ovic-fz-18: 17px;
        --ovic-fz-16: 15px;
        --ovic-space-100: 80px;
        --ovic-space-100-2: 82px;
        --ovic-space-60: 50px;
        --ovic-space-50: 40px;
        --ovic-space-40: 32px;
    }
}
@media (max-width: 1199px){
    body{
        /* font */
        --main-fz: 16px;
        --main-lh: calc(24 / 16);
        --main-lh-2: 22px;
        /* main */
        --main-container-pd: 20px;
        /* sidebar */
        --sidebar-width: 300px !important;
        --sidebar-space: 30px !important;
        /* heading */
        --heading-space: 12px;
        --text-space: 16px;
        /* sidebar */
        --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: 15px;
        --ads-offset-hz: 15px;
        /* build */
        --ovic-fz-40: 33px;
        --ovic-fz-36: 30px;
        --ovic-fz-32: 27px;
        --ovic-fz-30: 25px;
        --ovic-fz-28: 24px;
        --ovic-fz-26: 22px;
        --ovic-fz-24: 20px;
        --ovic-fz-22: 18px;
        --ovic-fz-20: 17px;
        --ovic-fz-18: 16px;
        --ovic-fz-16: 14px;
        --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: 24px;
        /* 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: 15px;
        --main-lh: calc(22 / 15);
        --main-fz-2: 15px;
        --main-lh-2: 20px;
        /* 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: 20px;
        /* ads */
        --ads-offset: 10px;
        --ads-offset-hz: 10px;
        /* build */
        --ovic-fz-40: 30px;
        --ovic-fz-36: 27px;
        --ovic-fz-32: 25px;
        --ovic-fz-30: 23px;
        --ovic-fz-28: 22px;
        --ovic-fz-26: 20px;
        --ovic-fz-24: 18px;
        --ovic-fz-22: 17px;
        --ovic-fz-20: 16px;
        --ovic-fz-18: 15px;
        --ovic-fz-16: 13px;
        --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;
    }
}
@media (max-width: 479px){
    body{
        /* input */
        --input-pd: 8px;
        --input-pd-hz: 16px;
        /* button*/
        --button-pd-hz: 24px;
        /* cols / rows */
        --boxs-hz-space: 10px;
        --cols-number: 2;
        --cols-space: 10px;
        --rows-space: 16px;
        /* build */
        --ovic-fz-40: 27px;
        --ovic-fz-36: 25px;
        --ovic-fz-32: 23px;
        --ovic-fz-30: 21px;
        --ovic-fz-28: 20px;
        --ovic-fz-26: 19px;
        --ovic-fz-24: 17px;
        --ovic-fz-22: 16px;
        --ovic-fz-20: 15px;
        --ovic-fz-18: 14px;
    }
}
/*----- HEADING -----*/
.elementor-toggle .elementor-tab-title{
    font-weight: inherit;
    line-height: inherit;
}
.elementor-widget-heading p.elementor-heading-title[class*="elementor-size-"] > a:hover{
    color: var(--main-cl);
}
.elementor-widget-heading .elementor-heading-title{
    white-space: pre-line;
    line-height: inherit;
}
.elementor-widget-heading.main-special-font .elementor-heading-title{
    font-weight: inherit;
}
.elementor-widget-heading h1.elementor-heading-title,
.elementor-widget-heading h2.elementor-heading-title{
    line-height: var(--heading-lh);
}
.elementor-widget-heading h3.elementor-heading-title,
.elementor-widget-heading h4.elementor-heading-title{
    line-height: var(--heading-lh-2);
}
.elementor-widget-heading h5.elementor-heading-title{
    line-height: var(--heading-lh-3);
}
.elementor-widget-heading h6.elementor-heading-title{
    line-height: var(--heading-lh-4);
}
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-28);
    line-height: var(--heading-lh-2);
}
h4{
    font-size: var(--ovic-fz-22);
    line-height: var(--heading-lh-2);
}
h5{
    font-size: var(--ovic-fz-18);
    line-height: var(--heading-lh-3);
}
h6{
    font-size: var(--ovic-fz-16);
    line-height: var(--heading-lh-4);
}
.text-space.elementor-element,
.heading-space.elementor-element{
    margin: 0;
}
.text-space,
.text-space > .elementor-widget-container,
.text-space > .elementor-column-wrap,
.text-space > .elementor-widget-wrap,
p{
    margin: 0 0 var(--text-space);
}
.heading-space,
.heading-space > .elementor-widget-container,
.heading-space > .elementor-column-wrap,
.heading-space > .elementor-widget-wrap,
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;
}
@media (max-width: 767px){
    .mobile-white-space-normal .elementor-heading-title{
        white-space: normal;
    }
}
/*----- 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;
}
.elementor .elementor-icon{
    vertical-align: top;
    color: inherit;
}
.elementor .elementor-icon:hover{
    color: inherit;
}
.elementor a.elementor-icon:hover{
    color: var(--main-cl);
}
.elementor-view-stacked .elementor-icon{
    color: #fff;
    background-color: var(--dark-cl-2);
}
.elementor-view-stacked .elementor-icon:hover{
    color: var(--main-cl-t);
    background-color: var(--main-cl);
}
.elementor-view-framed .elementor-icon{
    border: 2px solid;
}
/*----- B, STRONG -----*/
.elementor-inline-editing b,
dt,
b,
strong{
    font-weight: 500;
}
strong{
    color: var(--dark-cl);
}
/*----- TABLE -----*/
th,
td{
    border: 1px solid var(--line-cl);
    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 -----*/
.elementor-button-wrapper{
    font-size: 0;
    line-height: 0;
}
.elementor-button .elementor-button-icon{
    font-weight: 400;
    text-decoration: none;
}
.elementor .elementor-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(--main-bora-2));
    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);
}
.elementor .elementor-button:visited{
    color: var(--button-cl);
}
.elementor .elementor-button:not([disabled]):hover,
.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;
}
.elementor-align-justify .elementor-button{
    --button-width: 100%;
}
/* style-02 */
.elementor .style-02 .elementor-button,
.button.style-02{
    font-size: var(--main-fz);
    text-transform: none;
    color: var(--dark-cl);
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    padding: 0 0 7px;
}
.elementor .style-02 .elementor-button:after,
.button.style-02:after{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 25px;
    border-top: 2px solid;
    transition: .4s ease;
}
.elementor .style-02 .elementor-button:hover:after,
.link:hover .button.style-02:after,
.button.style-02:hover:after{
    width: 100%;
}
/* style-03 */
.elementor .style-03 .elementor-button .elementor-button-icon{
    font-size: 20px;
}
.elementor .style-03 .elementor-button .elementor-button-text{
    flex-grow: unset;
}
/* style-04 */
.elementor .style-04 .elementor-button,
.button.style-04,
button.style-04{
    color: var(--main-cl-t);
    background-color: var(--main-cl);
    padding: 13px 24px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid var(--main-cl);
    border-radius: 5px;
    transition: .5s;
}
.elementor .style-04 .elementor-button:not([disabled]):hover,
.button.style-04:not([disabled]):hover,
button.style-04:not([disabled]):hover{
    color: var(--main-cl);
}
.elementor .style-04 .elementor-button:before,
.button.style-04:before,
button.style-04:before{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    width: 0;
    background-color: var(--main-cl-t);
    border-radius: 4px;
    transition: inherit;
}
.elementor .style-04 .elementor-button:hover:before,
.button.style-04:hover:before,
button.style-04:hover:before{
    left: 0;
    width: 100%;
}
.elementor .style-04 .elementor-button > *,
.button.style-04 > *,
button.style-04 > *{
    position: relative;
}
.elementor .style-04 .elementor-button .elementor-align-icon,
.button.style-04 .icon,
button.style-04 .icon{
    display: inline-block;
    vertical-align: top;
    font-size: calc(100% + 3px);
    margin-inline-start: 7px;
    margin-inline-end: -2px;
}
.elementor .style-04 .elementor-button .elementor-align-icon-left{
    margin-inline-start: -2px;
    margin-inline-end: 7px;
}
.elementor .style-04 .elementor-button .elementor-button-icon svg,
.button.style-04 .icon svg,
button.style-04 .icon svg{
    width: auto;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin: -4px 0 0;
}
.elementor .style-04.light .elementor-button,
.button.style-04.light,
button.style-04.light{
    color: var(--main-cl);
    background-color: var(--main-cl-t);
    border: 1px solid var(--main-cl-t);
}
.elementor .style-04.light .elementor-button:not([disabled]):hover,
.button.style-04.light:not([disabled]):hover,
button.style-04.light:not([disabled]):hover{
    color: var(--main-cl-t);
}
.elementor .style-04.light .elementor-button:before,
.button.style-04.light:before,
button.style-04.light:before{
    background-color: var(--main-cl);
}
@media (max-width: 1499px){
    .elementor .style-04 .elementor-button,
    .button.style-04,
    button.style-04{
        padding: 12px 22px;
        font-size: 15px;
    }
}
@media (max-width: 1199px){
    .elementor .style-04 .elementor-button,
    .button.style-04,
    button.style-04{
        padding: 11px 20px;
        font-size: 14px;
    }
}
@media (max-width: 767px){
    .elementor .style-04 .elementor-button,
    .button.style-04,
    button.style-04{
        padding: 9px 18px;
        font-size: 13px;
    }
}
/*----- 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,
p.elementor-heading-title a,
.elementor-text-editor a,
#tab-description a,
.paragraph a{
    --anchor-cl: var(--anchor-color);
    --anchor-td: underline;
}
.elementor-widget-text-editor .elementor-widget-container > :last-child,
.elementor-widget-text-editor .elementor-text-editor > :last-child,
.elementor-tab-content > :last-child,
.widget_text .textwidget > :last-child,
.commentlist .description > :last-child,
#tab-description > :last-child,
.wpcf7 form > :last-child,
.paragraph > :last-child{
    margin-bottom: 0;
}
.elementor-widget-text-editor{
    --li-gap: 4px;
}
.elementor-widget-text-editor ul li:not(:first-child){
    padding-top: var(--li-gap);
}
.elementor-widget-text-editor ul li:not(:last-child){
    padding-bottom: var(--li-gap);
}
@media (max-width: 1499px){
    .elementor-widget-text-editor{
        --li-gap: 3px;
    }
}
@media (max-width: 1199px){
    .elementor-widget-text-editor{
        --li-gap: 2px;
    }
}
@media (max-width: 767px){
    .elementor-widget-text-editor{
        --li-gap: 1px;
    }
}
/*----- 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-2);
}
.breadcrumb,
.woocommerce-breadcrumb{
    display: block;
    position: relative;
    list-style: none;
    line-height: 24px;
    padding: 0;
    z-index: 1;
    margin: 0;
}
.breadcrumb a:not(:hover),
.woocommerce-breadcrumb a:not(:hover){
    color: var(--dark-cl);
}
.breadcrumb li{
    display: inline;
    vertical-align: top;
}
.breadcrumb li a,
.breadcrumb > li + li:before,
.woocommerce-breadcrumb .delimiter{
    display: inline-block;
    vertical-align: top;
}
.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 14px;
}
@media (max-width: 1499px){
    .breadcrumb > li + li:before,
    .woocommerce-breadcrumb .delimiter:before{
        padding: 0 12px;
    }
}
@media (max-width: 1199px){
    .breadcrumb > li + li:before,
    .woocommerce-breadcrumb .delimiter:before{
        padding: 0 10px;
    }
}
@media (max-width: 991px){
    .breadcrumb > li + li:before,
    .woocommerce-breadcrumb .delimiter:before{
        padding: 0 8px;
    }
}
@media (max-width: 767px){
    .breadcrumb > li + li:before,
    .woocommerce-breadcrumb .delimiter:before{
        padding: 0 6px;
    }
}
/*----- PAGINATION -----*/
.dokan-pagination-container,
.woocommerce-pagination{
    --pagi-gap: 15px;
    --pagi-width: 28px;
    --pagi-height: 28px;
    --pagi-fz: var(--main-fz);
    margin: 45px 0 0;
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
}
.woocommerce-pagination > .screen-reader-text{
    display: none;
}
.dokan-pagination-container .dokan-pagination,
.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;
}
.dokan-pagination-container .dokan-pagination li a,
.dokan-pagination-container .dokan-pagination li span,
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span{
    display: inline-block;
    vertical-align: top;
    min-width: var(--pagi-width);
    border-radius: var(--main-bora-2);
    font-size: var(--pagi-fz);
    line-height: var(--pagi-height);
    font-weight: var(--main-fw);
    color: var(--main-cl);
    background-color: var(--main-cl-t);
    max-width: 100%;
    padding: 0 5px;
    border: none;
}
.dokan-pagination-container .dokan-pagination li a:hover,
.woocommerce-pagination ul li a:hover,
.dokan-pagination-container .dokan-pagination li.active a,
.woocommerce-pagination ul li .current{
    color: var(--main-cl-t);
    background-color: var(--main-cl);
}
.woocommerce-pagination ul li .dots,
.woocommerce-pagination ul li .dots{
    min-width: auto;
    box-shadow: none !important;
}
.dokan-pagination-container .dokan-pagination li:first-child a,
.dokan-pagination-container .dokan-pagination li:last-child a,
.woocommerce-pagination ul li .prev,
.woocommerce-pagination ul li .next{
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    background-color: transparent;
}
.dokan-pagination-container .dokan-pagination li:first-child a:before,
.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;
}
.dokan-pagination-container .dokan-pagination li:last-child a:after,
.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){
    .dokan-pagination-container,
    .woocommerce-pagination{
        --pagi-gap: 14px;
        --pagi-width: 27px;
        --pagi-height: 27px;
        margin: 35px 0 0;
    }
}
@media (max-width: 1199px){
    .dokan-pagination-container,
    .woocommerce-pagination{
        --pagi-gap: 12px;
        margin: 30px 0 0;
    }
}
@media (max-width: 767px){
    .dokan-pagination-container,
    .woocommerce-pagination{
        --pagi-gap: 10px;
        --pagi-width: 26px;
        --pagi-height: 26px;
        margin: 20px 0 0;
    }
}
/*==========================================================================
ELEMENTOR
===========================================================================*/
/*----- ANIMATION -----*/
body .elementor-animation-grow{
    transition: transform .2s;
}
/*----- EDITER -----*/
.elementor-edit-area-active .elementor-column{
    min-width: 20px;
}
@media (min-width: 768px){
    .elementor-edit-area-active .elementor-column-wrap.elementor-element-empty .elementor-widget-wrap,
    .elementor-edit-area-active .elementor-widget-wrap.elementor-element-empty{
        margin: 5px;
    }
}
body .elementor-widget-wrap > .elementor-element.elementor-widget{
    max-width: 100%;
}
/*----- SHORTCODE -----*/
.elementor-element.elementor-absolute, .elementor-element.elementor-fixed{
    z-index: auto;
}
.elementor .elementor-widget-wrap.owl-slick{
    display: block;
}
body .elementor-widget:not(:last-child){
    margin: 0;
}
.elementor-edit-area-active .elementor-inner-section > .elementor-container > .elementor-row,
.elementor-edit-area-active .elementor-top-section > .elementor-container > .elementor-row{
    min-height: 20px;
}
/* revolution */
body.elementor-editor-active .elementor-section:hover{
    z-index: 11;
}
body.elementor-editor-active .elementor-widget-slider_revolution .elementor-widget-empty-icon{
    padding: 150px 0;
}
/* play */
.elementor-custom-embed-play i{
    width: 98px;
    height: 98px;
    border-radius: 90px;
    font-size: 36px;
    line-height: 1;
    transition: none;
    color: var(--main-cl-t);
    background-color: var(--main-cl);
    text-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.elementor-custom-embed-play i:before{
    display: block;
    font-family: main-icon, sans-serif;
    content: '\e932';
    padding-inline-start: 9px;
}
.elementor-open-lightbox{
    position: relative;
}
.dialog-type-lightbox{
    z-index: 999999;
}
/* image */
.elementor-widget-image .elementor-widget-container{
    font-size: 0;
    line-height: 0;
}
.elementor-widget-image .elementor-image{
    font-size: 0;
    line-height: 0;
    border-radius: inherit;
}
.elementor-widget-image .wp-caption-text{
    font-size: var(--main-fz);
    line-height: var(--main-lh);
}
.elementor-widget-image a{
    display: inline-block;
    vertical-align: top;
    border-radius: inherit;
}
.elementor-widget-image img{
    border-radius: inherit;
}
/* gallery */
.elementor-image-gallery:before,
.elementor-image-gallery:after{
    content: '';
    display: table;
    clear: both;
}
.elementor-image-gallery .gallery-item a{
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    overflow: hidden;
}
.elementor-image-gallery .gallery-item img{
    transition: .3s;
}
.elementor-image-gallery .gallery-item a:hover img{
    transform: scale(1.1);
}
/* video */
.elementor-widget-video .e-hosted-video{
    height: auto;
    padding: 0;
}
.elementor-widget-video video{
    display: block;
}
/* divider */
.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon):not(.elementor-widget-divider--separator-type-pattern) .elementor-divider-separator{
    vertical-align: top;
}
/* counter */
.ovic-elementor-counter .elementor-counter .elementor-counter-number-wrapper{
    display: block;
}
/* icon-box */
.elementor-widget-icon-box .elementor-icon-box-title a:hover{
    color: var(--main-cl);
}
.ovic-elementor-icon-box.elementor-position-left .elementor-icon-box-wrapper{
    display: flex;
    align-items: center;
    text-align: start;
    flex-direction: row;
}
.ovic-elementor-icon-box.elementor-position-right .elementor-icon-box-wrapper{
    display: flex;
    align-items: center;
    text-align: end;
    flex-direction: row-reverse;
}
/*----- SOCIALS -----*/
body .elementor-social-icon{
    display: inline-flex;
    transition: none;
    --social-cl: var(--main-cl);
}
body .elementor-social-icon:hover{
    opacity: 1;
}
.ovic-share-socials a.twitter,
body .elementor-social-icon-main-icon-twiter,
body .elementor-social-icon-twitter{
    --social-cl: #1da1f2;
}
.ovic-share-socials a.facebook,
body .elementor-social-icon-main-icon-facebook,
body .elementor-social-icon-facebook{
    --social-cl: #3b5998;
}
.ovic-share-socials a.instagram,
body .elementor-social-icon-main-icon-instagram,
body .elementor-social-icon-instagram{
    --social-cl: #ff093b;
}
.ovic-share-socials a.youtube,
body .elementor-social-icon-main-icon-youtube,
body .elementor-social-icon-youtube{
    --social-cl: #cd201f;
}
.ovic-share-socials a.tiktok,
body .elementor-social-icon-main-icon-tiktok,
body .elementor-social-icon-tiktok{
    --social-cl: #00eae3;
}
.ovic-share-socials a.pinterest,
body .elementor-social-icon-main-icon-pinterest,
body .elementor-social-icon-pinterest{
    --social-cl: #b7081b;
}
.elementor div.socials-hover-main-color .elementor-social-icon:hover i{
    color: var(--main-cl);
}
.elementor div.socials-hover-main-bg .elementor-social-icon:hover{
    color: var(--main-cl-t);
    background-color: var(--main-cl);
}
.elementor div.socials-custom-1 .elementor-social-icon:not(:hover){
    background-color: transparent !important;
}
.elementor div.socials-custom-1 .elementor-social-icon:not(:hover) i{
    color: inherit !important;
}
/*----- TOGGLE, ACCORDION -----*/
div[class*="ovic-elementor-accordion"],
div[class*="ovic-elementor-toggle"]{
    --toggle-space: 21px;
    --toggle-title-fz: 18px;
    --toggle-title-lh: 26px;
    --toggle-icon-fz: 12px;
    --toggle-icon-space: 10px;
    --toggle-content-pd: 10px 0 0;
}
div[class*="ovic-elementor-accordion"] .elementor-accordion-item,
div[class*="ovic-elementor-toggle"] .elementor-toggle-item{
    border: none;
    padding-bottom: var(--toggle-space);
    border-bottom: 1px solid var(--line-cl);
}
div[class*="ovic-elementor-accordion"] .elementor-accordion-item:not(:last-child),
div[class*="ovic-elementor-toggle"] .elementor-toggle-item:not(:last-child){
    margin-bottom: var(--toggle-space);
}
div[class*="ovic-elementor-accordion"] .elementor-tab-title,
div[class*="ovic-elementor-toggle"] .elementor-tab-title{
    font-size: var(--toggle-title-fz);
    line-height: var(--toggle-title-lh);
    font-weight: var(--heading-fw);
    color: var(--dark-cl-2);
    border: none;
    padding: 0;
    position: relative;
    display: flex;
}
div[class*="ovic-elementor-accordion"] .elementor-tab-title.elementor-active,
div[class*="ovic-elementor-toggle"] .elementor-tab-title.elementor-active{
    color: var(--dark-cl);
}
div[class*="ovic-elementor-accordion"] .elementor-tab-title .elementor-accordion-title,
div[class*="ovic-elementor-toggle"] .elementor-tab-title .elementor-toggle-title{
    flex: 1 1 auto;
    width: 1%;
}
div[class*="ovic-elementor-accordion"] .elementor-tab-title .elementor-accordion-icon,
div[class*="ovic-elementor-toggle"] .elementor-tab-title .elementor-toggle-icon{
    width: var(--toggle-icon-fz);
    font-size: var(--toggle-icon-fz);
    font-weight: 400;
    margin-inline-end: var(--toggle-icon-space);
}
div[class*="ovic-elementor-accordion"] .elementor-tab-title .elementor-accordion-icon-right,
div[class*="ovic-elementor-toggle"] .elementor-tab-title .elementor-toggle-icon-right{
    order: 1;
    margin-inline-end: 0;
    margin-inline-start: 10px;
}
div[class*="ovic-elementor-accordion"] .elementor-tab-content,
div[class*="ovic-elementor-toggle"] .elementor-tab-content{
    font-size: var(--toggle-content-fz);
    line-height: var(--toggle-content-lh);
    border: none;
    padding: var(--toggle-content-pd);
}
@media (max-width: 1199px){
    div[class*="ovic-elementor-accordion"],
    div[class*="ovic-elementor-toggle"]{
        --toggle-space: 18px;
        --toggle-title-fz: 17px;
        --toggle-title-lh: 25px;
        --toggle-content-pd: 8px 0 0;
    }
}
@media (max-width: 767px){
    div[class*="ovic-elementor-accordion"],
    div[class*="ovic-elementor-toggle"]{
        --toggle-space: 15px;
        --toggle-title-fz: 16px;
        --toggle-title-lh: 24px;
        --toggle-content-pd: 6px 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);
}
/*----- MODAL -----*/
.modal.fade .modal-dialog{
    top: 50%;
    transform: translateY(-65%);
}
.modal.in div.modal-dialog{
    transform: translateY(-50%);
}
.modal-content{
    border-radius: 0;
    border: none;
}
.modal-content .btn-close,
div.mfp-content button.mfp-close{
    position: absolute;
    top: 10px;
    left: auto;
    right: 10px;
    width: 24px;
    height: 24px;
    font-size: 0;
    line-height: 0;
    color: var(--dark-cl-3);
    background-color: transparent;
    padding: 0;
    border: none;
    text-align: center;
    opacity: 1 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-content .btn-close:hover,
div.mfp-content button.mfp-close:hover{
    color: var(--main-cl);
}
.modal-content .btn-close:before,
div.mfp-content button.mfp-close:before{
    font-family: main-icon, sans-serif;
    content: '\e901';
    font-size: 16px;
    line-height: 1;
}
@media (max-width: 1199px){
    .modal-content .btn-close,
    div.mfp-content button.mfp-close{
        top: 5px;
        right: 5px;
    }
}
/*----- 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 .elementor-icon i{
    width: auto;
    height: auto;
}
body .elementor-icon i{
    display: inline-block;
    vertical-align: top;
    font-size: inherit;
    line-height: inherit;
    text-decoration: inherit;
    direction: inherit;
    transition: none;
    margin: 0;
}
body .elementor-icon i:before{
    position: static;
    transform: none;
}
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;
}
.elementor-button-icon .fa,
.elementor-button-icon .fab,
.elementor-button-icon .fad,
.elementor-button-icon .fal,
.elementor-button-icon .far,
.elementor-button-icon .fas{
    line-height: inherit;
}
/*==========================================================================
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;
}
/*==========================================================================
OVIC MENU MOBILE
===========================================================================*/
body:not(.ovic-open-mobile-options) .mobile-options-content,
div.ovic-menu-clone-wrap:not(.open){
    transform: translateX(-100%);
}
.mobile-options-content,
div.ovic-menu-clone-wrap{
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    width: 300px;
    max-width: 90%;
    height: 100vh;
    font-size: var(--main-fz);
    line-height: var(--main-lh);
    color: var(--dark-cl-2);
    background-color: var(--popup-bg, var(--light-cl));
    box-shadow: none;
    transition: .3s;
    z-index: 100000;
    display: flex;
    flex-direction: column;
}
.mobile-options-content .mobile-options-mid,
div.ovic-menu-clone-wrap .ovic-menu-panels{
    flex: 1 1 auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    height: auto;
}
.sidebar-head:first-child,
div.ovic-menu-clone-wrap .ovic-menu-current-panel-title:first-child{
    padding-inline-start: 20px;
}
.sidebar-head,
div.ovic-menu-clone-wrap .ovic-menu-current-panel-title{
    font-size: var(--main-fz-2);
    line-height: var(--main-lh-2);
    color: var(--dark-cl);
    border-bottom: 1px solid var(--line-cl);
    font-weight: var(--heading-fw);
    text-transform: uppercase;
    text-align: start;
    padding: 13px 50px;
    position: relative;
    margin: 0;
}
div.ovic-menu-clone-wrap .ovic-menu-panel li > a > .icon img,
div.ovic-menu-clone-wrap .ovic-menu-current-panel-title img{
    width: auto;
    max-height: 24px;
    margin: -2px 0 2px;
}
div.ovic-menu-clone-wrap .sub-menu.megamenu{
    background-image: none !important;
}
div.ovic-menu-clone-wrap .sub-menu.megamenu .container{
    margin-inline-start: auto;
    margin-inline-end: auto;
}
div.ovic-menu-clone-wrap .sub-menu.megamenu{
    padding: 0;
}
div.ovic-menu-clone-wrap .ovic-menu-panel{
    padding: 10px 0 50px;
}
@media (max-width: 479px){
    div.ovic-menu-clone-wrap .ovic-menu-panel{
        padding: 10px 0 100px;
    }
}
div.ovic-menu-clone-wrap .ovic-menu-panel .megamenu{
    margin: -10px 0;
}
div.ovic-menu-clone-wrap .ovic-menu-panel.ovic-menu-sub-panel,
div.ovic-menu-clone-wrap .ovic-menu-panel-main{
    -webkit-overflow-scrolling: touch;
}
div.ovic-menu-clone-wrap .ovic-menu-panel .ovic-menu-next-panel{
    height: auto;
    width: auto;
    padding-inline-start: 20px;
    padding-inline-end: 20px;
    font-weight: 400 !important;
}
div.ovic-menu-clone-wrap .ovic-menu-panel .ovic-menu-next-panel:before{
    display: block;
    font-family: main-icon, sans-serif;
    content: "\e907";
    font-size: calc(100% - 6px);
}
div.ovic-menu-clone-wrap .ovic-menu-panel > ul:not(.depth-0) > li.item-megamenu{
    padding: 0;
}
div.ovic-menu-clone-wrap .ovic-menu-panel > ul > li{
    border: none;
}
div.ovic-menu-clone-wrap .ovic-menu-panel > ul > li.menu-item-has-children{
    padding-inline-end: 45px;
}
div.ovic-menu-clone-wrap .ovic-menu-panel > ul > li:not(:last-child):after{
    position: absolute;
    content: '';
    bottom: 0;
    left: 20px;
    right: 20px;
    border-bottom: 1px solid var(--line-cl);
}
div.ovic-menu-clone-wrap .ovic-menu-panel > ul > li:last-child{
    border-bottom-width: 0;
}
div.ovic-menu-clone-wrap .ovic-menu-panel > ul > li > a{
    font-size: calc(var(--main-fz-2) + 1px);
    line-height: var(--main-lh-2);
    color: var(--dark-cl);
    padding: 11px 0;
}
div.ovic-menu-clone-wrap .ovic-menu-panel > ul > li:not(:hover) > .ovic-menu-next-panel{
    color: var(--dark-cl-3);
}
div.ovic-menu-clone-wrap .ovic-menu-panel > ul > li > a br{
    display: none;
}
div.ovic-menu-clone-wrap .ovic-menu-panel > .depth-0 > li > a{
    font-size: var(--main-fz);
    text-transform: uppercase;
    color: var(--main-cl);
    font-weight: 500;
    padding-top: 13px;
    padding-bottom: 13px;
}
div.ovic-menu-clone-wrap .ovic-menu-panel > .depth-0 > li > a:hover{
    color: var(--main-cl-2);
}
div.ovic-menu-clone-wrap .ovic-menu-panels-actions-wrap{
    height: auto;
    border: none;
}
.search-popup .search-close,
.sidebar-head .close-sidebar,
div.ovic-menu-clone-wrap .ovic-menu-panels-actions-wrap .ovic-menu-close-btn,
div.ovic-menu-clone-wrap .ovic-menu-panels-actions-wrap .ovic-menu-prev-panel{
    position: absolute;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    width: auto;
    height: auto;
    padding: 0 20px;
    top: 0;
    bottom: 0;
    right: 0;
    color: var(--dark-cl-3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    border: none;
}
.search-popup .search-close:hover,
.sidebar-head .close-sidebar:hover,
div.ovic-menu-clone-wrap .ovic-menu-panels-actions-wrap .ovic-menu-close-btn:hover,
div.ovic-menu-clone-wrap .ovic-menu-panels-actions-wrap .ovic-menu-prev-panel:hover{
    color: var(--main-cl);
}
div.ovic-menu-clone-wrap .ovic-menu-panels-actions-wrap .ovic-menu-prev-panel{
    left: 0;
    right: auto;
}
.search-popup .search-close:before,
.sidebar-head .close-sidebar:before,
div.ovic-menu-clone-wrap .ovic-menu-panels-actions-wrap .ovic-menu-close-btn:before{
    font-family: main-icon, sans-serif;
    content: "\e901";
    font-size: 15px;
    line-height: 1;
    font-weight: 400;
}
div.ovic-menu-clone-wrap .ovic-menu-panels-actions-wrap .ovic-menu-prev-panel:before{
    font-family: main-icon, sans-serif;
    content: "\e906";
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
}
/*----- CUSTOM MOBILE MENU -----*/
div.ovic-menu-clone-wrap{
    display: flex;
    flex-direction: column;
}
.head-menu-mobile{
    padding: 20px 20px 15px;
    color: var(--main-cl-t);
    background-color: var(--main-cl);
    background-position: center center;
    background-size: cover;
    font-size: 13px;
    line-height: 16px;
}
.head-menu-mobile:before,
.head-menu-mobile:after{
    content: '';
    display: table;
    clear: both;
}
.head-menu-mobile a{
    color: #fff;
}
.head-menu-mobile .avatar{
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 60px;
    border-radius: var(--main-bora-3);
    overflow: hidden;
    margin-bottom: 10px;
}
.head-menu-mobile .name{
    text-transform: capitalize;
    font-size: calc(100% + 1px);
    font-weight: var(--heading-fw);
}
.head-menu-mobile .email{
    display: block;
    font-size: 13px;
    font-weight: var(--main-fw);
    opacity: .7;
    text-transform: none;
}
.head-menu-mobile .action{
    display: inline-block;
    float: right;
}
.ovic-menu-clone-wrap .head-menu-mobile ~ .ovic-menu-panels{
    flex: 1 1 auto;
    overflow: hidden;
}
/*==========================================================================
SLICK SLIDER
===========================================================================*/
.slick-initialized:before,
.slick-initialized:after{
    content: '';
    display: table;
    clear: both;
}
.slick-slide{
    position: relative;
}
body .slick-vertical .slick-slide{
    border: none;
}
body .slick-list{
    padding: 0;
}
body .slick-track{
    display: flex;
    margin-inline-start: 0;
}
body .slick-slide > .row-item > *{
    vertical-align: top;
}
body .slick-vertical > .slick-list{
    height: auto !important;
}
body .slick-vertical > .slick-list > .slick-track{
    display: block;
    height: auto !important;
}
body .slick-vertical > .slick-list > .slick-track > .slick-slide{
    display: flex;
    column-gap: var(--rows-space);
}
body .slick-vertical > .slick-list > .slick-track > .slick-slide > .row-item{
    flex: 1 1 auto;
    width: 1%;
    margin: 0;
}
/*----- ARROWS -----*/
.flex-direction-nav a,
.slick-slider .slick-arrow{
    --arrow-width: 32px;
    --arrow-height: var(--arrow-width);
    --arrow-posi: calc(50% - (var(--arrow-height) / 2));
    --arrow-posi-h: calc(0px - (var(--arrow-width) / 2));
    --arrow-fz: 12px;
    position: absolute;
    width: var(--arrow-width);
    height: var(--arrow-height);
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    font-weight: 400;
    color: var(--main-cl);
    background-color: var(--main-cl-t);
    box-shadow: 0 0 0 1px var(--main-cl) inset;
    border-radius: 90px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 6;
    transition: .2s;
}
.flex-direction-nav a:hover,
.slick-slider .slick-arrow:hover{
    color: var(--main-cl-t);
    background-color: var(--main-cl);
    box-shadow: none;
}
.flex-direction-nav .flex-nav-prev a,
.slick-slider .slick-arrow.prev{
    top: var(--arrow-posi);
    left: var(--arrow-posi-h);
}
.flex-direction-nav .flex-nav-next a,
.slick-slider .slick-arrow.next{
    bottom: var(--arrow-posi);
    right: var(--arrow-posi-h);
}
.flex-direction-nav a:before,
.slick-slider .slick-arrow:before{
    font-size: var(--arrow-fz);
    line-height: 1;
}
.flex-direction-nav .flex-nav-prev a:before,
.slick-slider .slick-arrow.prev:before{
    font-family: main-icon, sans-serif;
    content: '\e902';
}
.flex-direction-nav .flex-nav-next a:before,
.slick-slider .slick-arrow.next:before{
    font-family: main-icon, sans-serif;
    content: '\e903';
}
.slick-slider.slick-vertical .slick-arrow{
    width: var(--arrow-height);
    height: var(--arrow-width);
}
.slick-slider.slick-vertical .slick-arrow.prev{
    top: var(--arrow-posi-h);
    left: var(--arrow-posi);
}
.slick-slider.slick-vertical .slick-arrow.next{
    bottom: var(--arrow-posi-h);
    right: var(--arrow-posi);
}
.slick-slider.slick-vertical .slick-arrow:before{
    transform: rotate(90deg);
}
.flex-direction-nav{
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
}
@media (min-width: 768px){
    .flex-direction-nav a,
    .slick-slider .slick-arrow{
        --arrow-width: 38px;
        --arrow-fz: 14px;
    }
}
@media (min-width: 992px){
    .flex-direction-nav a,
    .slick-slider .slick-arrow{
        --arrow-width: 42px;
        --arrow-fz: 16px;
        --arrow-posi-h: clamp(calc(var(--main-container) / 2 - 50vw - var(--arrow-width)), calc(var(--arrow-width) * -1), calc(var(--main-container-pd) * -1));
        box-shadow: 0 0 0 2px var(--main-cl) inset;
    }
}
@media (min-width: 1200px){
    .slick-slider:not(:hover) .slick-arrow{
        transform: scale(0);
    }
    .flex-direction-nav a,
    .slick-slider .slick-arrow{
        --arrow-width: 46px;
        --arrow-fz: 18px;
    }
}
@media (min-width: 1500px){
    .flex-direction-nav a,
    .slick-slider .slick-arrow{
        --arrow-width: 50px;
        --arrow-fz: 20px;
        --arrow-posi-h: calc(var(--arrow-width) * -1);
    }
}
/* arrow-02 */
.arrow-02 .slick-slider .slick-arrow{
    color: var(--dark-cl);
    background-color: transparent;
    box-shadow: none;
    --arrow-width: 20px;
    --arrow-height: 30px;
}
.arrow-02 .slick-slider .slick-arrow:not(:hover){
    opacity: .5;
}
.light .arrow-02 .slick-slider .slick-arrow,
.arrow-02 .light .slick-slider .slick-arrow,
.arrow-02.light .slick-slider .slick-arrow{
    color: #fff;
}
@media (min-width: 768px){
    .arrow-02 .slick-slider .slick-arrow{
        --arrow-width: 30px;
    }
}
/* arrow-03 */
.arrow-03 .slick-slider .slick-arrow{
    --arrow-posi-h: 30px;
}
@media (max-width: 1199px){
    .arrow-03 .slick-slider .slick-arrow{
        --arrow-posi-h: 20px;
    }
}
@media (max-width: 767px){
    .arrow-03 .slick-slider .slick-arrow{
        --arrow-posi-h: 15px;
    }
}
/*----- DOTS -----*/
.slick-dots{
    list-style: none;
    padding: 0;
    text-align: center;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    margin: 20px -5px 0;
}
.slick-dots li{
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    cursor: pointer;
    border-radius: 90px;
    background-color: transparent;
    box-shadow: 0 0 0 1px var(--main-cl) inset;
    animation: none !important;
    position: relative;
    margin: 10px 5px 0;
}
.slick-dots li button{
    display: none;
}
.slick-dots li:hover,
.slick-dots li.slick-active{
    background-color: var(--main-cl);
}
@media (max-width: 1499px){
    .slick-dots{
        margin-top: 16px;
    }
}
@media (max-width: 1199px){
    .slick-dots{
        margin-top: 11px;
    }
}
@media (max-width: 767px){
    .slick-dots{
        margin-top: 8px;
    }
}
/*==========================================================================
CUSTOM EFFECT
===========================================================================*/
.overlay-cross,
.overlay-horizontal,
.overlay-plus,
.overlay-vertical{
    --ovic-effect-opc: .3;
}
.background-zoom.elementor-column{
    overflow: visible;
}
.normal-effect > .elementor-container > *,
.overlay-plus > .elementor-container > *,
.overlay-cross > .elementor-container > *,
.overlay-horizontal > .elementor-container > *,
.border-zoom > .elementor-container > *,
.border-plus > .elementor-container > *,
.border-scale > .elementor-container > *{
    position: relative;
    z-index: 3;
}
/*==========================================================================
CUSTOM ANIMATE
===========================================================================*/
/*==========================================================================
WIDGETS
===========================================================================*/
.dokan-store-sidebar,
.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;
    color: var(--main-cl);
    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{
    list-style: none;
    padding: 0;
    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-2);
}
.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(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 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: 8px 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);
}
.widget_recent_entries ul li > :not(:first-child),
.widget_rss ul li > :not(:first-child){
    margin-top: 2px;
}
/*----- 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 .elementor-section,
.widget_nav_menu .sub-menu.megamenu .elementor-section,
.widget_ovic_nav_menu .sub-menu.megamenu [class*="elementor-column"],
.widget_nav_menu .sub-menu.megamenu [class*="elementor-column"]{
    width: 100% !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;
}
.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;
}
.elementor-widget-wp-widget-tag_cloud .elementor-widget-container > :not(.tagcloud){
    display: none;
}
@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
===========================================================================*/
/*----- CUSTOM MENU -----*/
.ovic-custommenu{
    font-size: var(--main-fz);
    line-height: var(--main-lh-2);
    --item-space: 5px;
}
.ovic-custommenu ul{
    display: flex;
    flex-wrap: wrap;
    margin: calc(0px - var(--item-space)) 0;
}
.ovic-custommenu ul li{
    position: relative;
    padding: var(--item-space) 0;
    width: 100%;
}
.ovic-custommenu ul ul{
    margin-top: var(--item-space);
}
.ovic-custommenu ul li > a{
    display: block;
    position: relative;
}
.section-follow-header{
    padding: 40px 40px 10px;
}
.section-follow-header .elementor-widget-ovic_menu > .elementor-widget-container{
    margin-top: -5px;
    margin-bottom: 33px;
}
body .section-follow-header > .e-con-inner{
    padding-inline-start: 0;
    padding-inline-end: 0;
    max-width: var(--content-width);
}
@media (min-width: 1200px){
    .vertical-menu .section-follow-header{
        padding-inline-start: var(--main-container-pd);
        padding-inline-end: var(--main-container-pd);
    }
}
@media (max-width: 1499px){
    .ovic-custommenu{
        --item-space: 4px;
    }
    .section-follow-header{
        padding: 32px 32px 10px;
    }
    .section-follow-header .elementor-widget-ovic_menu > .elementor-widget-container{
        margin-bottom: 25px;
    }
}
@media (max-width: 1199px){
    .section-follow-header{
        padding: 24px 20px 10px;
    }
}
.yes-horizontal .ovic-custommenu{
    --item-space: 15px;
}
.yes-horizontal .ovic-custommenu .widget-title{
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
    margin-inline-end: 15px;
}
.yes-horizontal .ovic-custommenu .widget-title + *,
.yes-horizontal .ovic-custommenu .widget-title + * ul{
    display: inline;
    margin: 0;
}
.yes-horizontal .ovic-custommenu .widget-title + * ul li{
    padding: 0;
}
.yes-horizontal .ovic-custommenu .widget-title + * ul li:not(:last-child){
    padding-inline-end: calc(var(--item-space) * 2);
}
.yes-horizontal .ovic-custommenu .widget-title + * ul li:not(:last-child):after{
    right: calc(var(--item-space) - 2px);
}
.yes-horizontal .ovic-custommenu ul{
    margin: 0 calc(0px - var(--item-space));
    justify-content: var(--justify-content);
}
.yes-horizontal .ovic-custommenu ul li{
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 0 var(--item-space);
}
.yes-horizontal .ovic-custommenu.delimiter-comma ul li{
    padding-inline-end: 0;
}
.yes-horizontal .ovic-custommenu ul li:not(:last-child):after{
    content: var(--menu-delimiter);
    position: absolute;
    top: 0;
    right: 0;
    opacity: var(--menu-delimiter-o);
    transform: translateX(50%);
}
.yes-horizontal .ovic-custommenu ul ul{
    margin-top: 0;
    padding: 0;
}
.yes-horizontal.menu-popup-yes .ovic-custommenu ul li{
    padding: 0;
}
.yes-horizontal.menu-popup-yes .widget_nav_menu > ul > li,
.yes-horizontal.menu-popup-yes .widget_nav_menu > * > ul > li{
    margin: 0 var(--item-space);
}
/* list-style */
.list-none .ovic-custommenu ul{
    list-style: none;
    padding: 0;
}
.list-arrow .ovic-custommenu li > a:before{
    display: inline-block;
    vertical-align: top;
    font-family: main-icon, sans-serif;
    content: '\e907';
    margin-inline-end: 8px;
}
.list-char .ovic-custommenu li > a:before{
    display: inline-block;
    vertical-align: top;
    content: var(--menu-char);
    margin-inline-end: 8px;
}
@media (min-width: 768px){
    .ovic-custommenu.toggle-yes .widget-title{
        pointer-events: none;
    }
}
@media (max-width: 767px){
    .ovic-custommenu.toggle-yes .widget-title{
        transition: .4s;
    }
    .ovic-custommenu.toggle-yes .widget:not(.open) .widget-title{
        padding-bottom: 0;
    }
    .ovic-custommenu.toggle-yes .widget-title ~ *{
        display: none;
    }
    .ovic-custommenu.toggle-yes .widget-title:before,
    .ovic-custommenu.toggle-yes .widget-title:after{
        content: '';
        display: table;
        clear: both;
    }
    .ovic-custommenu.toggle-yes .widget-title .text:after{
        float: right;
        font-family: main-icon, sans-serif;
        content: '\e916';
        font-size: 10px;
        font-weight: 400;
        margin-inline-start: 5px;
    }
    .ovic-custommenu.toggle-yes .open .widget-title .text:after{
        content: '\e917';
    }
}
/*----- TABS -----*/
.ovic-tabs{
    position: relative;
    --tab-active-cl: var(--main-cl);
}
.ovic-tabs .tab-panel{
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}
.ovic-tabs .tab-panel.active{
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: visible;
}
.ovic-tabs .tabs-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.ovic-tabs .tab-item{
    display: inline-block;
    vertical-align: top;
    position: relative;
    white-space: normal;
}
.ovic-tabs .tab-item a{
    display: block;
    position: relative;
    color: inherit;
}
.ovic-tabs .tab-item.active a,
.ovic-tabs .tab-item a:hover{
    color: var(--tab-active-cl);
}
.ovic-tabs .tab-item .thumb{
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
    margin: -3px 0 0;
    margin-inline-end: 5px;
}
.ovic-tabs .tab-item .thumb img{
    vertical-align: top;
    width: auto;
    max-height: 24px;
}
.ovic-tabs .tab-item .type-image{
    font-size: 0 !important;
    line-height: 0 !important;
    letter-spacing: 0 !important;
}
.ovic-tab .tabs-list{
    white-space: nowrap;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.ovic-tabs .tabs-title{
    white-space: pre-line;
    margin: 0;
}
/* style-01 */
.ovic-tab.style-01 .tabs-head{
    text-align: center;
    margin-bottom: 30px;
}
.ovic-tab.style-01 .tabs-title{
    font-size: 45px;
    font-weight: var(--main-fw);
}
.ovic-tab.style-01 .tabs-list{
    padding-bottom: 10px;
    margin-top: 30px;
}
.ovic-tab.style-01 .tab-item:not(:last-child){
    margin-inline-end: 7px;
}
.ovic-tab.style-01 .tab-item a{
    font-size: 14px;
    line-height: 23px;
    font-weight: var(--heading-fw);
    color: var(--dark-cl);
    padding: 6px 20px;
    border-radius: var(--main-bora-2);
}
.ovic-tab.style-01 .tab-item.active a,
.ovic-tab.style-01 .tab-item a:hover{
    background: var(--light-cl-2);
}
@media (max-width: 1499px){
    .ovic-tab.style-01 .tabs-head{
        margin-bottom: 22px;
    }
    .ovic-tab.style-01 .tabs-title{
        font-size: 42px;
    }
    .ovic-tab.style-01 .tabs-list{
        margin-top: 22px;
    }
    .ovic-tab.style-01 .tab-item:not(:last-child){
        margin-inline-end: 6px;
    }
    .ovic-tab.style-01 .tab-item a{
        line-height: 22px;
        padding: 6px 19px;
    }
}
@media (max-width: 1199px){
    .ovic-tab.style-01 .tabs-head{
        margin-bottom: 14px;
    }
    .ovic-tab.style-01 .tabs-title{
        font-size: 39px;
    }
    .ovic-tab.style-01 .tabs-list{
        margin-top: 14px;
    }
    .ovic-tab.style-01 .tab-item:not(:last-child){
        margin-inline-end: 5px;
    }
    .ovic-tab.style-01 .tab-item a{
        font-size: 13px;
        line-height: 21px;
        padding: 6px 18px;
    }
}
@media (max-width: 767px){
    .ovic-tab.style-01 .tabs-head{
        margin-bottom: 6px;
    }
    .ovic-tab.style-01 .tabs-title{
        font-size: 36px;
    }
    .ovic-tab.style-01 .tabs-list{
        margin-top: 6px;
    }
    .ovic-tab.style-01 .tab-item:not(:last-child){
        margin-inline-end: 4px;
    }
    .ovic-tab.style-01 .tab-item a{
        padding: 5px 16px;
    }
}
/*----- BRAND -----*/
.ovic-brand .link{
    display: block;
    text-align: center;
    position: relative;
}
.ovic-brand .thumb{
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
}
.ovic-brand .image{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.ovic-brand img{
    max-height: 100%;
    width: auto;
}
.ovic-brand .text{
    display: block;
    font-size: 24px;
    line-height: 30px;
    color: #aaa;
}
.ovic-brand .text b{
    color: var(--dark-cl);
    font-weight: 600;
}
@media (max-width: 1499px){
    .ovic-brand .text{
        font-size: 21px;
        line-height: 27px;
    }
}
@media (max-width: 767px){
    .ovic-brand .text{
        font-size: 18px;
        line-height: 24px;
    }
}
.border-collapse-yes .slick-list{
    padding: 1px;
    padding-inline-start: 0;
    box-shadow: 0 0 0 1px var(--line-cl) inset;
    border-radius: var(--main-bora);
}
.border-collapse-yes .slick-slide{
    border-inline-start: 1px solid transparent;
}
.border-collapse-yes .slick-active + .slick-active{
    border-inline-start-color: var(--line-cl);
}
.border-collapse-yes .row-item:not(:first-child){
    border-top: 1px solid var(--line-cl);
}
/*----- NEWSLETTER -----*/
.ovic-newsletter.open-modal{
    animation: none;
}
.ovic-newsletter .mc4wp-form-fields{
    position: relative;
    --input-width: 100%;
    --input-bora: var(--main-bora-2);
    --button-width: 100%;
}
.ovic-newsletter form{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    text-align: start;
}
.ovic-newsletter .text-field{
    width: 100%;
    font-weight: inherit;
    color: inherit;
    margin: 0 0 18px;
}
.ovic-newsletter .submit-newsletter{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* style-01 */
.ovic-newsletter.style-01 .mc4wp-form-fields{
    display: flex;
    column-gap: 10px;
    --input-bg: #fff;
    --input-bsd: 0 0 0 1px var(--line-cl) inset;
    --input-bsd-h: 0 0 0 1px var(--dark-cl) inset;
    --button-width: auto;
}
.ovic-newsletter.style-01 .text-field{
    flex: 1 1 auto;
    width: 1%;
    margin: 0;
}
/*----- COUNTDOWN -----*/
.ovic-countdown{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    --countdown-title-space: 10px;
    --countdown-space: 12px;
}
.ovic-countdown .countdown-title{
    width: 100%;
    margin-bottom: var(--countdown-title-space);
}
.umeno-countdown{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    column-gap: var(--countdown-space);
    font-size: 13px;
    line-height: 20px;
}
.umeno-countdown > *{
    position: relative;
}
.umeno-countdown > *:not(:last-child):before{
    position: absolute;
    content: ':';
    top: 0;
    bottom: 0;
    left: 100%;
    width: var(--countdown-space);
    text-align: center;
}
.umeno-countdown > * > *{
    display: inline-block;
}
.umeno-countdown .number{
    margin-inline-end: var(--countdown-num-space);
}
/* style-0 */
.ovic-countdown.style-0{
}
@media (max-width: 1499px){
}
@media (max-width: 1199px){
}
@media (max-width: 767px){
}
/*----- CATEGORY -----*/
.ovic-category .link{
    display: block;
    position: relative;
}
.ovic-category .link > *,
.ovic-category .content > *{
    display: block;
    width: 100%;
}
.ovic-category .link .thumb{
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.ovic-category .link img{
    display: inline-block;
}
.ovic-category .count{
    font-size: calc(100% - 2px);
    line-height: calc(20 / 14);
    font-weight: var(--main-fw);
    opacity: .7;
}
/* style-01 */
.elementor-widget-ovic_category{
    text-align: center;
}
.ovic-category.style-01{
    --category-text-width: 180px;
    --category-text-height: 50px;
    --category-text-mg: var(--boxs-hz-space);
}
.ovic-category.style-01 .thumb + .content{
    position: absolute;
    bottom: var(--category-text-mg);
    left: var(--category-text-mg);
    right: var(--category-text-mg);
    max-width: calc(100% - (var(--category-text-mg) * 2));
    max-height: calc(100% - (var(--category-text-mg) * 2));
}
.ovic-category.style-01 .content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: var(--category-text-width);
    min-height: var(--category-text-height);
    font-size: var(--main-fz);
    line-height: var(--heading-lh-3);
    font-weight: var(--heading-fw);
    color: var(--dark-cl);
    background-color: var(--light-cl);
    border-radius: calc(var(--category-text-height) / 2);
    padding: 8px 20px;
    margin: auto;
    transition: .2s;
}
/* style-02 */
.ovic-category.style-02{
    --category-text-mg: 15px;
}
.ovic-category.style-02 .thumb{
    border-radius: var(--main-bora-4);
}
.ovic-category.style-02 .content{
    font-weight: var(--heading-fw);
    color: var(--dark-cl);
    margin-top: var(--category-text-mg);
}
/* style-03 */
.ovic-category.style-03{
    --category-text-mg: var(--boxs-hz-space);
}
.ovic-category.style-03 .inner{
    display: flex;
    gap: var(--category-text-mg);
}
.ovic-category.style-03 .thumb{
    width: calc(50% - (var(--category-text-mg) / 2));
}
.ovic-category.style-03 .thumb img{
    height: 100%;
    object-fit: cover;
}
.ovic-category.style-03 .content{
    flex: 1 1 auto;
    width: 1%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 0 0 1px var(--line-cl-2) inset;
    background-color: var(--light-cl);
    padding: calc(var(--boxs-hz-space) + 5px) var(--boxs-hz-space);
}
.ovic-category.style-03 .title{
    font-size: 22px;
    line-height: var(--heading-lh-2);
    font-weight: var(--heading-fw);
    color: var(--dark-cl);
}
.ovic-category.style-03 .count{
    margin-top: 5px;
}
.ovic-category.style-03 .desc{
    margin-top: 20px;
}
.ovic-category.style-03 .item .button{
    width: 100%;
    max-width: 180px;
    margin-top: 50px;
    margin-bottom: 5px;
    --button-pd-hz: 12px;
}
.ovic-category.style-03 .ovic-list-owl .row-item:nth-child(even) .inner{
    flex-direction: row-reverse;
}
@media (min-width: 768px){
    .ovic-category.style-03 .ovic-list-grid > :nth-child(4n-1) .inner,
    .ovic-category.style-03 .ovic-list-grid > :nth-child(4n) .inner{
        flex-direction: row-reverse;
    }
}
@media (max-width: 1499px){
    .ovic-category.style-01{
        --category-text-width: 172px;
        --category-text-height: 46px;
    }
    .ovic-category.style-01 .content{
        padding: 7px 18px;
    }
    .ovic-category.style-02{
        --category-text-mg: 13px;
    }
    .ovic-category.style-03 .title{
        font-size: 21px;
    }
    .ovic-category.style-03 .count{
        margin-top: 2px;
    }
    .ovic-category.style-03 .desc{
        margin-top: 10px;
    }
    .ovic-category.style-03 .item .button{
        max-width: 172px;
        margin-top: 30px;
    }
}
@media (max-width: 1199px){
    .ovic-category.style-01{
        --category-text-width: 168px;
        --category-text-height: 44px;
    }
    .ovic-category.style-01 .content{
        padding: 6px 16px;
    }
    .ovic-category.style-02{
        --category-text-mg: 11px;
    }
    .ovic-category.style-03 .title{
        font-size: 20px;
    }
    .ovic-category.style-03 .count{
        margin-top: 1px;
    }
    .ovic-category.style-03 .desc{
        margin-top: 5px;
    }
    .ovic-category.style-03 .item .button{
        max-width: 162px;
        margin-top: 20px;
        --button-pd: 10px;
    }
}
@media (max-width: 991px){
    .ovic-category.style-03 .title{
        font-size: 19px;
    }
    .ovic-category.style-03 .item .button{
        max-width: 158px;
        --button-pd: 9px;
    }
}
@media (max-width: 767px){
    .ovic-category.style-01{
        --category-text-width: 164px;
        --category-text-height: 42px;
    }
    .ovic-category.style-01 .content{
        padding: 5px 14px;
    }
    .ovic-category.style-02{
        --category-text-mg: 9px;
    }
    .ovic-category.style-03 .title{
        font-size: 18px;
    }
    .ovic-category.style-03 .count{
        margin-top: 0;
    }
    .ovic-category.style-03 .desc{
        margin-top: 2px;
    }
    .ovic-category.style-03 .item .button{
        max-width: 152px;
        margin-top: 15px;
        --button-pd: 8px;
    }
    .ovic-category.style-03 .ovic-list-grid > :nth-child(even) .inner{
        flex-direction: row-reverse;
    }
}
@media (max-width: 479px){
    .ovic-category.style-01{
        --category-text-width: 160px;
        --category-text-height: 40px;
    }
}
/*----- ICON BOX -----*/
.ovic-imagebox,
.ovic-iconbox{
    text-align: var(--text-align, center);
    --iconbox-mg-default: 20px;
}
.ovic-imagebox .link,
.ovic-iconbox .link{
    display: flex;
    justify-content: var(--justify-content, center);
    line-height: var(--heading-lh-3);
    margin: 0;
}
.ovic-imagebox .inner,
.ovic-iconbox .inner{
    display: flex;
    flex-direction: column;
    max-width: 100%;
}
.ovic-imagebox .content,
.ovic-iconbox .content{
    flex: 1;
    display: flex;
    flex-direction: column;
    max-width: 100%;
}
.ovic-imagebox .inner{
    gap: var(--imagebox-mg, var(--iconbox-mg-default));
}
.ovic-imagebox .content{
    gap: var(--imagebox-content-mg, var(--iconbox-mg-default));
}
.ovic-iconbox .inner{
    gap: var(--iconbox-mg, var(--iconbox-mg-default));
}
.ovic-iconbox .content{
    gap: var(--iconbox-content-mg, var(--iconbox-mg-default));
}
.ovic-iconbox.content-inline .content .desc{
    margin-inline-start: var(--iconbox-content-mg, var(--iconbox-mg-default));
}
.ovic-imagebox .image{
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
}
.ovic-iconbox .icon{
    display: inline-block;
    vertical-align: top;
    font-size: 38px;
    line-height: 1;
    color: var(--dark-cl);
}
.ovic-iconbox .icon i{
    display: inline-block;
    vertical-align: top;
}
.ovic-iconbox .icon svg{
    display: inline-block;
    vertical-align: top;
    fill: currentColor;
    width: auto;
    height: 1em;
    max-width: 1em;
}
.ovic-imagebox .title,
.ovic-iconbox .title{
    font-size: calc(100% + 2px);
    font-weight: var(--heading-fw);
    color: var(--dark-cl);
}
.ovic-iconbox .title{
    font-size: calc(100% + 4px);
}
.ovic-imagebox .desc,
.ovic-iconbox .desc{
    color: var(--dark-cl-2);
    white-space: pre-wrap;
}
.ovic-imagebox b,
.ovic-iconbox b{
    text-decoration: underline;
    color: var(--dark-cl);
}
.light .ovic-imagebox .title,
.light .ovic-iconbox .title{
    color: #fff;
}
.light .ovic-imagebox .desc,
.light .ovic-iconbox .desc{
    color: var(--dark-cl-3);
}
.light .ovic-imagebox b,
.light .ovic-iconbox b{
    color: #fff;
}
.imagebox-bottom .ovic-imagebox .image,
.imagebox-end .ovic-imagebox .image,
.iconbox-bottom .ovic-iconbox .icon,
.iconbox-end .ovic-iconbox .icon{
    order: 1;
}
.imagebox-start .ovic-imagebox .inner,
.imagebox-end .ovic-imagebox .inner,
.iconbox-start .ovic-iconbox .inner,
.iconbox-end .ovic-iconbox .inner{
    flex-direction: row;
    align-items: var(--align-items, center);
}
/*----- IMAGE BOX -----*/
.ovic-imagebox .image span{
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    overflow: hidden;
    border-radius: var(--main-bora);
}
@media (max-width: 1499px){
    .ovic-imagebox,
    .ovic-iconbox{
        --iconbox-mg-default: 17px;
    }
    .ovic-iconbox .icon{
        font-size: 36px;
    }
}
@media (max-width: 1199px){
    .ovic-imagebox,
    .ovic-iconbox{
        --iconbox-mg-default: 14px;
    }
    .ovic-iconbox .icon{
        font-size: 34px;
    }
}
@media (max-width: 767px){
    .ovic-imagebox,
    .ovic-iconbox{
        --iconbox-mg-default: 10px;
    }
    .ovic-iconbox .icon{
        font-size: 32px;
    }
}
.imagebox-custom-1 .ovic-imagebox .item{
    display: flex;
}
.imagebox-custom-1 .ovic-imagebox .background-zoom .image span{
    overflow: visible;
}
.imagebox-custom-1 .ovic-imagebox .content{
    flex: 1 1 auto;
}
.imagebox-custom-1 .ovic-imagebox .title{
    color: var(--main-cl);
    flex: 1 1 auto;
}
.imagebox-custom-1 .item .image span{
    overflow: visible;
}
.imagebox-custom-1 .item .link{
    position: relative;
    overflow: hidden;
}
.imagebox-custom-1 .item .link:not(:hover):before{
    width: 0;
    height: 0;
}
.imagebox-custom-1 .item .link:before{
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: var(--main-cl);
    opacity: .1;
    transition: 0.4s;
}
.imagebox-custom-1 .item .link:hover .image img{
    animation: wobble_vertical .7s forwards ease-in-out 0s;
}
@keyframes wobble_vertical{
    16.65%{
        transform: translateY(8px);
    }
    33.3%{
        transform: translateY(-6px);
    }
    49.95%{
        transform: translateY(4px);
    }
    66.6%{
        transform: translateY(-2px);
    }
    83.25%{
        transform: translateY(1px);
    }
    100%{
        transform: translateY(0);
    }
}
/*----- PINMAP -----*/
div.shortcode-pinmap-builder{
    display: block;
}
.ovic-pinmap .wrap-image img{
    width: 100%;
}
.ovic-pinmap .icon-theme{
    position: relative;
    border-radius: 50%;
}
.ovic-pinmap .icon-theme:before{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: inherit;
    box-shadow: 0 0 0 6px rgba(255, 255, 255, .2), 0 0 0 14px rgba(255, 255, 255, .2);
    animation: 3s infinite ovic-scale;
}
.ovic-pinmap .icon-theme span{
    position: relative;
    width: 30px !important;
    height: 30px !important;
    color: #fff !important;
    background: var(--dark-cl) !important;
    border: 2px solid !important;
    border-radius: inherit;
}
.ovic-pinmap .icon-theme:hover span,
.ovic-pinmap .icon-theme[aria-describedby] span{
    background: var(--main-cl) !important;
}
.ovic-pinmap .icon-theme span:before,
.ovic-pinmap .icon-theme span:after{
    position: absolute;
    content: '' !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 10px;
    height: 2px;
    border-radius: 90px;
    background-color: #fff;
}
.ovic-pinmap .icon-theme span:after{
    width: 2px;
    height: 10px;
}
.popover[id*="OVICpopover"]{
    width: 220px;
    max-width: none;
    font-family: inherit;
    font-size: var(--main-fz);
    line-height: var(--main-lh-2);
    font-weight: inherit;
    color: inherit;
    background-color: #fff;
    border-radius: var(--main-bora-3);
    border: none;
    box-shadow: var(--popup-bsd);
    padding: 0;
    --pinmap-pd: 15px;
    --pinmap-image-space: 10px;
    --pinmap-text-space: 4px;
}
.popover[id*="OVICpopover"] .popover-content{
    padding: var(--pinmap-pd);
}
.popover[id*="OVICpopover"] > .arrow{
    border-color: transparent !important;
}
.popover[id*="OVICpopover"] .product-thumbnail{
    margin-bottom: var(--pinmap-image-space);
}
.popover[id*="OVICpopover"] .description{
    font-size: var(--main-fz-2);
    margin-top: var(--pinmap-text-space);
}
.popover[id*="OVICpopover"] .price{
    margin-top: var(--pinmap-text-space);
}
@media (max-width: 1499px){
    .popover[id*="OVICpopover"]{
        width: 210px;
        --pinmap-image-space: 9px;
        --pinmap-text-space: 3px;
    }
}
@media (max-width: 1199px){
    .popover[id*="OVICpopover"]{
        width: 200px;
        --pinmap-pd: 13px;
        --pinmap-image-space: 8px;
        --pinmap-text-space: 2px;
    }
}
@media (max-width: 767px){
    .popover[id*="OVICpopover"]{
        width: 190px;
        --pinmap-pd: 10px;
        --pinmap-image-space: 7px;
        --pinmap-text-space: 1px;
    }
}
/*----- PERSON -----*/
/*----- TESTIMONIALS -----*/
.ovic-testimonials *{
    margin: 0;
}
.ovic-testimonials .inner{
    max-width: 870px;
    margin: auto;
}
.ovic-testimonials .quote{
    display: inline-block;
    vertical-align: top;
    width: 56px;
}
.ovic-testimonials .avatar{
    margin-top: 10px;
}
.ovic-testimonials .image{
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    overflow: hidden;
    border-radius: 50%;
}
.ovic-testimonials .desc{
    font-size: 32px;
    line-height: 45px;
    margin-top: 30px;
}
.ovic-testimonials .star-rating{
    margin-top: 27px;
}
.ovic-testimonials .name{
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}
.ovic-testimonials .name:not(:last-child):after{
    content: ' - ';
}
.ovic-testimonials .position{
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}
@media (max-width: 1499px){
    .ovic-testimonials .inner{
        max-width: 780px;
    }
    .ovic-testimonials .quote{
        width: 52px;
    }
    .ovic-testimonials .avatar,
    .ovic-testimonials .name,
    .ovic-testimonials .position{
        margin-top: 8px;
    }
    .ovic-testimonials .desc{
        font-size: 29px;
        line-height: 41px;
        margin-top: 25px;
    }
    .ovic-testimonials .star-rating{
        margin-top: 22px;
    }
}
@media (max-width: 1199px){
    .ovic-testimonials .inner{
        max-width: 690px;
    }
    .ovic-testimonials .quote{
        width: 48px;
    }
    .ovic-testimonials .avatar,
    .ovic-testimonials .name,
    .ovic-testimonials .position{
        margin-top: 6px;
    }
    .ovic-testimonials .desc{
        font-size: 26px;
        line-height: 37px;
        margin-top: 20px;
    }
    .ovic-testimonials .star-rating{
        margin-top: 17px;
    }
}
@media (max-width: 767px){
    .ovic-testimonials .inner{
        max-width: 600px;
    }
    .ovic-testimonials .quote{
        width: 44px;
    }
    .ovic-testimonials .avatar,
    .ovic-testimonials .name,
    .ovic-testimonials .position{
        margin-top: 4px;
    }
    .ovic-testimonials .desc{
        font-size: 23px;
        line-height: 33px;
        margin-top: 15px;
    }
    .ovic-testimonials .star-rating{
        margin-top: 12px;
    }
}
/*----- TIKTOK -----*/
.ovic-tiktok .tiktok-embed{
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    border: none;
    margin: 0;
}
/*----- INSTAGRAM -----*/
.ovic-instagram .inner{
    display: none;
}
.ovic-instagram-open{
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    position: relative;
    overflow: hidden;
}
.ovic-instagram-open:not(:hover) .text{
    opacity: 0;
}
.shop-icon-yes .ovic-instagram-open:after{
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: main-icon, sans-serif;
    content: '\e94d';
    width: 28px;
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    color: var(--light-cl);
    background-color: var(--dark-cl);
    border-radius: 90px;
}
.ovic-instagram-open .text{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, .3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
    transition: .2s;
}
.ovic-instagram-open .text span{
    font-size: 14px;
    line-height: 18px;
    margin-top: 8px;
}
.ovic-instagram-close{
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.ovic-instagram-close:before{
    display: block;
    font-family: main-icon, sans-serif;
    content: "\e901";
    font-size: 18px;
    font-weight: 400;
}
body:not(.open-ovic-instagram) .ovic-instagram-popup{
    opacity: 0;
    visibility: hidden;
    animation: ovic-slide-out .5s;
}
.ovic-instagram-popup{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 1000px;
    height: 580px;
    max-width: calc(100% - 30px);
    max-height: calc(100% - 30px);
    background-color: var(--light-cl);
    padding: 20px;
    padding-inline-end: 0;
    border-radius: var(--main-bora-3);
    margin: auto;
    transition: .4s;
    animation: ovic-slide-in .5s;
    z-index: 100000;
}
.ovic-instagram-popup .inner{
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}
.ovic-instagram-popup .image{
    width: 56.25%;
    height: 100%;
}
.ovic-instagram-popup .image img{
    height: 100%;
    object-fit: cover;
}
.ovic-instagram-popup .content{
    flex: 1 1 auto;
    width: 1%;
    padding: 0 20px;
    max-height: 100%;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.ovic-instagram-popup .list{
    display: flex;
    gap: 10px;
}
.ovic-instagram-popup .desc{
    line-height: calc(20 / 16);
    color: var(--dark-cl);
    margin-top: 30px;
    --text-space: 16px;
}
@media (max-width: 1499px){
    .ovic-instagram-popup{
        width: 900px;
        height: 524px;
    }
    .ovic-instagram-popup .image{
        width: 55%;
    }
    .ovic-instagram-popup .desc{
        margin-top: 25px;
    }
}
@media (max-width: 1199px){
    .shop-icon-yes .ovic-instagram-open:after{
        width: 26px;
        height: 26px;
        line-height: 26px;
    }
    .ovic-instagram-open .text span{
        margin-top: 6px;
    }
    .ovic-instagram-close{
        width: 56px;
        height: 56px;
    }
    .ovic-instagram-popup{
        width: 800px;
        height: 442px;
        padding: 16px;
        padding-inline-end: 0;
    }
    .ovic-instagram-popup .image{
        width: 52.2975%;
    }
    .ovic-instagram-popup .content{
        padding: 0 16px;
    }
    .ovic-instagram-popup .desc{
        margin-top: 20px;
        --text-space: 14px;
    }
}
@media (max-width: 767px){
    .ovic-instagram-open .text span{
        margin-top: 4px;
    }
    .ovic-instagram-close{
        width: 44px;
        height: 44px;
    }
    .ovic-instagram-popup{
        width: 360px;
        height: 400px;
        padding: 0;
    }
    .ovic-instagram-popup .image{
        display: none;
    }
    .ovic-instagram-popup .content{
        padding: 15px;
    }
    .ovic-instagram-popup .desc{
        margin-top: 15px;
        --text-space: 12px;
    }
}
/*----- RUNNING -----*/
.ovic-running{
    font-size: var(--running-fz);
    line-height: var(--running-lh);
    font-weight: var(--running-fw);
    overflow: hidden;
    display: flex;
    white-space: nowrap;
    --running-fz: 16px;
    --running-lh: 24px;
    --running-fw: 500;
    --running-duration: 80s;
    --running-space: 130px;
    --running-delimiter-w: 10px;
    --running-delimiter-h: 10px;
    --icon-size: var(--running-fz);
    --icon-cl: currentcolor;
    --icon-margin: 6px;
}
.ovic-running .inner{
    display: flex;
    animation: ovic-marquee-1 var(--running-duration) linear infinite;
}
.ovic-running .inner:nth-child(2){
    animation-name: ovic-marquee-2;
}
.ovic-running .inner:nth-child(3){
    animation-name: ovic-marquee-3;
}
.ovic-running .inner:nth-child(4){
    animation-name: ovic-marquee-4;
}
.elementor-widget-ovic_running .elementor-widget-container:hover .inner{
    animation-play-state: paused;
}
.ovic-running .item{
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    margin-inline-end: var(--running-space);
}
.ovic-running .item .icon{
    display: inline-block;
    vertical-align: top;
    width: var(--icon-size);
    margin-inline-end: var(--icon-margin);
}
.ovic-running .item .icon svg{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    fill: var(--icon-cl);
    margin-top: -3px;
}
.delimiter-square .ovic-running .item:before,
.delimiter-circle .ovic-running .item:before{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 100%;
    right: calc(0px - var(--running-space));
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--running-delimiter-w);
    height: var(--running-delimiter-h);
    max-width: calc(var(--running-space) - 10px);
    max-height: 100%;
    color: var(--running-delimiter-cl);
    box-shadow: 0 0 0 1px inset;
    margin: auto;
}
.delimiter-circle .ovic-running .item:before{
    border-radius: 50%;
}
@media (max-width: 1499px){
    .ovic-running{
        --running-space: 110px;
    }
}
@media (max-width: 1199px){
    .ovic-running{
        --running-space: 90px;
    }
}
@media (max-width: 767px){
    .ovic-running{
        --running-space: 70px;
    }
}
/*==========================================================================
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{
    margin: 0;
}
.post-meta{
    font-size: 12px;
    line-height: 18px;
    color: var(--dark-cl-3);
    font-weight: var(--heading-fw);
    text-transform: uppercase;
    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: top;
    margin-inline-end: 6px;
}
.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{
    content: "\e789";
}
.post-comment .icon:before{
    content: "\e7d6";
}
.post-posted .icon:before{
    content: "\e8ea";
}
.post-views .icon:before{
    content: "\e6a5";
}
.post_cat{
    color: var(--dark-cl);
}
.post_cat > .inner{
    display: inline-block;
    vertical-align: top;
}
.post-meta .author{
    color: inherit;
}
.post-readmore{
    font-size: 12px;
    line-height: 18px;
}
.post-readmore a{
    font-size: inherit;
    line-height: inherit;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--dark-cl);
    background-color: transparent;
    border-radius: 0;
    padding: 0;
}
.post-readmore a:hover{
    color: var(--main-cl);
    background-color: transparent;
}
.post-excerpt{
    line-height: var(--main-lh-2);
}
.ovic-share-socials .inner{
    margin: 0 -6px;
}
.ovic-share-socials a{
    display: inline-block;
    vertical-align: top;
    padding: 0 6px;
}
.ovic-share-socials a .text{
    display: none;
    vertical-align: top;
    margin-inline-start: 3px;
}
.ovic-share-socials a .icon{
    display: inline-block;
    vertical-align: top;
    margin: 0;
}
.ovic-share-socials a.facebook .icon:before{
    font-family: main-icon, sans-serif;
    content: '\e93e';
}
.ovic-share-socials a.twitter .icon:before{
    font-family: main-icon, sans-serif;
    content: '\e93d';
}
.ovic-share-socials a.pinterest .icon:before{
    font-family: main-icon, sans-serif;
    content: '\e942';
}
/* 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 */
.blog-item.style-01 .post-thumb{
    margin-bottom: 25px;
}
.blog-item.style-01 .post_cat{
    margin-bottom: 8px;
}
.blog-item.style-01 .post-excerpt{
    margin-top: 8px;
}
.blog-item.style-01 .post-metas{
    margin-top: 21px;
}
/* style-02 */
.blog-item.style-02 .post-inner{
    display: flex;
    align-items: center;
}
.blog-item.style-02 .post-thumb{
    width: 75px;
}
.blog-item.style-02 .post-info{
    flex: 1 1 auto;
    width: 1%;
    padding-inline-start: 15px;
}
.blog-item.style-02 .post-title{
    font-size: 16px;
    line-height: 20px;
}
.blog-item.style-02 .post-date{
    margin-top: 12px;
}
@media (max-width: 1499px){
    .blog-item.style-01 .post-thumb{
        margin-bottom: 19px;
    }
    .blog-item.style-01 .post_cat{
        margin-bottom: 6px;
    }
    .blog-item.style-01 .post-excerpt{
        margin-top: 6px;
    }
    .blog-item.style-01 .post-metas{
        margin-top: 15px;
    }
    .blog-item.style-02 .post-thumb{
        width: 70px;
    }
    .blog-item.style-02 .post-info{
        padding-inline-start: 10px;
    }
    .blog-item.style-02 .post-title{
        font-size: 15px;
        line-height: 19px;
    }
    .blog-item.style-02 .post-date{
        margin-top: 8px;
    }
}
@media (max-width: 1199px){
    .blog-item.style-01 .post-thumb{
        margin-bottom: 15px;
    }
    .blog-item.style-01 .post_cat{
        margin-bottom: 4px;
    }
    .blog-item.style-01 .post-excerpt{
        margin-top: 4px;
    }
    .blog-item.style-01 .post-metas{
        margin-top: 11px;
    }
}
/*----- 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-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-grid{
        --blog-columns: 2 !important;
    }
    .blog-standard{
        --rows-space: 40px;
    }
}
@media (max-width: 991px){
    .blog-grid{
        --blog-columns: 3 !important;
    }
}
@media (max-width: 767px){
    .blog-grid{
        --blog-columns: 2 !important;
    }
    .blog-standard{
        --rows-space: 30px;
    }
}
@media (max-width: 479px){
    .blog-grid{
        --blog-columns: 1 !important;
    }
}
/*----- 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 -----*/
/* author-info */
.post-author-info{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 30px;
    border-radius: var(--main-bora-3);
    font-size: var(--main-fz);
    line-height: 26px;
    background-color: var(--light-cl-2);
    margin: 55px 0 5px;
}
.post-author-info .avatar img{
    float: left;
    width: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin-inline-end: 30px;
}
.post-author-info .content{
    overflow: hidden;
}
.post-author-info .name{
    font-size: var(--main-fz);
    line-height: var(--main-lh-2);
    text-transform: uppercase;
    margin: 0;
}
.post-author-info .desc{
    margin: 8px 0 0;
}
.post-author-info .socials{
    color: var(--dark-cl);
    margin: 8px 0 0;
}
.post-author-info .socials a:not(:last-child){
    margin-inline-end: 16px;
}
.post-author-info .socials a .text{
    display: none;
}
.post-author-info .button{
    margin-top: 10px;
    --button-pd: 11px;
    --button-pd-hz: 30px;
}
/* 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-page .site-main > .post-thumb{
    margin-bottom: 30px;
}
.post-single > .post-inner .post-title{
    font-size: 48px;
}
.post-single > .post-inner .post_cat{
    margin-bottom: 7px;
}
.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-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;
}
/*----- COMMENT -----*/
body{
    --comment-box-space: calc(var(--ovic-space-100-2) - 10px);
    --comment-text-align: center;
    --comment-title-fz: var(--ovic-fz-40);
    --comment-title-space: var(--ovic-space-40);
    --comment-element-space: 10px;
    --comment-fz: var(--main-fz);
    --comment-lh: 26px;
    --comment-space: 30px;
    --comment-avatar-size: 70px;
    --comment-avatar-space: 20px;
    --comment-metas-fz: 12px;
    --comment-metas-lh: 18px;
    --comment-meta-mg: 15px;
    --comment-child-space: 30px;
    --comment-submit-width: 250px;
}
.woocommerce-Reviews .woocommerce-Reviews-title,
.comments-area .comments-title,
.comment-respond .comment-reply-title{
    display: block;
    text-align: var(--comment-text-align);
    font-size: var(--comment-title-fz);
    font-weight: var(--main-fw);
    line-height: var(--heading-lh);
    color: var(--dark-cl);
    padding-top: var(--comment-box-space);
    border-top: 1px solid var(--line-cl);
    margin: var(--comment-box-space) 0 0;
}
/* list */
.commentlist{
    line-height: var(--comment-lh);
    list-style: none;
    padding: 0;
    margin: 0;
}
.commentlist > :first-child > .comment_container{
    padding-top: 0 !important;
    border-top: none !important;
    margin-top: var(--comment-title-space) !important;
}
.commentlist .comment_container{
    padding-top: var(--comment-space);
    border-top: 1px solid var(--line-cl);
    margin-top: var(--comment-space);
}
.commentlist .comment_container:before,
.commentlist .comment_container:after{
    display: table;
    clear: both;
    content: '';
}
.commentlist .avatar{
    float: left;
    width: var(--comment-avatar-size);
    border-radius: 50%;
    overflow: hidden;
    margin-inline-end: var(--comment-avatar-space);
}
.commentlist .comment-text{
    overflow: hidden;
}
.commentlist .star-rating{
    margin: 2px 0 0;
    --rating-lh: var(--comment-metas-lh);
}
.commentlist .rating-count,
.commentlist .woocommerce-review-link,
.commentlist .star-rating-wrap .rating{
    display: none;
}
.commentlist .meta{
    display: flex;
    flex-wrap: wrap;
    font-size: var(--comment-metas-fz);
    line-height: var(--comment-metas-lh);
    color: var(--dark-cl-3);
    margin: 0;
}
.commentlist .meta > *:not(:last-child){
    margin-inline-end: var(--comment-meta-mg);
}
.commentlist .woocommerce-review__author{
    font-weight: 600;
    color: var(--dark-cl);
    text-transform: uppercase;
}
.commentlist .woocommerce-review__dash{
    display: none;
}
.commentlist .reply,
.commentlist .edit-link{
    display: inline-block;
    vertical-align: top;
    font-size: var(--comment-metas-fz);
    line-height: var(--comment-metas-lh);
    margin-top: var(--comment-element-space);
}
.commentlist .reply{
    margin-inline-end: 10px;
}
.commentlist .comment-reply-link,
.commentlist .comment-edit-link{
    display: inline-block;
    vertical-align: top;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--main-cl);
}
.commentlist .comment-reply-link:hover,
.commentlist .comment-edit-link:hover{
    text-decoration: underline;
}
.commentlist .description{
    padding-top: var(--comment-element-space);
    margin: 0;
}
.commentlist .children{
    list-style: none;
    padding-inline-start: var(--comment-child-space);
}
.commentlist + .dokan-pagination-container,
.commentlist + .woocommerce-pagination{
    padding-bottom: 5px;
}
.no-comments{
    margin: 32px 0 0;
}
/* respond */
.comment-respond{
    line-height: var(--comment-lh);
    --input-width: 100%;
    --cols-space: 20px;
    --text-space: 20px;
}
.comment-respond .comment-notes,
.comment-respond .form-submit{
    text-align: var(--comment-text-align);
}
.comment-respond .comment-reply-title #cancel-comment-reply-link{
    font-family: var(--main-ff);
    font-size: 70%;
    text-decoration: underline;
    margin-inline-start: 1em;
    font-weight: var(--main-fw);
}
.comment-respond .comment-reply-title #cancel-comment-reply-link:not(:hover){
    color: var(--dark-cl-2);
}
.comment-respond .logged-in-as,
.comment-respond .comment-notes{
    text-align: var(--comment-text-align);
    padding-top: var(--comment-element-space);
    margin-bottom: var(--comment-title-space);
}
.comment-respond .comment-notes + .comment-form-rating{
    margin-top: calc(0px - var(--comment-element-space));
}
.comment-respond .comment-form-rating{
    margin-bottom: var(--comment-element-space);
}
.comment-respond .comment-form-cookies-consent{
    text-align: start;
}
.comment-respond label[for="rating"]{
    margin-inline-end: 1em;
    margin-bottom: 6px;
}
.comment-respond .form-submit{
    padding-top: var(--comment-element-space);
    margin: 0;
}
.comment-respond .form-submit [type="submit"]{
    width: var(--comment-submit-width);
}
.commentlist .comment-respond{
    text-align: inherit;
    padding-bottom: 10px;
    --comment-box-space: 30px;
    --comment-title-fz: 24px;
    --comment-title-space: 24px;
    --comment-element-space: 8px;
    --cols-space: 16px;
    --text-space: 16px;
}
.commentlist > li > .comment-respond{
}
@media (min-width: 480px){
    .commentlist > li > .children,
    .commentlist .comment-respond{
        padding-inline-start: calc(var(--comment-avatar-size) + var(--comment-avatar-space));
    }
}
@media (max-width: 1499px){
    body{
        --comment-element-space: 8px;
        --comment-lh: 25px;
        --comment-space: 27px;
        --comment-avatar-size: 66px;
        --comment-avatar-space: 16px;
        --comment-meta-mg: 13px;
        --comment-child-space: 25px;
        --comment-submit-width: 236px;
    }
    .commentlist .comment-respond{
        --comment-box-space: 26px;
        --comment-title-fz: 23px;
        --comment-title-space: 20px;
        --comment-element-space: 6px;
        --cols-space: 14px;
        --text-space: 14px;
    }
}
@media (max-width: 1199px){
    body{
        --comment-element-space: 6px;
        --comment-lh: 24px;
        --comment-space: 24px;
        --comment-avatar-size: 62px;
        --comment-avatar-space: 12px;
        --comment-meta-mg: 11px;
        --comment-child-space: 20px;
        --comment-submit-width: 222px;
    }
    .comment-respond{
        --cols-space: 16px;
        --text-space: 16px;
    }
    .commentlist .comment-respond{
        --comment-box-space: 22px;
        --comment-title-fz: 22px;
        --comment-title-space: 16px;
        --comment-element-space: 4px;
        --cols-space: 12px;
        --text-space: 12px;
    }
}
@media (max-width: 767px){
    body{
        --comment-element-space: 4px;
        --comment-space: 20px;
        --comment-avatar-size: 56px;
        --comment-avatar-space: 10px;
        --comment-meta-mg: 9px;
        --comment-child-space: 15px;
        --comment-submit-width: 200px;
    }
    .comment-respond{
        --cols-space: 12px;
        --text-space: 12px;
    }
    .commentlist .comment-respond{
        --comment-box-space: 18px;
        --comment-title-fz: 21px;
        --comment-title-space: 12px;
        --comment-element-space: 2px;
        --cols-space: 8px;
        --text-space: 8px;
    }
}
@media (max-width: 479px){
    .commentlist .comment-text{
        overflow: visible;
    }
    .commentlist .meta{
        overflow: hidden;
        padding: 0;
    }
}
/* star rating */
.star-rating{
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
}
.star-rating > span{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
}
.star-rating:before,
.star-rating > span:before{
    display: block;
    font-family: main-icon, sans-serif;
    content: '\e919\e919\e919\e919\e919';
    font-size: var(--rating-fz);
    line-height: var(--rating-lh);
    letter-spacing: .05em;
    color: #C8C8C8;
}
.star-rating > span:before{
    color: var(--rating-cl);
    content: '\e919\e919\e919\e919\e919';
}
.rating-count{
    display: none;
    vertical-align: top;
    font-size: var(--main-fz-2);
    line-height: var(--rating-lh);
    color: var(--dark-cl-2);
    margin-inline-start: var(--rating-space);
}
/*==========================================================================
INNER PAGE
===========================================================================*/
/*----- WPCF7 -----*/
.wpcf7{
    direction: inherit !important;
    font-size: var(--main-fz);
    line-height: var(--main-lh-2);
    --input-width: 100%;
    --button-bora: var(--input-bora);
    --wpcf7-submit-w: 100%;
    --cols-space: 30px;
}
.wpcf7 p{
    position: relative;
}
.wpcf7 label{
    font-weight: inherit;
    margin: 0;
    width: 100%;
    font-size: calc(100% - 1px);
    position: relative;
}
.wpcf7 label .wpcf7-form-control{
    margin-top: 5px;
}
.wpcf7 [type="submit"]{
    width: var(--wpcf7-submit-w);
    vertical-align: middle;
}
.wpcf7 p .wpcf7-form-control-wrap{
    display: block;
    position: static;
}
.wpcf7 p [role="alert"]{
    position: absolute;
    top: 0;
    right: 0;
}
.wpcf7 form .wpcf7-response-output{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    border-width: 1px;
    padding: .4em .7em;
    text-align: center;
    margin: 0 0 var(--text-space);
}
.wpcf7 .wpcf7-acceptance span.wpcf7-list-item{
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
.wpcf7 .wpcf7-acceptance label{
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    cursor: pointer;
    margin: 0;
}
.wpcf7 .wpcf7-acceptance label:hover{
    color: var(--main-cl);
}
.wpcf7 .wpcf7-not-valid-tip{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 .3em;
    font-size: calc(100% - 1px);
    opacity: .8;
    pointer-events: none;
}
.wpcf7 .wpcf7-acceptance a{
    text-decoration: underline;
}
.wpcf7 .col-sm-12 > p{
    margin: 0;
}
div.wpcf7 .wpcf7-spinner,
div.wpcf7 .ajax-loader{
    background-color: transparent;
    vertical-align: middle;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: var(--main-cl-t);
    opacity: 1;
    margin: auto;
}
.wpcf7 .ictu-address-chooser{
    display: contents;
}
.wpcf7 [data-name*="diem_hk"]{
    --input-fz: calc(var(--main-fz) + 2px);
}
@media (min-width: 1200px){
    .wpcf7{
        --text-space: 30px;
    }
    .wpcf7 input[type="file"]{
        font-size: 16px;
    }
}
@media (max-width: 1199px){
    .wpcf7{
        --cols-space: 20px;
    }
    .wpcf7 label .wpcf7-form-control{
        margin-top: 4px;
    }
}
@media (max-width: 767px){
    .wpcf7{
        --cols-space: 16px;
    }
    .wpcf7 label .wpcf7-form-control{
        margin-top: 3px;
    }
}
@media (max-width: 479px){
    .wpcf7{
        --cols-space: 10px;
    }
    .wpcf7 label .wpcf7-form-control{
        margin-top: 2px;
    }
}
/*----- 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
===========================================================================*/
.menu-item > a{
    --current-item-cl: var(--main-cl);
    color: var(--static-item-cl);
}
.menu-item:hover > a,
div.ovic-menu-clone-wrap .ovic-menu-panel > ul > .menu-item:hover > a{
    color: var(--current-item-cl);
}
.current-menu-ancestor > a,
.current_page_ancestor > a,
.current-menu-parent > a,
.current-menu-item > a,
.current_page_item > a,
div.ovic-menu-clone-wrap .ovic-menu-panel > ul > .current-menu-ancestor > a,
div.ovic-menu-clone-wrap .ovic-menu-panel > ul > .current_page_ancestor > a,
div.ovic-menu-clone-wrap .ovic-menu-panel > ul > .current-menu-parent > a,
div.ovic-menu-clone-wrap .ovic-menu-panel > ul > .current-menu-item > a,
div.ovic-menu-clone-wrap .ovic-menu-panel > ul > .current_page_item > a{
    color: var(--current-item-cl);
}
.menu-item > .desc{
    display: none;
}
.menu-item > a.loading-lazy:after,
.menu-item > a .loading-lazy:after{
    display: none;
}
.menu-item > a .icon{
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    text-decoration: none;
}
.menu-item > a figure.icon{
    font-size: 0 !important;
}
.menu-item > a .label-image{
    display: inline !important;
    margin: -15px 0 0;
    margin-inline-start: 5px;
}
.menu-item > a img{
    width: auto;
    max-height: 20px;
}
.ovic-menu{
    list-style: none;
    padding: 0;
    margin: 0;
}
body .ovic-menu li > a .icon{
    font-weight: 400;
    margin: 0;
    margin-inline-end: 10px;
}
body .ovic-menu li > a .icon-img{
    font-size: 0;
}
body .ovic-menu li > a .icon img{
    margin-top: -7px;
    margin-bottom: -4px;
    max-height: 24px;
}
body .ovic-menu li > a.hide-title .icon{
    margin: 0 !important;
}
.menu-item > .sub-menu.megamenu > p:first-child,
.menu-item > .sub-menu.megamenu > p:last-child{
    margin: 0;
}
.menu-item.main-fw{
    color: var(--dark-cl);
}
.menu-item.item-divider:before{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    border-inline-start: 1px solid var(--header-main-line);
    height: 14px;
    margin: auto;
}
@media (max-width: 1499px){
    body .ovic-menu li > a .icon{
        margin-inline-end: 8px;
    }
}
@media (max-width: 1199px){
    body .ovic-menu li > a .icon{
        margin-inline-end: 7px;
    }
    .menu-item.item-divider{
        display: none;
    }
}
/*----- LOGO -----*/
.logo{
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    margin: 0;
    text-align: start;
}
.logo a{
    display: inline-block;
    vertical-align: top;
    color: var(--dark-cl);
    text-decoration: none;
    max-width: 100%;
    position: relative;
    padding: 8px 0;
}
/*----- TOP BAR MENU -----*/
.umeno-dropdown{
    position: relative;
}
.umeno-dropdown > .sub-menu,
.menu-popup-yes .ovic-menu .sub-menu,
.header-submenu .sub-menu{
    position: absolute;
    top: 100%;
    left: 0;
    width: 150px;
    min-width: 100%;
    color: var(--dark-cl-2);
    z-index: 10;
    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);
    font-size: var(--main-fz-2);
    line-height: var(--main-lh-2);
    font-weight: var(--main-fw);
    list-style: none;
    padding: 14px 0;
    margin-bottom: 0;
    transition: .2s;
    text-align: start;
    visibility: visible;
}
.menu-popup-yes .ovic-menu li:not(:hover) > .sub-menu,
.header-submenu li:not(:hover) > .sub-menu{
    visibility: hidden;
    opacity: 0;
    transform: translateY(15px);
}
.menu-popup-yes .ovic-menu li > .sub-menu:not(.megamenu) li:not(:hover) > .sub-menu,
.header-submenu li > .sub-menu:not(.megamenu) li:not(:hover) > .sub-menu{
    transform: translateX(15px);
}
.menu-popup-yes .ovic-menu li > .sub-menu:not(.megamenu) li > .sub-menu,
.header-submenu li > .sub-menu:not(.megamenu) li > .sub-menu{
    top: -20px;
    left: 100%;
}
.umeno-dropdown > .sub-menu > .menu-item > a,
.menu-popup-yes .ovic-menu .sub-menu > li > a,
.header-submenu .sub-menu > li > a{
    display: block;
    padding: 5px 20px;
    transition: .3s;
}
.umeno-dropdown > .sub-menu > .menu-item > a:hover,
.menu-popup-yes .ovic-menu .sub-menu > li > a:hover,
.header-submenu .sub-menu > li > a:hover{
    padding-inline-start: 30px;
}
.header-submenu li{
    position: relative;
}
.header-submenu{
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    font-size: var(--main-fz-2);
    line-height: var(--main-lh-2);
    margin: 0 calc(0px - var(--header-top-item-mg));
}
.header-submenu > li{
    margin: 0 var(--header-top-item-mg);
}
.header-submenu > li > a{
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: var(--header-item-pd) 0;
    --static-item-cl: var(--header-main-cl);
    --current-item-cl: var(--header-main-cl-h);
}
.menu-popup-yes .ovic-menu > .menu-item-has-children > a:not(:last-child):after,
.header-submenu > .menu-item-has-children > a:not(:last-child):after,
.main-menu > .menu-item-has-children > a:not(:last-child):after{
    display: inline-block;
    vertical-align: top;
    font-family: main-icon, sans-serif;
    content: '\e909';
    font-weight: 400;
    font-style: normal;
    font-size: calc(100% - 8px);
    margin-inline-start: 5px;
}
.menu-popup-up .ovic-menu .sub-menu{
    top: auto;
    bottom: 100%;
    box-shadow: var(--popup-bsd-rv);
}
.menu-popup-up .ovic-menu > .menu-item-has-children > a:not(:last-child):after{
    content: '\e908';
}
@media (min-width: 1200px){
    .umeno-dropdown:not(:hover) > .sub-menu{
        visibility: hidden;
        opacity: 0;
        transform: translateY(15px);
        z-index: 9;
    }
}
@media (max-width: 1499px){
    .menu-popup-yes .ovic-menu > .menu-item-has-children > a:not(:last-child):after,
    .header-submenu > .menu-item-has-children > a:not(:last-child):after,
    .main-menu > .menu-item-has-children > a:not(:last-child):after{
        margin-inline-start: 6px;
    }
}
@media (max-width: 1199px){
    .umeno-dropdown:not(.open) > .sub-menu{
        visibility: hidden;
        opacity: 0;
        transform: translateY(15px);
        z-index: 9;
    }
    .menu-popup-yes .ovic-menu > .menu-item-has-children > a:not(:last-child):after,
    .header-submenu > .menu-item-has-children > a:not(:last-child):after,
    .main-menu > .menu-item-has-children > a:not(:last-child):after{
        margin-inline-start: 5px;
    }
}
/*----- HEADER TEXT -----*/
.header-text{
    font-size: var(--main-fz-2);
    line-height: var(--main-lh-2);
    color: var(--header-main-cl);
    padding: var(--header-item-pd) 0;
}
.header-text .inner{
    margin: 0 -3px;
}
.header-text .inner > *{
    display: inline-block;
    vertical-align: top;
    margin: 0 3px;
}
.header-text .link{
    font-weight: var(--heading-fw);
    text-decoration: underline;
}
.header-text .ovic-countdown,
.header-text .link:not(:hover){
    color: var(--header-default-color);
}
/*----- HEADER SOCIAL -----*/
.header-social{
    font-size: var(--main-fz-2);
    line-height: var(--main-lh-2);
}
.header-social .inner{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px;
}
.header-social a{
    display: inline-block;
    vertical-align: top;
    padding: var(--header-item-pd) 0;
    text-align: center;
    color: var(--header-main-cl);
    margin: 0 7px;
}
.header-social a:hover{
    color: var(--header-main-cl-h);
}
.header-social a .icon{
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
}
.header-social a .text{
    display: none;
    vertical-align: top;
    margin-inline-start: 5px;
}
/*----- BLOCK MENU BAR -----*/
.block-menu-bar{
    display: inline-block;
    vertical-align: top;
}
.block-menu-bar > a{
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
@media (min-width: 1200px){
    div.ovic-menu-clone-wrap,
    .mobile-block{
        display: none !important;
    }
}
/*----- USER LINK -----*/
.block-userlink > a{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    text-transform: capitalize;
}
.block-userlink > .sub-menu{
    width: 170px;
    font-size: 15px;
    line-height: 22px;
}
/*----- SEARCH -----*/
.ovic-search-form{
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    font-size: var(--input-fz);
    line-height: var(--input-lh);
    color: var(--dark-cl-2);
    min-width: auto;
    text-align: start;
    margin: 0;
    --input-fz: var(--main-fz);
    --input-width: 100%;
    --input-bora: var(--main-bora-2);
    --input-bg: var(--light-cl-2);
    --input-bsd: none;
    --input-bg-h: var(--light-cl);
    --button-pd-hz: 0px;
    --cols-number: 3;
    --text-space: 30px !important;
    --search-form-w: 650px;
    --search-category-w: 0px;
    --search-submit-w: 60px;
    --search-loader-w: calc(var(--input-pd-hz) * 2);
    --search-result-title-fz: 20px;
    --search-result-button-w: 230px;
}
.ovic-search-form.not-found{
    text-align: center;
    --cols-number: 1;
}
.ovic-search-form .not-found-icon{
    display: block;
    text-align: center;
    font-size: 25px;
    line-height: 1;
    color: var(--dark-cl);
}
.ovic-search-form .search-form-wrap{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    width: var(--search-form-w);
    max-width: 100%;
}
.ovic-search-form .ovic-flexbox{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: var(--boxs-space) var(--boxs-hz-space);
    background-color: var(--light-cl);
    box-shadow: var(--popup-bsd);
    border-radius: 0 0 var(--main-bora-3) var(--main-bora-3);
    z-index: 99999;
}
.ovic-search-form .ovic-flexbox .result-text{
    width: 100%;
    font-size: var(--search-result-title-fz);
    text-align: center;
    font-weight: var(--main-fw);
    color: var(--dark-cl-3);
    margin-bottom: calc(var(--text-space) - var(--rows-space));
}
.ovic-search-form .ovic-flexbox .result-text:before{
    content: attr(result);
}
.ovic-search-form.not-found .ovic-flexbox .result-text:before{
    content: attr(not-found);
}
.ovic-search-form .ovic-flexbox .result-text strong{
    font-weight: inherit;
}
.ovic-search-form .ovic-flexbox .button-wrap{
    width: 100%;
    margin-top: calc(var(--text-space) - var(--rows-space));
    text-align: center;
    --button-pd-hz: 15px;
    --button-width: var(--search-result-button-w);
}
/* input */
.ovic-search-form .search-input{
    flex: 1 1 auto;
    width: 1%;
}
.ovic-search-form .input-text{
    padding-inline-end: calc(var(--search-loader-w) + var(--search-submit-w) + var(--search-category-w));
}
.ovic-search-form:not(.has-input) .input-clear{
    display: none;
}
.ovic-search-form .input-clear{
    position: absolute;
    top: 0;
    bottom: 0;
    width: var(--search-loader-w);
    right: calc(var(--search-submit-w) + var(--search-category-w));
    font-size: 16px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.ovic-search-form .input-clear:before{
    display: block;
    font-family: main-icon, sans-serif;
    content: '\e901';
}
.ovic-search-form:not(.loading) .input-clear{
    cursor: pointer;
    pointer-events: auto;
}
.ovic-search-form:not(.loading) .input-clear:hover{
    color: var(--main-cl);
}
/* submit */
.ovic-search-form .search-submit{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: var(--search-submit-w);
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    color: var(--dark-cl);
    background-color: transparent;
}
.ovic-search-form .search-submit:hover{
    color: var(--main-cl);
    background-color: transparent;
}
.ovic-search-form .search-submit:before{
    display: block;
    font-family: main-icon, sans-serif;
    content: '\e935';
    font-size: 18px;
    line-height: var(--input-lh);
    font-weight: 400;
}
/* category */
.ovic-search-form .search_categories{
    position: absolute;
    top: 0;
    bottom: 0;
    right: var(--search-submit-w);
    width: var(--search-category-w);
    --input-cl: var(--dark-cl);
    --input-bg: transparent;
    --input-bsd: none;
    --input-cl-h: var(--main-cl);
    --input-bg-h: transparent;
    --input-bsd-h: none;
    --input-bora: 0;
}
.ovic-search-form .search_categories:before{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    height: 15px;
    border-inline-start: 1px solid var(--line-cl-2);
    margin: auto;
}
.ovic-search-form .search_categories .chosen-container-single{
    width: 100% !important;
}
.ovic-search-form .search_categories .chosen-container .chosen-drop{
    width: calc(var(--search-submit-w) + var(--search-category-w));
    min-width: 100%;
    z-index: 100000;
}
.category-first .ovic-search-form .search_categories{
    right: auto;
    left: 0;
}
.category-first .ovic-search-form .input-text{
    padding-inline-start: calc(var(--input-pd-hz) + var(--search-category-w));
    padding-inline-end: calc(var(--search-loader-w) + var(--search-submit-w));
}
.category-first .ovic-search-form .search_categories:before{
    left: auto;
    right: 0;
}
.category-first .ovic-search-form .input-clear{
    right: var(--search-submit-w);
}
/* responsive */
@media (min-width: 768px){
    .ovic-search-form.has-category{
        --search-category-w: 146px;
    }
}
@media (min-width: 1500px){
    .ovic-search-form.has-category{
        --search-category-w: 156px;
    }
}
@media (max-width: 1199px){
    .ovic-search-form{
        --text-space: 20px !important;
        --search-form-w: 600px;
        --search-submit-w: 58px;
        --search-result-title-fz: 19px;
        --search-result-button-w: 216px;
    }
    .ovic-search-form .input-clear{
        font-size: 15px;
    }
    .ovic-search-form .search-submit:before{
        font-size: 17px;
    }
}
@media (max-width: 767px){
    .ovic-search-form{
        --text-space: 15px !important;
        --search-form-w: 550px;
        --search-submit-w: 56px;
        --search-result-title-fz: 18px;
        --search-result-button-w: 200px;
    }
    .ovic-search-form .input-clear{
        font-size: 14px;
    }
    .ovic-search-form .search-submit:before{
        font-size: 16px;
    }
    .ovic-search-form .search_categories{
        display: none;
    }
}
@media (max-width: 479px){
    .ovic-search-form{
        --cols-number: 2;
    }
}
/* search-key */
.ovic-search-form .search-key{
    color: var(--dark-cl);
    margin-top: var(--heading-space);
    text-align: center;
}
.ovic-search-form .search-key > *{
    display: inline-block;
    vertical-align: top;
}
.ovic-search-form .search-key > .title{
    color: var(--dark-cl-3);
}
/* popup */
body:not(.open-popup-search) .search-popup{
    transform: translateY(-100%);
}
.search-popup{
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    max-height: 100%;
    background-color: var(--light-cl);
    padding: 80px 0;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    transition: .3s;
    z-index: 100000;
}
.search-popup .search-title{
    font-size: 32px;
    text-align: center;
}
.search-popup .search-close{
    top: 10px;
    right: 10px;
    bottom: auto;
    height: 50px;
    color: var(--dark-cl-3);
}
.search-popup .search-close:before{
    font-size: 18px;
}
.search-popup .ovic-search-form{
    display: block;
    --cols-number: 6;
    --search-result-title-fz: 24px;
}
.search-popup .ovic-search-form .search-form-wrap{
    margin: auto;
}
.search-popup .ovic-search-form .ovic-flexbox{
    display: flex !important;
    position: static;
    box-shadow: none;
    border-radius: 0;
    padding: var(--ovic-space-50) 0 0;
}
@media (max-width: 1499px){
    .search-popup{
        padding: 60px 0;
    }
    .search-popup .search-title{
        font-size: 30px;
    }
    .search-popup .search-close{
        top: 0;
        right: 0;
    }
    .search-popup .ovic-search-form{
        --search-result-title-fz: 23px;
    }
}
@media (max-width: 1199px){
    .search-popup{
        padding: 40px 0;
    }
    .search-popup .search-title{
        font-size: 28px;
    }
    .search-popup .search-close:before{
        font-size: 17px;
    }
    .search-popup .ovic-search-form{
        --cols-number: 4;
        --search-result-title-fz: 22px;
    }
}
@media (max-width: 767px){
    .search-popup{
        padding: 30px 0;
    }
    .search-popup .search-title{
        font-size: 26px;
    }
    .search-popup .search-close:before{
        font-size: 16px;
    }
    .search-popup .ovic-search-form{
        --cols-number: 3;
        --search-result-title-fz: 21px;
    }
}
@media (max-width: 479px){
    .search-popup .ovic-search-form{
        --cols-number: 2;
    }
}
/*----- MAIN MENU -----*/
.main-menu:before,
.main-menu:after{
    content: '';
    display: table;
    clear: both;
}
.main-menu{
    list-style: none;
    padding: 0;
    margin: 0 calc(0px - var(--header-item-mg));
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
}
.vertical-menu .menu-item,
.main-menu .menu-item{
    position: relative;
}
.vertical-menu .menu-item > a,
.main-menu .menu-item > a{
    display: block;
    position: relative;
}
.main-menu > .menu-item{
    display: inline-block;
    vertical-align: top;
    margin: 0 var(--header-item-mg);
}
.main-menu > .menu-item > a{
    font-size: var(--main-fz);
    line-height: var(--main-lh-2);
    font-weight: var(--heading-fw);
    padding: var(--header-item-pd) 0;
    text-transform: uppercase;
    --static-item-cl: var(--header-default-color);
    --current-item-cl: var(--header-main-cl-h);
}
.main-menu > .item-purchase > a{
    --static-item-cl: var(--main-cl);
}
div.ovic-menu-clone-wrap .ovic-menu-current-panel-title .icon,
.main-menu > .menu-item > a .icon{
    font-size: 18px;
}
div.ovic-menu-clone-wrap .ovic-menu-panel li > a > .icon,
.vertical-menu > .menu-item > a .icon{
    text-align: center;
    min-width: 16px;
    font-size: 16px;
    margin: 0;
    margin-inline-end: 6px;
}
.main-menu > .item-end{
    float: right;
}
.vertical-menu > .menu-item:not(:hover) > .sub-menu,
.vertical-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item:not(:hover) > .sub-menu,
.main-menu > .menu-item:not(:hover) > .sub-menu,
.main-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item:not(:hover) > .sub-menu{
    visibility: hidden;
    opacity: 0;
    transform: translateX(15px);
    z-index: 9;
}
.vertical-menu > .menu-item > .sub-menu,
.vertical-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item > .sub-menu,
.main-menu > .menu-item > .sub-menu,
.main-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item > .sub-menu{
    list-style: none;
    position: absolute;
    top: 0;
    left: 100%;
    width: 250px;
    color: var(--dark-cl);
    font-weight: var(--main-fw);
    text-align: start;
    box-shadow: var(--popup-bsd);
    background-color: var(--popup-bg, var(--light-cl));
    border-radius: var(--main-bora-3);
    padding: 0;
    transition: .2s;
    z-index: 10;
    margin: 0;
}
.main-menu > .menu-item:not(:hover) > .sub-menu{
    transform: translateY(15px);
}
.main-menu > .menu-item > .sub-menu{
    font-size: var(--main-fz);
    line-height: var(--heading-lh-3);
    top: 100%;
}
.main-menu > .menu-item > .sub-menu:not(.megamenu){
    left: 0;
}
.vertical-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item > a,
.main-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item > a{
    font-size: var(--main-fz);
    line-height: var(--main-lh-2);
    padding: 9px var(--item-pd-hz);
    transition: .3s;
    --item-pd-hz: 16px;
}
.vertical-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item:not(:first-child) > a:before,
.main-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item:not(:first-child) > a:before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    border-top: 1px solid var(--line-cl);
}
.chosen-container .chosen-results li,
.elementor-widget-ovic_menu:not(.yes-horizontal):not(.menu-popup-yes) .ovic-custommenu ul li > a,
.vertical-menu .ovic-custommenu ul li > a,
.main-menu .ovic-custommenu ul li > a{
    transition: .3s;
}
.chosen-container .chosen-results li:hover,
.elementor-widget-ovic_menu:not(.yes-horizontal):not(.menu-popup-yes) .ovic-custommenu ul li > a:hover,
.vertical-menu .ovic-custommenu ul li > a:hover,
.main-menu .ovic-custommenu ul li > a:hover,
.vertical-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item > a:hover,
.main-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item > a:hover{
    /*padding-inline-start: calc(var(--item-pd-hz, 0px) + 10px);*/
}
.vertical-menu > .menu-item-has-children > a:not(:last-child):after,
.vertical-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item-has-children > a:not(:last-child):after,
.main-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item-has-children > a:not(:last-child):after{
    display: inline-block;
    float: right;
    text-align: end;
    font-family: main-icon, sans-serif;
    content: '\e907';
    font-weight: 400;
    font-style: normal;
    font-size: calc(100% - 8px);
    margin: 1px 0 -1px;
    margin-inline-start: 5px;
}
.vertical-menu > .menu-item > .sub-menu{
    left: calc(100% - 1px);
}
.vertical-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item > .sub-menu,
.main-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item > .sub-menu{
    left: calc(100% - 1px);
}
.main-menu > .menu-item > .sub-menu.megamenu{
    left: -100vw;
    padding: 0;
}
.vertical-menu > .menu-item > .sub-menu.megamenu{
    padding: 0;
    max-width: calc(var(--main-container) - var(--vertical-width)) !important;
    min-height: var(--vertical-min-height);
}
@media (max-width: 1199px){
    #header-sticky,
    .box-nav-vertical,
    .box-header-nav{
        display: none !important;
    }
}
/*----- VERTICAL MENU -----*/
.box-nav-vertical{
    display: flex;
    max-width: 100%;
    position: relative;
    --vertical-width: 270px;
}
.box-nav-vertical .block-title{
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    font-size: var(--main-fz);
    line-height: var(--main-lh-2);
    font-weight: var(--heading-fw);
    color: var(--header-default-color);
    padding: var(--header-item-pd) 0;
}
.box-nav-vertical .block-title:hover,
.box-nav-vertical.open .block-title{
    color: var(--header-main-cl-h);
}
.box-nav-vertical .block-title > *{
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 1;
}
.box-nav-vertical .block-title .icon{
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
}
.box-nav-vertical .block-title .text{
    flex: 1 1 auto;
    width: 1%;
    margin-inline-start: 8px;
}
.box-nav-vertical:not(.open) .block-title:before{
    transform: scale(0, 1);
}
body.elementor-editor-active .header .box-nav-vertical:not(.open) .block-content{
    visibility: hidden !important;
    opacity: 0 !important;
    transform: translateY(15px) !important;
}
@media (min-width: 1200px){
    body:not(.elementor-editor-active) #header-sticky .box-nav-vertical:not(.open) .block-content,
    body:not(.elementor-editor-active) .header .header-sticky:not(.is-sticky) .box-nav-vertical:not(.always-open):not(.open) .block-content,
    body:not(.elementor-editor-active) .header .header-sticky.is-sticky .box-nav-vertical:not(.open) .block-content,
    body:not(.elementor-editor-active) .header .box-nav-vertical:not(.always-open):not(.open) .block-content{
        visibility: hidden !important;
        opacity: 0 !important;
        transform: translateY(15px) !important;
    }
}
@media (max-width: 1199px){
    .box-nav-vertical:not(.open) .block-content{
        visibility: hidden !important;
        opacity: 0 !important;
        transform: translateY(15px) !important;
    }
}
.box-nav-vertical .block-content{
    font-size: inherit;
    line-height: inherit;
    text-transform: inherit;
    width: var(--vertical-width);
    min-width: auto;
    min-height: var(--vertical-min-height);
    padding: 15px 0;
    box-shadow: var(--popup-bsd);
    border-radius: 0 0 var(--main-bora-3) var(--main-bora-3);
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
}
.vertical-menu{
    list-style: none;
    padding: 0;
    margin: 0;
}
.vertical-menu > .menu-item{
    display: block;
    text-align: start;
    position: relative;
}
.vertical-menu > .item-megamenu{
    position: static;
}
.view-all-menu a,
.vertical-menu > .menu-item > a{
    --static-item-cl: var(--dark-cl);
    font-size: var(--main-fz);
    line-height: var(--main-lh-2);
    padding: 10px 30px;
    position: relative;
}
.view-all-menu a:hover,
.vertical-menu > .menu-item > a:hover{
    background-color: var(--light-cl-2);
}
.view-all-menu a:hover:before,
.vertical-menu > .menu-item > a:hover:before{
    display: none;
}
.view-all-menu a{
    display: block;
    color: var(--dark-cl);
}
.view-all-menu a:before{
    position: absolute;
    content: '';
    top: 0;
    left: 20px;
    right: 20px;
    border-top: 1px solid var(--line-cl);
}
.view-all-menu a:after{
    display: inline-block;
    vertical-align: top;
    font-family: main-icon, sans-serif;
    content: '\e907';
    font-size: calc(100% - 4px);
    margin: 1px 0 -1px;
    margin-inline-start: 4px;
}
@media (max-width: 1499px){
    .box-nav-vertical{
        --vertical-width: 260px;
    }
    .box-nav-vertical .block-title .text{
        margin-inline-start: 6px;
    }
    .view-all-menu a,
    .vertical-menu > .menu-item > a{
        padding: 8px 26px;
    }
    .vertical-menu > .menu-item:not(:last-child) > a:before{
        left: 16px;
        right: 16px;
    }
}
/* popup */
body:not(.open-popup-vertical) .vertical-popup{
    transform: translateX(-100%);
}
.vertical-popup{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0 !important;
    right: auto !important;
    width: var(--vertical-width);
    max-width: 90%;
    background-color: var(--light-cl);
    transition: .3s;
    z-index: 100000;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.vertical-popup > *{
    width: 100%;
}
.vertical-popup .vertical-close{
    position: absolute;
    top: 40px;
    right: 40px;
    font-size: 28px;
    line-height: 1;
    width: auto;
}
.vertical-popup .vertical-menu > .menu-item > .sub-menu.megamenu{
    max-width: calc(100vw - var(--vertical-width)) !important;
    min-height: auto;
}
@media (max-width: 1499px){
    .vertical-popup .vertical-close{
        top: 30px;
        right: 30px;
        font-size: 26px;
    }
}
/*----- HEADER MAIN -----*/
#header-sticky,
.header-mobile,
.header{
    position: relative;
    background-color: var(--main-header-bg);
    box-shadow: 0 1px var(--line-cl);
    --main-header-bg: var(--light-cl);
    --header-default-color: var(--dark-cl);
    --header-main-cl: var(--dark-cl-2);
    --header-main-cl-h: var(--main-cl);
    --header-main-line: var(--line-cl);
    --header-item-pd: 10px;
    --header-item-mg: 15px;
    --header-top-item-mg: 12px;
}
#header-sticky.header-light,
.header-light,
.header .header-light{
    --main-header-bg: var(--dark-cl);
    --header-default-color: #fff;
    --header-main-cl: var(--dark-cl-3);
    --header-main-line: rgba(255, 255, 255, .1);
}
.header > *{
    position: relative;
    background-color: var(--main-header-bg);
}
#header-sticky .header-inner,
.header .header-inner{
    position: relative;
}
#header-sticky .header-inner > .logo,
.header .header-inner > .logo{
    display: flex;
    align-items: normal;
}
#header-sticky .header-inner > .logo a,
.header .header-inner > .logo a{
    display: flex;
    align-items: center;
}
/* header-banner */
.header-banner:not(.open){
    display: none;
}
/* header-control */
.header-control{
    position: relative;
    justify-content: center;
    text-align: center;
    --header-control-m: 10px;
}
.inner-control{
    display: flex;
    flex-wrap: wrap;
    justify-content: inherit;
    align-items: center;
    text-align: inherit;
    margin: 0 calc(0px - var(--header-control-m));
}
.inner-control > *{
    margin: 0 var(--header-control-m);
}
.inner-control > * > a{
    display: flex;
    align-items: center;
    font-size: var(--main-fz-2);
    line-height: var(--main-lh-2);
    font-weight: var(--heading-fw);
    color: var(--header-default-color);
    padding: var(--header-item-pd) 0;
}
.inner-control > * > a:hover{
    color: var(--header-main-cl-h);
}
.mobile-fixed a .icon,
.inner-control > * > a .icon{
    font-size: 18px;
    line-height: var(--main-lh-2);
    font-weight: 400;
    position: relative;
}
.mobile-fixed a .count,
.inner-control > * > a .icon .count{
    position: absolute;
    top: -3px;
    right: -9px;
    font-family: var(--main-ff);
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    padding: 2px 5px;
    min-width: 18px;
    border-radius: var(--main-bora-2);
    color: var(--main-cl-t);
    background-color: var(--main-cl);
    text-align: center;
}
.inner-control > * > a .text{
    display: none;
    text-align: start;
    margin-inline-start: 8px;
}
/* header-top */
.header-top{
    box-shadow: 0 -1px var(--header-main-line) inset;
    --header-main-cl: var(--dark-cl);
}
.header-top .header-center{
    width: 100%;
}
/* header-mid */
.header-mid .header-inner{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--header-item-mg) * 2);
}
.header-mid .header-control{
    flex: 1 1 auto;
    width: 1%;
    justify-content: flex-end;
    text-align: end;
}
.header-mid .header-submenu{
    font-size: var(--main-fz);
    line-height: var(--main-lh-2);
}
/* header-bot */
.header-bot{
    box-shadow: 0 1px var(--header-main-line) inset;
    --header-item-pd: 15px;
}
@media (min-width: 768px){
    #header-sticky .header-inner,
    .header .header-inner{
        display: flex;
        flex-wrap: wrap;
        column-gap: calc(var(--header-item-mg) * 2);
    }
    #header-sticky .header-inner > *,
    .header .header-inner > *{
        display: flex;
        flex-wrap: wrap;
    }
    .header .header-start{
        order: -1;
    }
    .header .header-center{
        justify-content: center;
        text-align: center;
    }
    .header .header-end{
        order: 1;
        justify-content: flex-end;
        text-align: end;
    }
    .header .header-control{
        justify-content: flex-end;
        text-align: end;
    }
    .header .header-end .header-submenu,
    .header .header-control .header-submenu{
        justify-content: flex-end;
    }
    .inner-control .umeno-dropdown > .sub-menu,
    .inner-control .header-submenu .sub-menu,
    .header-top .header-end .header-submenu .sub-menu{
        left: auto;
        right: 0;
    }
    .header-top .header-inner > *{
        flex: 1 1 auto;
        align-items: center;
        column-gap: calc(var(--header-top-item-mg) * 2);
    }
}
@media (min-width: 1200px){
    .header-top .header-center{
        flex: 0 0 auto;
        width: auto;
        justify-content: center;
        text-align: center;
    }
    .header-top .header-center ~ *{
        width: 1%;
    }
    #header-sticky .header-control{
        justify-content: flex-end;
        text-align: end;
    }
}
@media (max-width: 1499px){
    .header-mobile, .header{
        --header-item-mg: 13px;
        --header-top-item-mg: 8px;
    }
    .header-control{
        --header-control-m: 9px;
    }
    .header-bot{
        --header-item-pd: 13px;
    }
}
@media (max-width: 1199px){
    .header-mobile, .header{
        --header-item-pd: 2px;
        --header-item-mg: 12px;
        --header-top-item-mg: 7px;
    }
    .header-top .header-inner{
        padding: 8px 0;
    }
    .header-control{
        --header-control-m: 8px;
    }
    .header-bot{
        --header-item-pd: 11px;
    }
}
@media (max-width: 767px){
    .header-social .inner,
    .header-submenu{
        justify-content: center;
    }
    .menu-popup-yes .ovic-menu .sub-menu,
    .header-submenu .sub-menu{
        left: 50%;
        transform: translateX(-50%);
    }
    .menu-popup-yes .ovic-menu li:not(:hover) > .sub-menu,
    .header-submenu li:not(:hover) > .sub-menu{
        transform: translateX(-50%) translateY(15px);
    }
    .block-userlink{
        position: static;
    }
    .block-userlink .sub-menu{
        left: 0;
        right: 0;
        margin: auto;
        max-width: 100%;
    }
    .header .header-inner{
        text-align: center;
    }
    .header-top .header-inner{
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .header-bot{
        --header-item-pd: 9px;
    }
}
/*----- STYLE -----*/
/* style-01 */
#header-sticky,
.header.style-02 .header-section,
.header.style-01 .header-section{
    padding: 0 var(--main-container-pd);
}
/* style-02 */
.header.style-02{
    --main-container-pd: 50px;
    --header-item-mg: 20px;
    --header-item-pd: 28px;
    --header-default-color: var(--dark-cl);
    --header-main-cl-h: var(--main-cl);
}
.header.style-02 .logo img{
    max-height: 60px;
}
.header.style-02 .logo .logo-text{
    font-family: inherit;
    font-size: var(--main-fz);
    line-height: 22px;
}
.header.style-02 .logo .logo-text .txt-2{
    font-family: inherit;
    font-weight: 700;
}
.header.style-02 .block-menu-bar > a .icon,
.header.style-02 .box-nav-vertical .block-title .icon{
    font-size: 24px;
}
.header.style-02 .menu-popup-yes .ovic-menu > .menu-item-has-children > a:not(:last-child):after,
.header.style-02 .header-submenu > .menu-item-has-children > a:not(:last-child):after,
.header.style-02 .main-menu > .menu-item-has-children > a:not(:last-child):after{
    font-size: calc(100% - 4px);
    margin: 1px 0 -1px;
    margin-inline-start: 7px;
}
.header.style-02 .vertical-menu > .menu-item > .sub-menu .menu-item > a,
.header.style-02 .main-menu > .menu-item > .sub-menu .menu-item > a{
    --current-item-cl: var(--main-cl);
}
.header.style-02 .vertical-menu > .menu-item > a{
    --static-item-cl: var(--dark-cl);
}
@media (min-width: 768px){
    .elementor-template-full-width .header.header-absolute{
        position: fixed;
        top: var(--admin-bar-height);
        left: 0;
        right: 0;
        z-index: 11;
        box-shadow: none;
        transition: .2s;
        --main-header-bg: transparent;
    }
    .elementor-template-full-width.header-absolute-sticky .header.header-absolute{
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        --main-header-bg: var(--light-cl);
        --main-container-pd: 15px;
    }
    .elementor-template-full-width .header.header-absolute .header-section{
        transition: .2s;
    }
    .elementor-template-full-width.elementor-editor-active .header.header-absolute{
        position: absolute;
    }
    .elementor-template-full-width .header-section.header-absolute:not(.is-sticky){
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 9;
        box-shadow: none;
        --main-header-bg: transparent;
    }
    .elementor-template-full-width .header.header-absolute .header-section:not(.is-sticky){
        --main-header-bg: transparent;
    }
    .elementor-template-full-width .header.header-absolute .header-top.header-dark{
        --header-main-cl: var(--light-cl);
    }
}
@media (min-width: 1200px){
    #header-sticky .logo,
    #header-sticky .header-control,
    .header.style-02 .logo,
    .header.style-02 .header-control,
    .header.style-01 .logo,
    .header.style-01 .header-control{
        min-width: 200px;
    }
    #header-sticky .box-header-nav,
    .header.style-02 .box-header-nav,
    .header.style-01 .box-header-nav{
        flex: 1 1 auto;
        width: 1%;
        justify-content: center;
        text-align: center;
    }
    #header-sticky .header-control,
    .header.style-02 .header-control,
    .header.style-01 .header-control{
        flex: 0 0 auto;
        width: auto;
    }
    .elementor-template-full-width.header-absolute-sticky .header.header-absolute{
        --main-container-pd: 30px;
    }
}
@media (max-width: 1499px){
    .header.style-02{
        --main-container-pd: 30px;
    }
}
@media (max-width: 1199px){
    .header.style-02{
        --main-container-pd: 15px;
    }
}
/*----- HEADER STICKY -----*/
@media (min-width: 1200px){
    body.admin-bar:not(.elementor-editor-active) .header .header-sticky.is-sticky{
        top: 32px;
    }
    body:not(.elementor-editor-active) .header .header-sticky.is-sticky{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-color: var(--main-header-bg);
        box-shadow: var(--popup-bsd);
        z-index: 11;
        max-width: 100%;
        margin: 0;
        transition: transform .3s, opacity .3s, visibility .3s;
    }
    #header-sticky,
    body:not(.elementor-editor-active) .header .header-sticky.is-sticky{
        /*--header-item-pd: 13px;*/
    }
    body.admin-bar #header-sticky{
        top: 32px;
    }
    body.elementor-editor-active #header-sticky{
        display: none;
    }
    #header-sticky{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        box-shadow: var(--popup-bsd);
        z-index: 11;
        max-width: 100%;
        transition: transform .3s, opacity .3s, visibility .3s;
    }
    #header-sticky:not(.is-sticky){
        box-shadow: none;
        transform: translateY(-100%);
        opacity: 0;
        visibility: hidden;
    }
}
/*==========================================================================
FOOTER
===========================================================================*/
.footer{
    position: relative;
}
.footer .widget .widget-title{
    font-size: inherit;
    line-height: inherit;
}
.a-hover-main-cl-2 a:hover,
.a-hover-main-cl-2 .elementor-widget-heading p.elementor-heading-title[class*="elementor-size-"] > a:hover{
    color: var(--main-cl-2);
}
/*==========================================================================
OTHER ELEMENT
===========================================================================*/
/*----- POPUP NEWSLETTER -----*/
div.mfp-container{
    padding: 0;
}
div.mfp-content{
    text-align: start;
}
div.mfp-bg{
    z-index: 100000;
}
div.mfp-wrap{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 100% !important;
    z-index: 100000;
}
div.mfp-container{
    padding: 0;
}
div.mfp-content{
    max-height: 100%;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    text-align: center;
}
.mfp-wrap .umeno-popup-newsletter{
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - var(--main-container-pd) * 2);
    max-height: calc(100% - var(--main-container-pd) * 2);
    padding: 0;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    text-align: center;
    background-color: transparent;
}
div.mfp-content .umeno-popup-newsletter button.mfp-close{
    color: #fff;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
}
div.mfp-content .umeno-popup-newsletter button.mfp-close:before{
    font-size: 20px;
}
div.mfp-content .umeno-popup-newsletter button.mfp-close:hover{
    color: var(--main-cl-2);
}
.mfp-wrap .umeno-popup-newsletter .popup-inner{
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    position: relative;
}
.mfp-wrap .umeno-popup-newsletter .popup-inner:before{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .7));
}
.mfp-wrap .umeno-popup-newsletter .disabled_popup{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    color: #fff;
    font-style: italic;
    font-weight: inherit;
    cursor: pointer;
    padding: 5px 0;
    margin: 0;
}
.mfp-wrap .umeno-popup-newsletter .disabled_popup:hover{
    color: var(--main-cl-2);
}
.mfp-wrap .umeno-popup-newsletter .disabled_popup input{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
    z-index: 1;
}
.mfp-wrap .umeno-popup-newsletter .disabled_popup input:checked + span:before{
    font-family: main-icon, sans-serif;
    content: '\e918';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 9px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
}
.mfp-wrap .umeno-popup-newsletter .disabled_popup span{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border-radius: var(--main-bora);
    box-shadow: 0 0 0 1px inset;
    margin: -1px 0 1px;
    margin-inline-end: 6px;
}
@media (min-width: 768px){
    .mfp-wrap .umeno-popup-newsletter .image-mobile{
        display: none;
    }
}
@media (max-width: 767px){
    .mfp-wrap .umeno-popup-newsletter .disabled_popup{
        font-size: 14px;
    }
    .mfp-wrap .umeno-popup-newsletter .image-mobile{
        display: block;
    }
    .mfp-wrap .umeno-popup-newsletter .image-mobile + .image{
        display: none;
    }
}
/*----- BACK TO TOP -----*/
body:not(.show-totop) a.backtotop{
    transform: scale(0);
}
a.ovic-rtl-button,
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;
}
.has-rtl-btn a.backtotop{
    bottom: calc(var(--ads-offset) + var(--ads-gap) + var(--ads-size));
}
a.ovic-rtl-button:hover,
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;
}
/*----- RTL BUTTON -----*/
.elementor-editor-active a.ovic-rtl-button{
    display: none !important;
}
a.ovic-rtl-button span{
    font-size: 13px;
    font-weight: var(--heading-fw);
    line-height: 1;
}
/*==========================================================================
CUSTOM
===========================================================================*/
/* background-100 */
.elementor-section.background-100,
.elementor-column.background-100 > .elementor-column-wrap,
.elementor-column.background-100 > .elementor-widget-wrap,
.elementor-widget.background-100 > .elementor-widget-container{
    background-size: 100% 100% !important;
}
/* background-fixed */
@media (min-width: 1200px){
    .elementor-element.background-fixed,
    .elementor-section.background-fixed,
    .elementor-column.background-fixed > .elementor-column-wrap,
    .elementor-column.background-fixed > .elementor-widget-wrap,
    .elementor-widget.background-fixed > .elementor-widget-container{
        background-attachment: fixed !important;
        background-size: auto !important;
    }
}
/* divider */
.custom-divider:before{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 1px;
    border-inline-start: 1px solid;
    margin: auto;
    opacity: .15;
}
.custom-divider-1 .slick-slide:before{
    position: absolute;
    content: '';
    top: 12%;
    bottom: 12%;
    right: -1px;
    border-inline-start: 1px solid;
    margin: auto;
    opacity: .15;
}
/* other */
.custom-image-1{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    display: flex;
    align-items: center;
}
/*==========================================================================
TUMP CSS
===========================================================================*/
@font-face{
    font-family: 'FSMagistral-Book';
    src: url(../fonts/FSMagistral-Book.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: 'FSMagistral-Medium';
    src: url(../fonts/FSMagistral-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: 'FSMagistral-Bold';
    src: url(../fonts/FSMagistral-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
/*@font-face{*/
/*    font-family: 'Baloo 2';*/
/*    src: url(../fonts/Baloo2.ttf) format('truetype');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
/*----- LOGO -----*/
.logo a .logo-text{
    font-family: 'FSMagistral-Book', sans-serif;
    font-weight: normal;
    flex: 1 1 auto;
    width: 1%;
    font-size: calc(var(--main-fz) + 2px);
    line-height: 24px;
    padding-bottom: 4px;
    margin-inline-start: 14px;
    color: var(--main-cl);
}
.logo a .logo-text .txt-2{
    display: block;
    font-family: 'FSMagistral-Bold', sans-serif;
    font-weight: normal;
}
@media (max-width: 1499px){
    .logo a .logo-text{
        margin-inline-start: 12px;
    }
    .logo a img{
        max-width: 66px;
    }
}
@media (max-width: 1199px){
    .logo a .logo-text{
        margin-inline-start: 10px;
    }
    .logo a img{
        max-width: 62px;
    }
}
@media (max-width: 991px){
    .logo a img{
        max-width: 58px;
    }
}
@media (max-width: 767px){
    .logo a .logo-text{
        margin-inline-start: 8px;
    }
    .logo a img{
        max-width: 54px;
    }
}
@media (max-width: 479px){
    .logo a img{
        max-width: 50px;
    }
}
/*----- HEADER -----*/
#header-sticky, .header-mobile, .header{
    box-shadow: var(--popup-bsd);
    --header-default-color: var(--main-cl);
    --header-main-cl-h: var(--main-cl-2);
    --header-item-mg: 25px;
    --header-item-pd: 35px;
}
#header-sticky, .header.style-01 .header-section{
    padding: 0;
}
#header-sticky .box-header-nav,
.header.style-02 .box-header-nav,
.header.style-01 .box-header-nav{
    text-align: end;
    justify-content: flex-end;
}
.header.style-01 .main-menu > .menu-item > a{
    font-weight: 500;
}
.box-nav-vertical{
    text-align: end;
    --vertical-width: 250px;
}
.block-menu-bar > a{
    color: var(--main-cl);
}
.block-menu-bar > a:hover{
    color: var(--main-cl-2);
}
.block-menu-bar > a .text{
    display: none;
}
.block-menu-bar > a .icon,
.box-nav-vertical .block-title .icon{
    font-size: 28px;
}
.box-nav-vertical .block-content{
    left: auto;
    right: 0;
    text-align: end;
}
.view-all-menu a,
.vertical-menu > .menu-item > a{
    text-transform: uppercase;
    font-weight: 500;
    --static-item-cl: var(--main-cl);
    --current-item-cl: var(--main-cl-2);
    padding: 9px 20px;
}
.vertical-menu > .menu-item,
.vertical-menu > .menu-item .menu-item{
    text-align: inherit;
}
.vertical-menu > .menu-item-has-children > a:not(:last-child):after,
.vertical-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item-has-children > a:not(:last-child):after{
    float: left;
    content: '\e906';
    margin-inline-start: 0;
    margin-inline-end: 5px;
}
.vertical-menu > .menu-item > .sub-menu,
.vertical-menu > .menu-item > .sub-menu:not(.megamenu) .menu-item > .sub-menu{
    left: auto;
    right: 100%;
    text-align: end;
}
.vertical-menu > .menu-item > .sub-menu{
    right: calc(100% - 1px);
}
.vertical-menu > .menu-item > .sub-menu .menu-item > a,
.main-menu > .menu-item > .sub-menu .menu-item > a{
    --current-item-cl: var(--main-cl-2);
}
@media (max-width: 1499px){
    #header-sticky, .header-mobile, .header{
        --header-item-mg: 20px;
    }
    .box-nav-vertical .block-title .icon{
        font-size: 26px;
    }
}
@media (max-width: 1199px){
    .header .header-inner > .logo{
        flex: 1 1 auto;
        width: 1%;
    }
}
/*----- SHORTCODE -----*/
/* heading */
.ovic-heading{
    text-align: var(--text-align);
}
.ovic-heading.style-01{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 20px;
    --deco-w: 160px;
    --deco-h: 18px;
}
.ovic-heading.style-01 .text{
    color: var(--main-cl);
    text-transform: uppercase;
    margin: 2px 0 -2px;
}
.ovic-heading.style-01 .deco{
    flex: 1 1 auto;
    width: 1%;
}
.ovic-heading.style-01 .deco1{
    direction: rtl;
}
.ovic-heading.style-01 .deco .image{
    display: block;
    width: var(--deco-w);
    max-width: 100%;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
}
.ovic-heading.style-01 .deco svg{
    height: var(--deco-h);
    width: auto;
    max-width: none;
}
/* style-02 */
.ovic-heading.style-02 .title{
    font-size: var(--ovic-fz-30);
    color: var(--main-cl);
    padding-bottom: 12px;
    position: relative;
}
.ovic-heading.style-02 .title:before{
    position: absolute;
    content: '';
    bottom: 5px;
    left: 0;
    right: 0;
    width: 300px;
    border-bottom: 1px solid;
    max-width: 90%;
}
.ovic-heading.style-02 .title:after{
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    width: 200px;
    border-bottom: 1px solid;
    max-width: 80%;
}
.text-start .ovic-heading.style-02 .title:before,
.text-start .ovic-heading.style-02 .title:after{
    margin-inline-start: 0;
    margin-inline-end: auto;
}
.text-center .ovic-heading.style-02 .title:before,
.text-center .ovic-heading.style-02 .title:after{
    margin: auto;
}
.text-end .ovic-heading.style-02 .title:before,
.text-end .ovic-heading.style-02 .title:after{
    margin-inline-start: auto;
    margin-inline-end: 0;
}
.ovic-heading.style-02 .desc > *:last-child{
    margin-bottom: 0;
}
/* style-03 */
.ovic-heading.style-03{
}
.ovic-heading.style-03{
}
.ovic-heading.style-03{
}
/* style- */
.ovic-heading.style-{
}
.ovic-heading.type-light strong,
.ovic-heading.type-light,
.ovic-heading.type-light .title{
    color: var(--light-cl);
}
@media (max-width: 1499px){
    .ovic-heading.style-01{
        column-gap: 18px;
        --deco-w: 145px;
        --deco-h: 16px;
    }
}
@media (max-width: 1199px){
    .ovic-heading.style-01{
        column-gap: 15px;
        --deco-w: 130px;
        --deco-h: 14px;
    }
}
@media (max-width: 991px){
    .ovic-heading.style-01{
        column-gap: 12px;
        --deco-w: 115px;
    }
}
@media (max-width: 767px){
    .ovic-heading.style-01{
        column-gap: 10px;
        --deco-w: 90px;
        --deco-h: 12px;
    }
}
@media (max-width: 479px){
    .ovic-heading.style-01{
        column-gap: 6px;
        --deco-w: 60px;
        --deco-h: 10px;
    }
}
.site-container .ovic-heading.style-01{
    margin-bottom: 35px;
}
@media (max-width: 1199px){
    .site-container .ovic-heading.style-01{
        margin-bottom: 30px;
    }
}
@media (max-width: 767px){
    .site-container .ovic-heading.style-01{
        margin-bottom: 20px;
    }
}
/* form-tuvan */
.ovic-xettuyen-form .title,
.ovic-tuvan-form .title{
    text-align: center;
    color: var(--main-cl);
    font-size: var(--ovic-fz-30);
    margin-bottom: calc(var(--text-space) + 5px);
}
.widget .ovic-xettuyen-form .title,
.widget.ovic-tuvan-form .ovic-tuvan-form{
    padding: 35px 20px 15px;
    background-color: #fff;
    border-radius: 10px;
}
.ovic-tuvan-form .wpcf7-response-output{
    margin: calc(10px - var(--text-space)) 0 0;
}
@media (max-width: 1199px){
    .ovic-xettuyen-form .title,
    .ovic-tuvan-form .title{
        margin-bottom: var(--text-space);
    }
}
/* banner */
.ovic-banner{
    position: relative;
    --content-w: 810px;
    --content-pd: 89px;
}
.ovic-banner .owl-slick:not(.slick-initialized) > *{
    width: 100% !important;
}
.ovic-banner .swiper-pagination{
    position: absolute;
    bottom: 15px !important;
    left: 0;
    right: 0;
    margin: 0;
}
.ovic-banner .item{
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: var(--main-cl-t);
    background-color: var(--main-cl);
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: 'FSMagistral-Book', sans-serif;
    font-weight: normal;
}
.ovic-banner .item > *{
    width: 100%;
}
.ovic-banner .item .item-inner{
    max-width: var(--content-w);
    padding: 0 var(--content-pd);
    position: relative;
    margin: 30px 0;
}
.ovic-banner .item a:hover{
    color: var(--main-cl-2);
}
.ovic-banner .item .deco1{
    position: absolute;
    top: 3%;
    left: 0;
    max-width: calc(var(--content-pd) + 20px);
}
.ovic-banner .item .deco2{
    position: absolute;
    top: 41%;
    right: 0;
    max-width: calc(var(--content-pd) + 15px);
}
.ovic-banner .item .title{
    font-family: 'FSMagistral-Medium', sans-serif;
    font-weight: normal;
    font-size: 44px;
    color: inherit;
    text-align: center;
    margin: 0;
    position: relative;
}
.ovic-banner .item .subtitle{
    font-family: 'FSMagistral-Medium', sans-serif;
    font-weight: normal;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    color: var(--main-cl);
    background-color: var(--main-cl-t);
    border-radius: calc(var(--ovic-fz-32) + 1px) 0;
    padding: 20px 15px 25px;
    position: relative;
    margin: 18px 0 0;
    position: relative;
}
.ovic-banner .item .subtitle:before{
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border-top: 27px solid var(--main-cl-t);
    border-inline-start: 50px solid transparent;
    opacity: .9;
}
.ovic-banner .item .desc{
    margin: 54px 0 0;
    border-top: 2px solid;
    border-bottom: 2px solid;
    padding: 18px 0 20px;
    display: flex;
    font-family: 'FSMagistral-Medium', sans-serif;
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    position: relative;
    --item-gap: 20px;
}
.ovic-banner .item .desc > *{
    margin: 0;
}
.ovic-banner .item .desc > *:not(:first-child){
    padding-inline-start: var(--item-gap);
    border-inline-start: 2px solid;
}
.ovic-banner .item .desc > *:not(:last-child){
    padding-inline-end: var(--item-gap);
}
.ovic-banner .item .desc .num{
    display: block;
    font-size: 62px;
    line-height: 1;
    margin-bottom: var(--heading-space);
}
.ovic-banner .item .info{
    display: flex;
    flex-wrap: wrap;
    line-height: var(--main-lh-2);
    gap: 8px 12px;
    white-space: nowrap;
    padding: 0;
    margin: var(--text-space) 0 0;
    position: relative;
}
.ovic-banner .item .info > *{
    margin-inline-start: 20px;
}
.ovic-banner .item .info ::marker{
    font-size: calc(100% + 2px);
}
.ovic-banner .ovic-tuvan-form{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(50vw - clamp(1px, var(--main-container), 100% - var(--main-container-pd) * 2) / 2 + 40px);
    background-color: var(--main-cl-t);
    width: 420px;
    padding: 37px 20px 17px;
    border-radius: 18px;
    z-index: 2;
}
@media (max-width: 1499px){
    .ovic-banner{
        --content-w: 738px;
        --content-pd: 69px;
    }
    .ovic-banner .item .title{
        font-size: 40px;
    }
    .ovic-banner .item .subtitle{
        font-size: 36px;
        line-height: 45px;
        padding: 16px 15px 22px;
        margin-top: 16px;
    }
    .ovic-banner .item .subtitle:before{
        border-top-width: 24px;
        border-inline-start-width: 45px;
    }
    .ovic-banner .item .desc{
        margin-top: 48px;
        padding: 16px 0 18px;
        font-size: 18px;
        line-height: 24px;
        --item-gap: 16px;
    }
    .ovic-banner .item .desc .num{
        font-size: 56px;
    }
    .ovic-banner .item .info{
        gap: 7px 10px;
    }
    .ovic-banner .ovic-tuvan-form{
        right: calc(50vw - clamp(1px, var(--main-container), 100% - var(--main-container-pd) * 2) / 2 + 20px);
        width: 400px;
    }
}
@media (max-width: 1199px){
    .ovic-banner{
        --content-w: 560px;
        --content-pd: 29px;
    }
    .ovic-banner .item .deco1{
        left: calc(var(--main-container-pd) * -1);
        max-width: calc(var(--content-pd) + 35px);
    }
    .ovic-banner .item .deco2{
        top: 36%;
        right: calc(var(--main-container-pd) * -1);
        max-width: calc(var(--content-pd) + 30px);
    }
    .ovic-banner .item .title{
        font-size: 30px;
    }
    .ovic-banner .item .subtitle{
        font-size: 32px;
        line-height: 40px;
        padding: 12px 15px 18px;
        margin-top: 12px;
    }
    .ovic-banner .item .subtitle:before{
        border-top-width: 18px;
        border-inline-start-width: 36px;
    }
    .ovic-banner .item .desc{
        margin-top: 30px;
        padding: 12px 0 14px;
        font-size: 16px;
        line-height: 22px;
        --item-gap: 10px;
    }
    .ovic-banner .item .desc .num{
        font-size: 48px;
        margin-bottom: calc(var(--heading-space) - 4px);
    }
    .ovic-banner .item .info{
        gap: 5px 10px;
        white-space: normal;
    }
    .ovic-banner .ovic-tuvan-form{
        right: calc(50vw - clamp(1px, var(--main-container), 100% - var(--main-container-pd) * 2) / 2);
        width: 320px;
        padding: 30px 15px 10px;
        border-radius: 15px;
    }
}
@media (max-width: 991px){
    .ovic-banner{
        --content-w: 425px;
        --content-pd: 10px;
    }
    .ovic-banner .item .deco2{
        top: 32%;
    }
    .ovic-banner .item .title{
        font-size: 22px;
    }
    .ovic-banner .item .subtitle{
        font-size: 24px;
        line-height: 32px;
        padding: 9px 15px 12px;
    }
    .ovic-banner .item .subtitle:before{
        border-top-width: 15px;
        border-inline-start-width: 30px;
    }
    .ovic-banner .item .desc{
        margin-top: 25px;
        padding: 10px 0 12px;
        font-size: 15px;
        line-height: 20px;
        --item-gap: 10px;
    }
    .ovic-banner .item .desc .num{
        font-size: 40px;
    }
    .ovic-banner .item .info{
        gap: 4px 8px;
    }
    .ovic-banner .ovic-tuvan-form{
        width: 270px;
        padding: 25px 15px 5px;
    }
}
@media (max-width: 767px){
    .ovic-banner .item .item-inner{
        margin: 30px auto 395px;
    }
    .ovic-banner .item .title{
        font-size: 20px;
    }
    .ovic-banner .item .subtitle{
        font-size: 21px;
        line-height: 30px;
        padding: 7px 15px 10px;
    }
    .ovic-banner .item .subtitle:before{
        border-top-width: 13px;
        border-inline-start-width: 25px;
    }
    .ovic-banner .item .desc{
        margin-top: 22px;
        font-size: 14px;
        line-height: 18px;
    }
    .ovic-banner .item .desc .num{
        font-size: 36px;
    }
    .ovic-banner .item .info{
        gap: 3px 8px;
    }
    .ovic-banner .ovic-tuvan-form{
        top: auto;
        left: 0;
        right: 0;
        bottom: 30px;
        transform: none;
        margin: auto;
        width: 315px;
    }
}
@media (max-width: 479px){
    .ovic-banner .item .item-inner{
        margin: 30px auto 380px;
    }
}
/* ovic-banner2 */
.ovic-banner2 .item{
    display: flex;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.ovic-banner2 .item .container{
    display: flex;
}
.ovic-banner2 .item .item-inner{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 50px;
    padding: 150px 0 100px;
}
.ovic-banner2 .item .content{
    flex: 1 1 auto;
    width: 1%;
}
.ovic-banner2 .item .image{
    width: 45%;
    text-align: end;
}
.ovic-banner2 .item .subtitle{
    font-size: 19px;
    color: #393939;
}
.ovic-banner2 .item .subtitle .icon img{
    display: inline-block;
    vertical-align: middle;
    width: auto;
    max-height: 30px;
    margin: -5px 0 -3px;
    margin-inline-end: 5px;
}
.ovic-banner2 .item .title{
    font-size: 80px;
    line-height: 1.05;
    font-weight: 700;
}
.ovic-banner2 .item .title .icon img{
    display: inline-block;
    vertical-align: middle;
    width: auto;
    max-height: 60px;
    margin: -5px 0 -3px;
}
.ovic-banner2 .item .desc{
    font-size: 20px;
    padding: 10px 0 15px;
    margin: 0 0 var(--text-space);
}
.ovic-banner2 .item .desc > *:last-child{
    margin-bottom: 0;
}
.ovic-banner2 .item{
}
.ovic-banner2 .item{
}
.ovic-banner2{
}
.ovic-banner2{
}
.ovic-banner2{
}
.ovic-banner2{
}
.ovic-banner2{
}
.ovic-banner2{
}
.ovic-banner2{
}
@media (max-width: 1499px){
    .ovic-banner2 .item .item-inner{
        gap: 40px;
        padding: 120px 0 75px;
    }
    .ovic-banner2 .item .subtitle{
        font-size: 18px;
    }
    .ovic-banner2 .item .title{
        font-size: 70px;
    }
    .ovic-banner2 .item .title .icon img{
        max-height: 51px;
    }
    .ovic-banner2 .item .desc{
        font-size: 19px;
        padding: 8px 0 13px;
    }
}
@media (max-width: 1199px){
    .ovic-banner2 .item .item-inner{
        gap: 30px;
        padding: 100px 0 60px;
    }
    .ovic-banner2 .item .subtitle{
        font-size: 17px;
    }
    .ovic-banner2 .item .title{
        font-size: 55px;
    }
    .ovic-banner2 .item .title .icon img{
        max-height: 42px;
    }
    .ovic-banner2 .item .desc{
        font-size: 17px;
        padding: 5px 0 11px;
    }
}
@media (max-width: 991px){
    .ovic-banner2 .item .item-inner{
        padding: 90px 0 55px;
    }
    .ovic-banner2 .item .subtitle{
        font-size: 16px;
    }
    .ovic-banner2 .item .title{
        font-size: 45px;
    }
    .ovic-banner2 .item .desc{
        font-size: 16px;
        padding: 3px 0 9px;
    }
}
@media (max-width: 767px){
    .ovic-banner2 .item .item-inner{
        padding: 40px 0;
    }
    .ovic-banner2 .item .subtitle{
        font-size: 15px;
    }
    .ovic-banner2 .item .title{
        font-size: 35px;
    }
    .ovic-banner2 .item .title .icon img{
        max-height: 32px;
    }
    .ovic-banner2 .item .desc{
        font-size: 15px;
        padding: 1px 0 7px;
    }
    .ovic-banner2 .item .image{
        display: none;
    }
}
/*----- BLOG & POST -----*/
.post-meta{
    font-size: var(--main-fz);
    line-height: 24px;
    font-weight: inherit;
    text-transform: inherit;
    color: inherit;
}
.post-meta:before{
    display: inline-block;
    vertical-align: top;
    font-family: main-icon, sans-serif;
    font-size: 24px;
    margin: -1px 0 1px;
    margin-inline-end: 10px;
}
.post-meta b{
    color: var(--main-cl);
    font-weight: 600;
    margin-inline-start: 15px;
}
.post-ma-nganh:before{
    content: '\e957';
}
.post-to-hop:before{
    content: '\e958';
}
.post-chi-tieu:before{
    content: '\e959';
}
.post-trinh-do:before{
    content: '\e95a';
}
.post-thoi-gian:before{
    content: '\e95b';
}
.post-date:before{
    content: '\e953';
}
.post-date .date:not(:last-child){
    margin-inline-end: 6px;
}
.post-views:before{
    content: '\e95c';
}
.post-author:before{
    content: '\e956';
}
@media (max-width: 1499px){
    .post-meta{
        line-height: 23px;
    }
    .post-meta:before{
        font-size: 23px;
        margin-inline-end: 8px;
    }
    .post-meta b{
        margin-inline-start: 12px;
    }
}
@media (max-width: 1199px){
    .post-meta{
        line-height: 22px;
    }
    .post-meta:before{
        font-size: 22px;
        margin-inline-end: 6px;
    }
    .post-meta b{
        margin-inline-start: 9px;
    }
}
@media (max-width: 767px){
    .post-meta{
        line-height: 21px;
    }
    .post-meta:before{
        font-size: 20px;
        margin-inline-end: 4px;
    }
    .post-meta b{
        margin-inline-start: 5px;
    }
}
@media (max-width: 479px){
    .post-meta{
        line-height: 20px;
    }
}
/* post-single */
.post-single > .post-inner .post-title{
    font-size: var(--ovic-fz-36);
    color: var(--main-cl);
    text-transform: uppercase;
}
.post-deco{
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    overflow: hidden;
    margin: 2px 0 0;
}
.post-deco svg{
    width: auto;
    max-width: none;
}
.post-single > .post-inner .post-metas{
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
    gap: 10px;
}
.post-single > .post-inner .post-metas > *{
    flex: 1 1 auto;
}
.post-type-post .post-single > .post-inner .post-metas .post-meta{
    font-size: 16px;
}
.post-type-post .post-single > .post-inner .post-metas .post-meta:before{
    font-size: 20px;
}
.post-single > .post-inner .post-metas .post-views{
    text-align: end;
}
.post-single > .post-inner .post-content{
    color: var(--dark-cl);
    text-indent: 40px;
    margin-top: 26px;
    --text-space: 15px;
    --heading-space: 5px;
}
.post-single > .post-inner .wp-caption{
    padding: 0;
    border: none;
    margin: 0;
    text-indent: 0;
    background-color: transparent;
}
.post-single > .post-inner .wp-caption:not(:first-child){
    margin-top: 25px;
}
.post-single > .post-inner .wp-caption:not(:last-child){
    margin-bottom: 25px;
}
.post-single > .post-inner .wp-caption .wp-caption-text{
    font-size: calc(100% - 2px);
    padding: 24px 0 0;
}
.post-single > .post-inner .post-foot{
    column-gap: 10px;
    margin-top: 26px;
    border-top: 1px solid var(--line-cl);
    padding-top: 26px;
}
@media (max-width: 1499px){
    .post-single > .post-inner .post-metas{
        margin-top: 20px;
    }
    .post-single > .post-inner .post-content{
        text-indent: 35px;
        margin-top: 22px;
    }
    .post-single > .post-inner .wp-caption:not(:first-child){
        margin-top: 22px;
    }
    .post-single > .post-inner .wp-caption:not(:last-child){
        margin-bottom: 22px;
    }
    .post-single > .post-inner .wp-caption .wp-caption-text{
        padding: 20px 0 0;
    }
    .post-single > .post-inner .post-foot{
        margin-top: 22px;
        padding-top: 22px;
    }
}
@media (max-width: 1199px){
    .post-single > .post-inner .post-metas{
        gap: 8px 10px;
        margin-top: 16px;
    }
    .post-type-post .post-single > .post-inner .post-metas .post-meta{
        font-size: 15px;
    }
    .post-type-post .post-single > .post-inner .post-metas .post-meta:before{
        font-size: 18px;
    }
    .post-single > .post-inner .post-content{
        text-indent: 30px;
        margin-top: 18px;
        --text-space: 12px;
        --heading-space: 4px;
    }
    .post-single > .post-inner .wp-caption:not(:first-child){
        margin-top: 18px;
    }
    .post-single > .post-inner .wp-caption:not(:last-child){
        margin-bottom: 18px;
    }
    .post-single > .post-inner .wp-caption .wp-caption-text{
        padding: 16px 0 0;
    }
    .post-single > .post-inner .post-foot{
        margin-top: 18px;
        padding-top: 18px;
    }
}
@media (max-width: 767px){
    .post-single > .post-inner .post-metas{
        gap: 6px 10px;
        margin-top: 12px;
    }
    .post-single > .post-inner .post-content{
        text-indent: 20px;
        margin-top: 14px;
        --text-space: 9px;
        --heading-space: 3px;
    }
    .post-single > .post-inner .wp-caption:not(:first-child){
        margin-top: 14px;
    }
    .post-single > .post-inner .wp-caption:not(:last-child){
        margin-bottom: 14px;
    }
    .post-single > .post-inner .wp-caption .wp-caption-text{
        padding: 12px 0 0;
    }
    .post-single > .post-inner .post-foot{
        margin-top: 14px;
        padding-top: 14px;
    }
}
/* post-related */
.post-related{
    padding: 20px 0 30px;
}
.post-related > .title{
    text-transform: uppercase;
    color: var(--main-cl);
    margin: 0;
}
.post-related > .title:before,
.post-related > .title:after{
    content: '';
    display: table;
    clear: both;
}
.post-related > .title .link{
    text-transform: none;
    float: right;
    margin-inline-start: 10px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    padding: 10px 0;
}
.post-related > .title .link:after{
    display: inline-block;
    vertical-align: top;
    font-family: main-icon, sans-serif;
    content: '\e903';
    font-size: calc(100% - 8px);
    margin-inline-end: 2px;
    margin-inline-start: 10px;
}
.post-related > .title .link:hover{
    color: var(--main-cl-2);
}
.post-related .post-deco{
    margin-bottom: 35px;
}
@media (max-width: 1499px){
    .post-related{
        padding: 15px 0 25px;
    }
    .post-related > .title .link{
        font-size: 18px;
        line-height: 28px;
        padding: 4px 0;
    }
    .post-related > .title .link:after{
        margin-inline-end: 1px;
        margin-inline-start: 8px;
    }
    .post-related .post-deco{
        margin-bottom: 30px;
    }
}
@media (max-width: 1199px){
    .post-related{
        padding: 5px 0 20px;
    }
    .post-related > .title .link{
        font-size: 17px;
        line-height: 26px;
    }
    .post-related > .title .link:after{
        margin-inline-end: 0;
        margin-inline-start: 6px;
    }
    .post-related .post-deco{
        margin-bottom: 25px;
    }
}
@media (max-width: 991px){
    .post-related > .title .link{
        font-size: 16px;
        line-height: 24px;
        padding: 0;
    }
    .post-related .post-deco{
        margin-bottom: 20px;
    }
}
@media (max-width: 767px){
    .post-related{
        padding: 0 0 30px;
    }
    .post-related > .title{
        text-align: center;
        margin-bottom: 15px;
    }
    .post-related > .title .link{
        display: none;
    }
    .post-related .post-deco{
        display: none;
    }
}
/* post-style-01 */
.blog-item.style-01 .post-inner{
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
}
.blog-item.style-01 .post-thumb{
    margin: 0;
}
.blog-item.style-01 .post-meta{
    margin: 0;
}
.blog-item.style-01 .post-metas{
    display: flex;
    margin: 0 0 5px;
}
.blog-item.style-01 .post-metas > *{
    flex: 1 1 auto;
}
.blog-item.style-01 .post-metas .post-date{
    text-align: end;
}
.blog-item.style-01 .post-metas .post-date:before{
    display: none;
}
.blog-item.style-01 .post-content{
    padding: 15px 20px;
}
.blog-item.style-01 .post-title{
    font-size: 22px;
    line-height: 32px;
    color: var(--main-cl);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-item.style-01 .post-title a:hover{
    color: var(--main-cl-2);
}
.blog-item.style-01 .post-excerpt{
    margin-top: 5px;
}
.blog-item.style-01 .post-readmore a{
    display: block;
    text-align: inherit;
    border-top: 1px solid var(--line-cl);
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    font-weight: inherit;
    color: var(--main-cl);
    padding: 10px 20px;
}
.blog-item.style-01 .post-readmore a:after{
    display: inline-block;
    vertical-align: top;
    font-family: main-icon, sans-serif;
    content: '\e90b';
    margin-inline-start: 6px;
}
.blog-item.style-01 .post-readmore a:hover{
    color: var(--main-cl-2);
}
.blog-item.style-03 .post-inner{
    border-radius: 10px;
    overflow: hidden;
}
.blog-item.style-03 .post-info{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    padding: 50px 30px 20px;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .5));
}
.blog-item.style-03 .post-title{
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin: 0;
}
/* style-04 */
.blog-item.style-04 .post-inner{
    font-size: 16px;
    border-radius: 0;
    background-color: #fff;
    box-shadow: 0 0 0 1px var(--line-cl) inset;
}
.blog-item.style-04 .post-info{
    padding: 20px 25px 25px;
}
.blog-item.style-04 .post-metas{
    margin-bottom: 9px;
}
.blog-item.style-04 .post-metas .post-date{
    text-align: inherit;
}
.blog-item.style-04 .post-meta:before{
    display: none;
}
.blog-item.style-04 .post-title{
    color: var(--main-cl);
    white-space: normal;
    font-size: calc(var(--ovic-fz-20) - 1px);
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blog-item.style-04 .post-excerpt{
    margin-top: 9px;
}
.blog-item.style-04 .post-readmore a{
    display: block;
    text-align: inherit;
    border-top: 1px solid var(--line-cl);
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    font-weight: inherit;
    color: var(--main-cl);
    padding: 20px 0 0;
    margin-top: 20px;
}
.blog-item.style-04 .post-readmore a:hover{
    color: var(--main-cl-2);
}
.blog-item.style-04 .post-readmore a:after{
    display: inline-block;
    vertical-align: top;
    font-family: main-icon, sans-serif;
    content: '\e90b';
    float: right;
    border-radius: 50%;
    width: 30px;
    text-align: center;
    padding: 2px 0;
    font-size: 14px;
    border: 1px solid;
    margin: -3px 0;
    margin-inline-start: 6px;
}
/* post-isotope */
.blog-item.isotope-item.size-bigger{
    width: 50%;
}
@media (max-width: 767px){
    .blog-item.isotope-item.size-bigger{
        width: 100%;
    }
    .blog-item.isotope-item.size-bigger + .size-bigger{
        order: 1;
    }
    .elementor-widget-ovic_blog .blog-item.style-03:nth-child(5){
        display: none;
    }
}
@media (min-width: 1200px){
    .blog-item.style-03 .post-info{
        transition: .3s;
    }
    .blog-item.style-03 .post-inner:not(:hover) .post-info{
        transform: translateY(100%);
    }
}
@media (max-width: 1499px){
    .blog-item.style-01 .post-title{
        font-size: 21px;
        line-height: 31px;
    }
    .blog-item.style-03 .post-info{
        padding: 48px 27px 18px;
    }
    .blog-item.style-03 .post-title{
        font-size: 19px;
        line-height: 29px;
    }
}
@media (max-width: 1199px){
    .blog-item.style-01 .post-metas{
        margin: 0 0 4px;
    }
    .blog-item.style-01 .post-content{
        padding: 12px 18px;
    }
    .blog-item.style-01 .post-title{
        font-size: 20px;
        line-height: 30px;
    }
    .blog-item.style-01 .post-excerpt{
        margin-top: 4px;
    }
    .blog-item.style-01 .post-readmore a{
        font-size: 15px;
        line-height: 22px;
        padding: 9px 18px;
    }
    .blog-item.style-01 .post-readmore a:after{
        margin-inline-start: 5px;
    }
    .blog-item.style-03 .post-info{
        padding: 46px 24px 16px;
    }
    .blog-item.style-03 .post-title{
        font-size: 18px;
        line-height: 28px;
    }
    .blog-item.style-04 .post-title{
        font-size: var(--ovic-fz-20);
    }
    .blog-item.style-04 .post-info{
        padding: 15px 20px 20px;
    }
    .blog-item.style-04 .post-metas{
        margin-bottom: 7px;
    }
    .blog-item.style-04 .post-excerpt{
        margin-top: 7px;
    }
    .blog-item.style-04 .post-readmore a{
        padding-top: 14px;
        margin-top: 15px;
    }
    .blog-item.style-04 .post-readmore a:after{
        width: 26px;
        padding: 0;
        font-size: 12px;
        margin-top: -1px;
        margin-bottom: -1px;
    }
}
@media (max-width: 991px){
    .blog-item.style-03 .post-info{
        padding: 44px 20px 14px;
    }
    .blog-item.style-03 .post-title{
        font-size: 17px;
        line-height: 26px;
    }
}
@media (max-width: 767px){
    .blog-item.style-01 .post-metas{
        margin: 0 0 3px;
    }
    .blog-item.style-01 .post-content{
        padding: 10px 15px;
    }
    .blog-item.style-01 .post-title{
        font-size: 18px;
        line-height: 28px;
    }
    .blog-item.style-01 .post-excerpt{
        margin-top: 3px;
    }
    .blog-item.style-01 .post-readmore a{
        font-size: 14px;
        line-height: 20px;
        padding: 8px 15px;
    }
    .blog-item.style-01 .post-readmore a:after{
        margin-inline-start: 4px;
    }
    .blog-item.style-03 .post-info{
        padding: 42px 18px 12px;
    }
    .blog-item.style-03 .post-title{
        font-size: 17px;
        line-height: 26px;
    }
    .ovic-blog .slick-list{
        padding-inline-end: 30px;
    }
}
@media (max-width: 479px){
    .blog-item.style-01 .post-inner{
        display: flex;
        align-items: center;
        padding: 11px;
    }
    .blog-item.style-01 .post-thumb{
        width: 100px;
    }
    .blog-item.style-01 .post-thumb img{
        height: 100px;
        object-fit: cover;
    }
    .blog-item.style-01 .post-info{
        flex: 1 1 auto;
        width: 1%;
        padding-inline-start: 10px;
    }
    .blog-item.style-01 .post-content{
        padding: 0;
    }
    .blog-item.style-01 .post-metas{
        margin-bottom: 2px;
    }
    .blog-item.style-01 .post-meta{
        line-height: 20px;
    }
    .blog-item.style-01 .post-title{
        font-size: 16px;
        line-height: 24px;
    }
    .blog-item.style-01 .post-excerpt{
        margin-top: 0;
    }
    .blog-item.style-01 .post-readmore{
        display: none;
    }
    .blog-item.style-03 .post-info{
        padding: 40px 16px 10px;
    }
    .blog-item.style-03 .post-title{
        font-size: 16px;
        line-height: 24px;
    }
}
/* post-style-02 */
.blog-item.style-02 .post-inner{
    padding: 18px 0;
}
.blog-item.style-02 .index{
    font-size: 20px;
    line-height: 24px;
    color: var(--main-cl);
    font-weight: 600;
    padding: 0 3px;
    margin-inline-end: 24px;
}
.blog-item.style-02 .post-title{
    flex: 1 1 auto;
    width: 1%;
    font-size: 18px;
    line-height: 24px;
}
.widget.ovic-blog .ovic-blog{
    background-color: #fff;
    border-radius: 8px;
    padding: 10px 20px;
    --rows-space: 0px;
    --cols-number: 1;
}
.widget.ovic-blog .blog-item:not(:first-child){
    border-top: 1px solid var(--line-cl);
}
.widget.widget_text{
    text-align: center;
}
@media (max-width: 1499px){
    .blog-item.style-02 .post-inner{
        padding: 15px 0;
    }
    .blog-item.style-02 .index{
        font-size: 19px;
        line-height: 23px;
        padding: 0 2px;
        margin-inline-end: 20px;
    }
    .blog-item.style-02 .post-title{
        font-size: 17px;
        line-height: 22px;
    }
    .widget.ovic-blog .ovic-blog{
        padding: 8px 18px;
    }
}
@media (max-width: 1199px){
    .blog-item.style-02 .index{
        font-size: 18px;
        line-height: 22px;
    }
}
@media (max-width: 991px){
    .blog-item.style-02 .index{
        font-size: 17px;
        line-height: 21px;
    }
}
@media (max-width: 767px){
    .blog-item.style-02 .index{
        font-size: 16px;
        line-height: 20px;
    }
}
/*----- DAOTAO -----*/
/* single-page */
.post-type-daotao .post-single > .post-inner .post-thong-tin{
    white-space: pre-wrap;
}
.post-type-daotao .post-single > .post-inner .post-thong-tin h1:not(:first-child),
.post-type-daotao .post-single > .post-inner .post-thong-tin h2:not(:first-child),
.post-type-daotao .post-single > .post-inner .post-thong-tin h3:not(:first-child),
.post-type-daotao .post-single > .post-inner .post-thong-tin h4:not(:first-child),
.post-type-daotao .post-single > .post-inner .post-thong-tin h5:not(:first-child),
.post-type-daotao .post-single > .post-inner .post-thong-tin h6:not(:first-child){
    margin-top: var(--text-space);
}
.post-type-daotao .post-single > .post-inner .post-content{
    text-indent: 0;
}
.post-type-daotao .post-single > .post-inner .post-content b,
.post-type-daotao .post-single > .post-inner .post-content strong{
    font-weight: 600;
}
.post-type-daotao .post-single > .post-inner .post-meta{
    font-size: calc(var(--main-fz) - 1px);
}
.post-type-daotao .post-single > .post-inner .post-meta:before{
    margin-inline-end: .1em;
}
.post-type-daotao .post-single > .post-inner .post-meta b{
    margin-inline-start: .1em;
}
.post-type-daotao .post-single > .post-inner .post-metas{
    justify-content: space-between;
    column-gap: 30px;
    margin-top: 15px;
}
.post-type-daotao .post-single > .post-inner .post-metas > *{
    flex: 0 0 auto;
}
.post-type-daotao .post-single > .post-inner .post-thumb{
    margin-top: 24px;
}
.post-type-daotao .post-single > .post-inner .post-thumb img{
    width: 100%;
    max-width: none;
    max-height: 400px;
    object-fit: cover;
}
.post-type-daotao .post-single > .post-inner .post-content{
    margin-top: 20px;
}
@media (max-width: 1199px){
    .post-type-daotao .post-single > .post-inner .post-metas{
        column-gap: 20px;
        margin-top: 12px;
    }
    .post-type-daotao .post-single > .post-inner .post-thumb{
        margin-top: 20px;
    }
    .post-type-daotao .post-single > .post-inner .post-content{
        margin-top: 16px;
    }
}
@media (max-width: 767px){
    .post-type-daotao .post-single > .post-inner .post-metas{
        column-gap: 10px;
        margin-top: 8px;
    }
    .post-type-daotao .post-single > .post-inner .post-thumb{
        margin-top: 16px;
    }
    .post-type-daotao .post-single > .post-inner .post-content{
        margin-top: 12px;
    }
}
/* post-item */
.blog-item.style-01.type-daotao .post-content{
    padding-top: 10px;
    padding-bottom: 10px;
}
.blog-item.style-01.type-daotao .post-title{
    font-size: 20px;
    line-height: 30px;
}
.blog-item.style-01.type-daotao .post-metas{
    flex-wrap: wrap;
    row-gap: 12px;
    color: var(--dark-cl);
    margin: 8px 0 0;
}
.blog-item.style-01.type-daotao .post-meta{
    width: 100%;
}
.blog-item.style-01.type-daotao .post-meta:before{
    font-size: 16px;
}
.blog-item.style-01.type-daotao .post-meta b{
    color: inherit;
    float: right;
    font-weight: inherit;
}
.archive-button{
    text-align: center;
    margin-top: 40px;
}
body.single .archive-button{
    text-align: inherit;
    margin-top: var(--text-space);
}
@media (max-width: 1499px){
    .blog-item.style-01.type-daotao .post-content{
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .blog-item.style-01.type-daotao .post-title{
        font-size: 18px;
        line-height: 28px;
    }
    .blog-item.style-01.type-daotao .post-metas{
        row-gap: 10px;
        margin: 6px 0 0;
    }
    .blog-item.style-01.type-daotao .post-meta:before{
        font-size: 15px;
    }
    .archive-button{
        margin-top: 35px;
    }
}
@media (max-width: 1199px){
    .blog-item.style-01.type-daotao .post-content{
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .blog-item.style-01.type-daotao .post-title{
        font-size: 17px;
        line-height: 27px;
    }
    .blog-item.style-01.type-daotao .post-metas{
        row-gap: 8px;
        margin: 4px 0 0;
    }
    .blog-item.style-01.type-daotao .post-meta:before{
        font-size: 14px;
    }
    .archive-button{
        margin-top: 30px;
    }
}
@media (max-width: 991px){
    .blog-item.style-01.type-daotao .post-metas{
        row-gap: 6px;
        margin: 2px 0 0;
    }
}
@media (max-width: 767px){
    .blog-item.style-01.type-daotao .post-content{
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .blog-item.style-01.type-daotao .post-title{
        font-size: 16px;
        line-height: 26px;
    }
    .blog-item.style-01.type-daotao .post-metas{
        row-gap: 4px;
        margin: 0;
    }
    .archive-button{
        margin-top: 20px;
    }
}
@media (max-width: 479px){
    .blog-item.style-01.type-daotao .post-content{
        padding-top: 0;
        padding-bottom: 0;
    }
}
/* tab */
.daotao-tab-list{
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 58px;
    font-weight: var(--heading-fw);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 44px;
}
.daotao-tab-list a{
    display: inline-block;
    vertical-align: top;
    padding: 11px 22px;
    color: var(--main-cl);
    background-color: var(--main-cl-t);
    box-shadow: 0 0 0 1px inset;
    border-radius: 90px;
}
.daotao-tab-list a.active,
.daotao-tab-list a:hover{
    color: var(--main-cl-t);
    background-color: var(--main-cl);
}
@media (max-width: 1499px){
    .daotao-tab-list{
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 48px;
        gap: 36px;
    }
    .daotao-tab-list a{
        padding: 10px 21px;
    }
}
@media (max-width: 1199px){
    .daotao-tab-list{
        font-size: 17px;
        line-height: 27px;
        margin-bottom: 40px;
        gap: 30px;
    }
    .daotao-tab-list a{
        padding: 9px 20px;
    }
}
@media (max-width: 991px){
    .daotao-tab-list{
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 32px;
        gap: 20px;
    }
    .daotao-tab-list a{
        padding: 9px 19px;
    }
}
@media (max-width: 767px){
    .daotao-tab-list{
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 24px;
        gap: 16px;
    }
    .daotao-tab-list a{
        padding: 9px 18px;
    }
}
@media (max-width: 479px){
    .daotao-tab-list{
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 16px;
        gap: 10px;
    }
    .daotao-tab-list a{
        flex: 1 1 auto;
        padding: 8px 17px;
    }
    .daotao-tab-list a[data-cat="all"]{
        width: 100%;
    }
}
/*----- HATANG -----*/
.ovic-hatang{
    display: flex;
    flex-wrap: wrap;
    column-gap: 70px;
    position: relative;
}
.ovic-hatang .hatang-items{
    flex: 1 1 auto !important;
    width: 1% !important;
    position: static !important;
    margin-inline-end: -416px;
}
.ovic-hatang .head{
    width: 29.5%;
}
.ovic-hatang .head .title{
    color: var(--main-cl);
    margin: -10px 0 0;
}
.ovic-hatang .head .deco{
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
}
.ovic-hatang .head .deco img{
    height: 18px;
    width: auto;
    max-width: none;
    object-fit: cover;
    object-position: center left;
    margin: 8px 0 0;
}
.ovic-hatang .head .desc{
    color: var(--dark-cl);
    text-align: justify;
    margin: 26px 0 0;
}
.ovic-hatang .head .button{
    margin: 30px 0 0;
}
.ovic-hatang .slick-list{
    border-radius: 20px;
}
.ovic-hatang .slick-dots{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
}
@media (min-width: 1500px){
    .ovic-hatang .slick-dots{
        margin-top: 30px;
    }
}
@media (max-width: 1499px){
    .ovic-hatang{
        column-gap: 30px;
    }
    .ovic-hatang .hatang-items{
        margin-inline-end: -380px;
    }
    .ovic-hatang .head{
        width: 28.8%;
    }
    .ovic-hatang .head .title{
        font-size: 30px;
        margin: -8px 0 0;
    }
    .ovic-hatang .head .deco img{
        height: 16px;
        margin: 4px 0 0;
    }
    .ovic-hatang .head .desc{
        font-size: 16px;
        margin: 16px 0 0;
    }
    .ovic-hatang .head .button{
        margin: 20px 0 0;
    }
    .ovic-hatang .slick-list{
        border-radius: 16px;
    }
}
@media (max-width: 1199px){
    .ovic-hatang .hatang-items{
        margin-inline-end: -164px;
    }
    .ovic-hatang .head{
        width: 32.4%;
    }
    .ovic-hatang .head .title{
        font-size: 26px;
        margin: -6px 0 0;
    }
    .ovic-hatang .head .deco img{
        height: 14px;
        margin: 0;
    }
    .ovic-hatang .head .desc{
        font-size: 15px;
        margin: 10px 0 0;
    }
    .ovic-hatang .head .button{
        margin: 12px 0 0;
    }
    .ovic-hatang .slick-list{
        border-radius: 12px;
    }
}
@media (max-width: 991px){
    .ovic-hatang .head{
        text-align: center;
        width: 100%;
        margin-bottom: 20px;
    }
    .ovic-hatang .head .deco,
    .ovic-hatang .head .button{
        display: none;
    }
    .ovic-hatang .hatang-items{
        margin-inline-end: 0;
    }
    .ovic-hatang .slick-list{
        overflow: visible;
        border-radius: 9px;
    }
}
/* post-item */
.blog-item.style-01.type-hatang .post-inner{
    display: block;
    padding: 0;
    border-radius: 20px;
}
.blog-item.style-01.type-hatang .post-thumb{
    width: 100%;
}
.blog-item.style-01.type-hatang .post-thumb .thumb-link:after{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .5));
    pointer-events: none;
}
.blog-item.style-01.type-hatang .post-info{
    position: absolute;
    width: auto;
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    padding: 20px 30px;
}
.blog-item.style-01.type-hatang .post-title{
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}
.blog-item.style-01.type-hatang .post-inner:not(:hover) .post-readmore a{
    height: 0;
    opacity: 0;
}
.blog-item.style-01.type-hatang .post-readmore a{
    padding: 0;
    color: #fff;
    border: none;
    height: 24px;
    transition: .3s;
}
@media (max-width: 1499px){
    .blog-item.style-01.type-hatang .post-inner{
        border-radius: 16px;
    }
    .blog-item.style-01.type-hatang .post-info{
        padding: 18px 28px;
    }
    .blog-item.style-01.type-hatang .post-title{
        font-size: 18px;
        line-height: 28px;
    }
    .blog-item.style-01.type-hatang .post-readmore a{
        height: 22px;
    }
}
@media (max-width: 1199px){
    .blog-item.style-01.type-hatang .post-inner{
        border-radius: 12px;
    }
    .blog-item.style-01.type-hatang .post-info{
        padding: 16px 26px;
    }
    .blog-item.style-01.type-hatang .post-title{
        font-size: 17px;
        line-height: 27px;
    }
    .blog-item.style-01.type-hatang .post-readmore a{
        height: 20px;
    }
}
@media (max-width: 991px){
    .blog-item.style-01.type-hatang .post-inner{
        border-radius: 10px;
    }
    .blog-item.style-01.type-hatang .thumb-link img{
        height: 230px;
        object-fit: cover;
    }
}
@media (max-width: 767px){
    .blog-item.style-01.type-hatang .post-info{
        padding: 14px 24px;
    }
    .blog-item.style-01.type-hatang .post-title{
        font-size: 16px;
        line-height: 26px;
    }
    .blog-item.style-01.type-hatang .post-readmore a{
        height: 20px;
    }
}
/*----- GIANGVIEN -----*/
.ovic-giangvien{
    text-align: center;
}
.ovic-giangvien .slick-list{
    max-width: 1140px;
    margin-inline-start: auto;
    margin-inline-end: auto;
}
.ovic-giangvien .item{
    position: relative;
    line-height: 22px;
    color: var(--dark-cl);
}
/*.ovic-giangvien .item .image{*/
/*    overflow: hidden;*/
/*}*/
/*.ovic-giangvien .item .image img{*/
/*    transition: .3s;*/
/*}*/
/*.ovic-giangvien .item:hover .image img{*/
/*    transform: scale(1.1);*/
/*}*/
.ovic-giangvien .item .name{
    font-size: 22px;
    line-height: 32px;
    color: var(--main-cl);
    margin: 15px 0 0;
}
.ovic-giangvien .item .position{
    white-space: pre-wrap;
    margin: 6px 0 0;
}
.ovic-giangvien .item .link{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
@media (min-width: 768px){
    .ovic-giangvien .slick-slide{
        transition: .5s;
        transform: scale(.8);
    }
    .ovic-giangvien .slick-active:not(.first-slick):not(.last-slick){
        transform: none;
    }
}
@media (max-width: 1499px){
    .ovic-giangvien .item{
        line-height: 21px;
    }
    .ovic-giangvien .item .name{
        font-size: 21px;
        line-height: 30px;
        margin: 12px 0 0;
    }
    .ovic-giangvien .item .position{
        margin: 4px 0 0;
    }
}
@media (max-width: 1199px){
    .ovic-giangvien .item{
        line-height: 20px;
    }
    .ovic-giangvien .item .name{
        font-size: 20px;
        line-height: 28px;
        margin: 10px 0 0;
    }
    .ovic-giangvien .item .position{
        margin: 3px 0 0;
    }
}
@media (max-width: 767px){
    .ovic-giangvien .item{
        line-height: 20px;
    }
    .ovic-giangvien .item .name{
        font-size: 18px;
        line-height: 26px;
        margin: 8px 0 0;
    }
    .ovic-giangvien .item .position{
        margin: 2px 0 0;
    }
    .ovic-giangvien .slick-list{
        max-width: 92%;
    }
}
@media (max-width: 479px){
    .ovic-giangvien .slick-list{
        max-width: 86%;
    }
}
/*----- TUVAN -----*/
/*----- XETTUYEN -----*/
.page-id-809 .site{
    overflow: visible;
}
.page-id-809 .logo a{
    padding: 5px 0;
}
.page-id-809 .logo img{
    max-width: 50px;
}
.page-id-809 .logo .logo-text{
    display: none;
}
.page-id-809 .header{
    position: sticky;
    top: var(--admin-bar-height, 0px);
    z-index: 2;
}
.page-id-809 .header .logo{
    flex: 0 0 auto;
    width: auto;
    min-width: auto;
}
.page-id-809 .header .header-title{
    flex: 1 1 auto;
    width: 1%;
    margin: 2px 0 0;
    font-size: var(--ovic-fz-26);
    text-transform: uppercase;
    color: var(--main-cl);
    text-align: center;
    justify-content: center;
}
.page-id-809 .header .header-back{
    display: inline-block;
    vertical-align: top;
    width: 50px;
    font-size: 20px;
    background-color: transparent;
    box-shadow: none;
    color: var(--dark-cl);
    --button-pd-hz: 0px;
}
.page-id-809 .header .header-back:hover{
    color: var(--main-cl);
}
.xettuyen-form-foot{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    box-shadow: var(--popup-bsd);
    background-color: var(--light-cl);
    --button-pd-hz: 10px;
    --button-bora: 0px;
    --button-fz: 20px;
    --button-tt: none;
    --button-fw: 600;
    --button-width: 100%;
}
.xettuyen-form-foot .container{
    display: flex;
}
.xettuyen-form-foot .container > *{
    flex: 1 1 auto;
    width: 1%;
}
.xettuyen-form-foot p{
    margin: 0;
}
.xettuyen-form-foot .header-back{
    background-color: transparent;
    color: var(--dark-cl);
    padding-bottom: calc(var(--button-pd, var(--input-pd)) + 20px);
}
.xettuyen-form-foot .header-back:hover{
    background-color: transparent;
    color: var(--main-cl);
}
.xettuyen-form-foot .header-submit{
    position: relative;
    border-inline-start: 1px solid var(--line-cl);
}
.xettuyen-form-foot .wpcf7-submit{
    background-color: transparent;
    color: var(--main-cl);
    padding-bottom: calc(var(--button-pd, var(--input-pd)) + 20px);
}
.xettuyen-form-foot .wpcf7-submit:hover{
    background-color: transparent;
    color: var(--main-cl-2);
}
div.xettuyen-form-foot .wpcf7-submit:hover + .wpcf7-spinner,
div.xettuyen-form-foot .wpcf7-submit:hover + .ajax-loader{
    color: var(--main-cl-2);
}
div.xettuyen-form-foot .wpcf7-spinner,
div.xettuyen-form-foot .ajax-loader{
    color: var(--main-cl);
    bottom: 20px;
}
@media (max-width: 1199px){
    .page-id-809 .logo img{
        max-width: 46px;
    }
    .page-id-809 .header .header-back{
        width: 46px;
        font-size: 19px;
    }
    .xettuyen-form-foot{
        --button-fz: 18px;
    }
}
@media (max-width: 991px){
    .page-id-809 .logo img{
        max-width: 42px;
    }
    .page-id-809 .header .header-back{
        width: 42px;
        font-size: 18px;
    }
    .xettuyen-form-foot{
        --button-fz: 17px;
    }
}
@media (max-width: 767px){
    .page-id-809 .logo img{
        max-width: 38px;
    }
    .page-id-809 .header .header-back{
        width: 38px;
        font-size: 17px;
    }
    .xettuyen-form-foot{
        --button-fz: 16px;
    }
}
@media (max-width: 600px){
    .page-id-809 .header{
        top: 0;
    }
}
/*----- HEAD -----*/
.ovic-head.style-01{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    border-inline-start: 4px solid var(--main-cl-2);
    padding-inline-start: 10px;
    margin-bottom: 20px;
    font-size: 29px;
    line-height: 38px;
}
.ovic-head.style-01 .title{
    flex: 1 1 auto;
    width: 1%;
    font-size: inherit;
    line-height: inherit;
    font-weight: bold;
    color: var(--main-cl);
    margin: 0;
    margin-inline-end: 10px;
}
.ovic-head.style-01 .button{
    font-size: 20px;
    line-height: inherit;
    font-weight: bold;
    color: var(--main-cl);
    background-color: transparent;
    text-transform: none;
    padding: 0;
}
.ovic-head.style-01 .button:hover{
    color: var(--main-cl-2);
}
.ovic-head.style-01 .button:after{
    display: inline-block;
    vertical-align: top;
    font-family: main-icon, sans-serif;
    content: '\e913';
    font-size: calc(100% - 6px);
    margin-inline-start: .3em;
}
@media (max-width: 1499px){
    .ovic-head.style-01{
        margin-bottom: 17px;
        font-size: 27px;
        line-height: 35px;
    }
    .ovic-head.style-01 .button{
        font-size: 19px;
    }
}
@media (max-width: 1199px){
    .ovic-head.style-01{
        border-inline-start-width: 3px;
        padding-inline-start: 8px;
        margin-bottom: 14px;
        font-size: 25px;
        line-height: 32px;
    }
    .ovic-head.style-01 .button{
        font-size: 18px;
    }
}
@media (max-width: 767px){
    .ovic-head.style-01{
        margin-bottom: 12px;
        font-size: 24px;
        line-height: 31px;
    }
    .ovic-head.style-01 .button{
        font-size: 17px;
    }
}
@media (max-width: 479px){
    .ovic-head.style-01{
        margin-bottom: 10px;
        width: 100%;
        font-size: 23px;
        line-height: 30px;
    }
    .ovic-head.style-01 .button{
        font-size: 16px;
    }
}
/*----- BLOG 2 -----*/
.ovic-blog2{
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--blog2-gap);
    --blog2-gap: 20px;
}
@media (max-width: 1199px){
    .ovic-blog2{
        --blog2-gap: 10px;
    }
}
/* posts */
.ovic-blog2 .blog-item{
    display: flex;
    position: relative;
}
.ovic-blog2 .post-inner{
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    position: relative;
}
.ovic-blog2 .post-thumb{
    width: 100%;
    position: relative;
}
.ovic-blog2 .post-info{
    flex: 1 1 auto;
    height: 1%;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 10px;
}
.ovic-blog2 .post-title{
    flex: 1 1 auto;
    height: 1%;
}
.ovic-blog2 .thumb-link{
    width: 100%;
    height: 100%;
}
.ovic-blog2 .thumb-link figure{
    width: 100%;
    height: 100%;
}
.ovic-blog2 .thumb-link img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ovic-blog2 .post-title{
    font-size: var(--main-fz);
    line-height: 20px;
    font-weight: inherit;
    margin: 0;
}
.ovic-blog2 .post-title a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    margin: 0;
}
.ovic-blog2 .post-meta{
    font-size: calc(var(--main-fz) - 1px);
    line-height: 20px;
    color: var(--dark-cl-3);
    margin: 20px 0 0;
}
.ovic-blog2 .post-meta:before{
    display: none;
}
.ovic-blog2 .button-bottom{
    width: 100%;
    text-align: center;
    padding: 1px 0 12px;
    background-color: #fff;
    margin-top: -1px;
}
.ovic-blog2 .button-bottom .button:after{
    display: inline-block;
    vertical-align: top;
    font-family: main-icon, sans-serif;
    content: '\e913';
    font-size: calc(100% - 6px);
    margin-inline-start: .5em;
}
@media (max-width: 1499px){
    .ovic-blog2 .post-meta{
        margin-top: 15px;
    }
    .ovic-blog2 .button-bottom{
        padding: 1px 0 10px;
        --button-pd: 9px;
    }
}
@media (max-width: 991px){
    .ovic-blog2 .post-info{
        padding: 8px;
    }
    .ovic-blog2 .post-title{
        line-height: 19px;
    }
    .ovic-blog2 .post-meta{
        margin-top: 10px;
    }
    .ovic-blog2 .button-bottom{
        --button-pd: 8px;
    }
}
@media (max-width: 767px){
    .ovic-blog2 .post-info{
        padding: 6px;
    }
    .ovic-blog2 .post-title{
        line-height: 18px;
    }
    .ovic-blog2 .button-bottom{
        --button-pd: 7px;
    }
}
@media (max-width: 479px){
}
/* special */
.ovic-blog2 .blog-special{
    width: calc(50% - var(--blog2-gap) / 2);
    max-width: 100%;
    display: flex;
    flex-direction: column;
}
.ovic-blog2 .blog-special{
    background-color: #fff;
}
.ovic-blog2 .blog-special .post-thumb{
    height: 528px;
}
.ovic-blog2 .blog-special .post-title{
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: auto;
    font-size: 22px;
    line-height: 24px;
    font-weight: 500;
    pointer-events: none;
    color: var(--main-cl-t);
    background-color: rgba(var(--mc-rgb-r), var(--mc-rgb-g), var(--mc-rgb-b), .6);
    padding: 8px 10px;
}
.ovic-blog2 .blog-special .post-desc{
    flex: 1 1 auto;
    height: 1%;
    font-size: 18px;
    line-height: 24px;
    color: var(--dark-cl);
    margin: 0;
}
.ovic-blog2 .blog-special .post-metas{
    margin: 20px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.ovic-blog2 .blog-special .post-meta{
    flex: 1 1 auto;
    margin: 0;
}
.ovic-blog2 .blog-special .post-meta:last-child:not(:first-child){
    text-align: end;
}
.ovic-blog2 .ovic-list-grid{
    flex: 1 1 auto;
    width: 1%;
    --cols-space: 20px;
    --rows-space: 20px;
    --cols-number: 3;
}
@media (max-width: 1499px){
    .ovic-blog2 .blog-special .post-thumb{
        height: 446px;
    }
    .ovic-blog2 .blog-special .post-title{
        font-size: 21px;
        line-height: 23px;
    }
    .ovic-blog2 .blog-special .post-desc{
        font-size: 17px;
        line-height: 23px;
    }
    .ovic-blog2 .blog-special .post-metas{
        margin-top: 15px;
    }
}
@media (max-width: 1199px){
    .ovic-blog2 .ovic-list-grid{
        --cols-space: 10px;
        --rows-space: 10px;
    }
}
@media (max-width: 991px){
    .ovic-blog2 .blog-special .post-thumb{
        height: 384px;
    }
    .ovic-blog2 .blog-special .post-title{
        font-size: 20px;
        line-height: 22px;
        padding: 8px;
    }
    .ovic-blog2 .blog-special .post-desc{
        font-size: 16px;
        line-height: 22px;
    }
    .ovic-blog2 .blog-special .post-metas{
        margin-top: 10px;
    }
}
@media (max-width: 767px){
    .ovic-blog2 .blog-special{
        width: 100%;
        margin-bottom: 8px;
    }
    .ovic-blog2 .blog-special .post-thumb{
        height: 300px;
    }
    .ovic-blog2 .blog-special .post-title{
        font-size: 18px;
        line-height: 20px;
        padding: 8px 6px;
    }
    .ovic-blog2 .blog-special .post-metas{
        margin-top: 6px;
    }
    .ovic-blog2 .ovic-list-grid{
        --cols-space: 8px;
        --rows-space: 8px;
    }
}
/* style-01 */
.ovic-blog2.style-01 .blog-special .post-thumb{
    height: 548px;
}
.ovic-blog2.style-01 .ovic-list-grid{
    --cols-space: 10px;
    --rows-space: 10px;
    --cols-number: 1;
}
.ovic-blog2.style-01 .ovic-list-grid .post-inner{
    flex-direction: row;
    padding: 4px;
    padding-inline-end: 0 !important;
}
.ovic-blog2.style-01 .ovic-list-grid .post-thumb{
    width: 125px;
    height: 97px;
}
.ovic-blog2.style-01 .ovic-list-grid .post-info{
    flex: 1 1 auto;
    width: 1%;
    height: auto;
    padding: 5px 10px;
}
.ovic-blog2.style-01 .ovic-list-grid .post-meta{
    margin-top: 7px;
}
@media (max-width: 1499px){
    .ovic-blog2.style-01 .blog-special .post-thumb{
        height: 532px;
    }
    .ovic-blog2.style-01 .ovic-list-grid .post-thumb{
        width: 120px;
        height: 93px;
    }
    .ovic-blog2.style-01 .ovic-list-grid .post-info{
        padding: 4px 10px;
    }
    .ovic-blog2.style-01 .ovic-list-grid .post-meta{
        margin-top: 5px;
    }
}
@media (max-width: 991px){
    .ovic-blog2.style-01 .blog-special .post-thumb{
        height: 496px;
    }
    .ovic-blog2.style-01 .ovic-list-grid .post-inner{
        padding: 3px;
    }
    .ovic-blog2.style-01 .ovic-list-grid .post-thumb{
        width: 112px;
        height: 87px;
    }
    .ovic-blog2.style-01 .ovic-list-grid .post-info{
        padding: 3px 8px;
    }
    .ovic-blog2.style-01 .ovic-list-grid .post-meta{
        margin-top: 4px;
    }
}
@media (max-width: 767px){
    .ovic-blog2.style-01 .ovic-list-grid{
        --cols-space: 8px;
        --rows-space: 8px;
        --cols-number: 2;
    }
    .ovic-blog2.style-01 .blog-special .post-thumb{
        height: 300px;
    }
    .ovic-blog2.style-01 .ovic-list-grid .post-thumb{
        width: 106px;
        height: 80px;
    }
    .ovic-blog2.style-01 .ovic-list-grid .post-info{
        padding: 2px 6px;
    }
    .ovic-blog2.style-01 .ovic-list-grid .post-meta{
        margin-top: 2px;
    }
}
@media (max-width: 479px){
    .ovic-blog2.style-01 .ovic-list-grid{
        --cols-number: 1;
    }
}
/* style-02 */
.ovic-blog2.style-02 .ovic-list-grid{
    padding: 6px 15px 12px;
    background-color: #fff;
    --rows-space: 0px;
    --cols-number: 1;
}
.ovic-blog2.style-02 .ovic-list-grid .blog-item{
    border-bottom: 1px solid #D6D6D6;
}
.ovic-blog2.style-02 .ovic-list-grid .post-inner{
    background-color: transparent;
}
.ovic-blog2.style-02 .ovic-list-grid .post-thumb{
    display: none;
}
.ovic-blog2.style-02 .ovic-list-grid .post-info{
    padding: 9px 0;
}
.ovic-blog2.style-02 .ovic-list-grid .post-title{
    line-height: 22px;
}
.ovic-blog2.style-02 .ovic-list-grid .post-meta{
    order: -1;
    line-height: 22px;
    margin: 1px 0 7px;
}
.ovic-blog2.style-02 .ovic-list-grid .post-date:before{
    display: inline-block;
    vertical-align: top;
    font-family: FontAwesome, sans-serif;
    content: "\f073";
    font-size: calc(100% + 2px);
}
@media (max-width: 1499px){
    .ovic-blog2.style-02 .ovic-list-grid{
        padding: 4px 13px 10px;
    }
    .ovic-blog2.style-02 .ovic-list-grid .post-meta{
        line-height: 21px;
        margin: 1px 0 5px;
    }
    .ovic-blog2.style-02 .ovic-list-grid .post-title{
        line-height: 21px;
    }
}
@media (max-width: 1199px){
    .ovic-blog2.style-02 .ovic-list-grid{
        --cols-number: 2;
    }
}
@media (max-width: 991px){
    .ovic-blog2.style-02 .ovic-list-grid{
        padding: 4px 12px 10px;
    }
    .ovic-blog2.style-02 .ovic-list-grid .post-info{
        padding: 8px 0;
    }
}
@media (max-width: 767px){
    .ovic-blog2.style-02 .ovic-list-grid{
        padding: 4px 10px 10px;
    }
}
@media (max-width: 479px){
    .ovic-blog2.style-02 .ovic-list-grid{
        --cols-number: 1;
    }
}
/* style-03 */
.ovic-blog2.style-03 .ovic-list-grid{
    --cols-number: 2;
}
.ovic-blog2.style-04 .ovic-list-grid .post-thumb,
.ovic-blog2.style-03 .ovic-list-grid .post-thumb{
    height: 200px;
}
.ovic-blog2.style-03{
}
@media (max-width: 1499px){
    .ovic-blog2.style-04 .ovic-list-grid .post-thumb,
    .ovic-blog2.style-03 .ovic-list-grid .post-thumb{
        height: 160px;
    }
}
@media (max-width: 991px){
    .ovic-blog2.style-04 .ovic-list-grid .post-thumb,
    .ovic-blog2.style-03 .ovic-list-grid .post-thumb{
        height: 140px;
    }
}
@media (max-width: 479px){
    .ovic-blog2.style-04 .ovic-list-grid .post-thumb,
    .ovic-blog2.style-03 .ovic-list-grid .post-thumb{
        height: 120px;
    }
}
/* style-04 */
.ovic-blog2.style-04 .blog-special{
    width: calc((100% - var(--blog2-gap) * 2) / 3);
}
.ovic-blog2.style-04 .ovic-list-grid .blog-item{
    width: calc((100% - var(--cols-space) * 2) / 3);
}
.ovic-blog2.style-04 .ovic-list-grid .blog-item:nth-child(4n),
.ovic-blog2.style-04 .ovic-list-grid .blog-item:nth-child(4n + 1){
    width: calc((100% - var(--cols-space) * 2) / 3 * 2 + var(--cols-space));
}
.ovic-blog2.style-04 .ovic-list-grid .blog-item:nth-child(4n) .post-thumb,
.ovic-blog2.style-04 .ovic-list-grid .blog-item:nth-child(4n + 1) .post-thumb{
    flex: 1 1 auto;
}
.ovic-blog2.style-04 .ovic-list-grid .blog-item:nth-child(4n) .post-info,
.ovic-blog2.style-04 .ovic-list-grid .blog-item:nth-child(4n + 1) .post-info{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    pointer-events: none;
}
.ovic-blog2.style-04 .ovic-list-grid .blog-item:nth-child(4n) .post-info:before,
.ovic-blog2.style-04 .ovic-list-grid .blog-item:nth-child(4n + 1) .post-info:before{
    position: absolute;
    content: '';
    top: -20%;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .5));
    pointer-events: none;
}
.ovic-blog2.style-04 .ovic-list-grid .blog-item:nth-child(4n) .post-title,
.ovic-blog2.style-04 .ovic-list-grid .blog-item:nth-child(4n + 1) .post-title{
    flex: 0 0 auto;
    height: auto;
    font-weight: var(--heading-fw);
    color: #fff;
    position: relative;
}
.ovic-blog2.style-04 .ovic-list-grid .blog-item:nth-child(4n) .post-meta,
.ovic-blog2.style-04 .ovic-list-grid .blog-item:nth-child(4n + 1) .post-meta{
    display: none;
}
@media (max-width: 991px){
    .ovic-blog2.style-04 .blog-special{
        width: calc(50% - var(--blog2-gap) / 2);
    }
    .ovic-blog2.style-04 .ovic-list-grid .blog-item{
        width: calc(50% - var(--cols-space) / 2);
    }
    .ovic-blog2.style-04 .ovic-list-grid .blog-item:nth-child(4n),
    .ovic-blog2.style-04 .ovic-list-grid .blog-item:nth-child(4n + 1){
        width: 100%;
    }
}
@media (max-width: 991px){
    .ovic-blog2.style-04 .blog-special{
        width: 100%;
    }
}
/*----- SUKIEN ----- */
.blog-item.style-01.type-sukien{
    display: flex;
}
.blog-item.style-01.type-sukien .post-inner{
    background-color: var(--post-bg);
    border-radius: 0;
    display: flex;
    flex-direction: column;
    padding: 0;
    --post-bg: #f5f5f5;
}
.blog-item.style-01.type-sukien .thumb-link img{
    height: 256px;
    object-fit: cover;
}
.blog-item.style-01.type-sukien .thumb-link:after{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .3);
    pointer-events: none;
}
.blog-item.style-01.type-sukien .post-thumb-wrap{
    position: relative;
}
.blog-item.style-01.type-sukien .post-thumb-deco{
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    max-width: calc(100% + 2px);
    fill: var(--post-bg);
    pointer-events: none;
}
.blog-item.style-01.type-sukien .post-thumb-deco > *{
    fill: inherit;
}
.blog-item.style-01.type-sukien .post-info{
    width: 100%;
    flex: 1 1 auto;
    padding: 2px 9px 19px;
    display: flex;
    flex-direction: column;
}
.blog-item.style-01.type-sukien .post-title{
    position: absolute;
    top: 26%;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 19px;
    white-space: normal;
    font-weight: 500;
    padding: 0 10px;
    pointer-events: none;
}
.blog-item.style-01.type-sukien .cat-list{
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
    height: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 20px;
    font-weight: var(--heading-fw);
    color: var(--dark-cl);
}
.blog-item.style-01.type-sukien .cat-list .inner{
    background-color: #FEDBFF;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    min-width: 180px;
}
.blog-item.style-01.type-sukien .post-metas{
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    margin: 15px 0 0;
}
.blog-item.style-01.type-sukien .post-meta{
    flex: 0 0 auto;
    display: flex;
    font-size: 16px;
    line-height: 1;
    color: var(--dark-cl);
}
.blog-item.style-01.type-sukien .post-meta .icon{
    display: inline-block;
    vertical-align: top;
    font-size: calc(100% + 2px);
    margin: -1px 0;
    margin-inline-end: .5em;
    color: var(--dark-cl-2);
}
.blog-item.style-01.type-sukien .post-meta .icon:before{
    font-family: main-icon, sans-serif;
}
.blog-item.style-01.type-sukien .thoi-gian{
    justify-content: center;
}
.blog-item.style-01.type-sukien .dia-diem{
    flex: 1 1 auto;
}
.blog-item.style-01.type-sukien .thanh-phan{
    margin-top: 10px;
}
.blog-item.style-01.type-sukien .thanh-phan .icon{
    margin-inline-end: .3em;
}
@media (max-width: 1499px){
    .blog-item.style-01.type-sukien .thumb-link img{
        height: 216px;
    }
    .blog-item.style-01.type-sukien .post-thumb-deco{
        bottom: -5px;
    }
    .blog-item.style-01.type-sukien .post-info{
        padding: 2px 9px 16px;
    }
    .blog-item.style-01.type-sukien .post-title{
        font-size: 17px;
        line-height: 19px;
        padding: 0 9px;
    }
    .blog-item.style-01.type-sukien .cat-list{
        bottom: 20px;
    }
    .blog-item.style-01.type-sukien .cat-list .inner{
        padding: 9px;
        min-width: 176px;
    }
    .blog-item.style-01.type-sukien .post-metas{
        margin: 12px 0 0;
    }
    .blog-item.style-01.type-sukien .post-meta{
        font-size: 15px;
    }
    .blog-item.style-01.type-sukien .thanh-phan{
        margin-top: 8px;
    }
}
@media (max-width: 991px){
    .blog-item.style-01.type-sukien .thumb-link img{
        height: 186px;
    }
    .blog-item.style-01.type-sukien .post-thumb-deco{
        bottom: -10px;
    }
    .blog-item.style-01.type-sukien .post-info{
        padding: 2px 8px 13px;
    }
    .blog-item.style-01.type-sukien .post-title{
        font-size: 16px;
        line-height: 18px;
        padding: 0 8px;
    }
    .blog-item.style-01.type-sukien .cat-list{
        bottom: 14px;
        font-size: 14px;
        line-height: 18px;
    }
    .blog-item.style-01.type-sukien .cat-list .inner{
        padding: 8px;
        min-width: 166px;
    }
    .blog-item.style-01.type-sukien .post-metas{
        margin: 9px 0 0;
    }
    .blog-item.style-01.type-sukien .thanh-phan{
        margin-top: 6px;
    }
}
@media (max-width: 479px){
    .blog-item.style-01.type-sukien .post-thumb{
        width: 100%;
    }
}
/* single */
.post-type-sukien .post-single > .post-inner .post-meta .icon{
    font-size: calc(100% + 2px);
    margin-top: -1px;
}
.post-type-sukien .post-single > .post-inner .post-meta .icon:before{
    font-family: main-icon, sans-serif;
}
.post-type-sukien .post-single > .post-inner .post-thumb{
    margin-top: 24px;
}
@media (max-width: 1199px){
    .post-type-sukien .post-single > .post-inner .post-thumb{
        margin-top: 20px;
    }
}
@media (max-width: 767px){
    .post-type-sukien .post-single > .post-inner .post-thumb{
        margin-top: 16px;
    }
}
/*----- VIDEO ----- */
.ovic-videotype{
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--videotype-gap);
    --videotype-gap: 20px;
}
.ovic-videotype .blog-special{
    display: flex;
    width: calc(50% - var(--videotype-gap) / 2);
}
.ovic-videotype .ovic-list-grid{
    flex: 1 1 auto;
    width: 1%;
}
.blog-item.style-01.type-videotype .post-inner{
    padding: 0;
    border-radius: 0;
}
@media (max-width: 1199px){
    .ovic-videotype{
        --videotype-gap: 10px;
    }
}
@media (max-width: 991px){
    .ovic-videotype .blog-special{
        width: 100%;
        height: 432px;
        margin-bottom: var(--videotype-gap);
    }
}
@media (max-width: 767px){
    .ovic-videotype .blog-special{
        height: 320px;
    }
}
@media (max-width: 479px){
    .ovic-videotype .blog-special{
        height: 240px;
    }
}
/*----- NGANH DAO TAO ----- */
.ovic-nganh .slick-list{
    overflow: visible;
    /*padding: 0 calc((100% - 900px) / 2);*/
    padding: 0 5%;
}
.ovic-nganh .slick-slide{
    transform-origin: right;
    transition: .5s;
}
.ovic-nganh .slick-active ~ .slick-slide{
    transform-origin: left;
}
.ovic-nganh .slick-slide:not(.slick-active){
    pointer-events: none;
    opacity: .5;
    filter: grayscale(.5);
    transform: scale(.7);
}
.ovic-nganh .item{
    background-color: #fff;
    box-shadow: 0 0 0 1px var(--line-cl) inset;
}
.ovic-nganh .thumb img{
    aspect-ratio: calc(16 / 9);
    object-fit: cover;
}
.ovic-nganh .thumb iframe{
    aspect-ratio: calc(16 / 9);
    height: 100%;
}
.ovic-nganh .desc{
    white-space: pre-wrap;
    margin-bottom: var(--heading-space);
}
.ovic-nganh .desc > *{
    --heading-space: 8px;
    --text-space: 10px;
}
.ovic-nganh .desc > *:last-child{
    margin-bottom: 0;
}
.ovic-nganh .content{
    padding: 25px 30px 30px;
}
.ovic-nganh .name{
    color: var(--main-cl);
    font-size: var(--ovic-fz-24);
}
.ovic-nganh .link{
    color: var(--main-cl);
    font-weight: var(--heading-fw);
}
.ovic-nganh .link:hover{
    color: var(--main-cl-2);
}
@media (max-width: 1499px){
    .ovic-nganh .slick-list{
        /*padding: 0 calc((100% - 800px) / 2);*/
    }
}
@media (max-width: 1199px){
    .ovic-nganh .slick-list{
        /*padding: 0 calc((100% - 600px) / 2);*/
    }
    .ovic-nganh .content{
        padding: 16px 20px 20px;
    }
    .ovic-nganh .desc > *{
        --heading-space: 6px;
        --text-space: 8px;
    }
}
@media (max-width: 767px){
    .ovic-nganh .slick-list{
        /*padding: 0 10%;*/
    }
    .ovic-nganh .slick-slide:not(.slick-active){
        transform: scale(.8);
    }
    .ovic-nganh .content{
        padding: 12px 15px 15px;
    }
    .ovic-nganh .desc{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        line-clamp: 5;
        -webkit-box-orient: vertical;
    }
    .ovic-nganh .desc > *{
        --heading-space: 4px;
        --text-space: 6px;
    }
}
/*----- FORM ----- */
.ovic-form{
    font-size: var(--main-fz-2);
    line-height: var(--main-lh-2);
    text-align: start;
    --input-fz: var(--main-fz-2);
    --input-width: 100%;
    --input-pd: 8px;
    --input-pd-hz: 15px;
    --cols-gap: 30px;
    --rows-gap: 15px;
}
.ovic-form clear{
    display: block;
    width: 100%;
    clear: both;
}
.ovic-tramasv-form,
.ovic-nhaphoc-form{
    margin: 30px 0 0;
}
.tramasv-form,
.nhaphoc-login-form{
    max-width: 500px;
    margin: auto;
}
.tramasv-success{
    text-align: center;
}
.tramasv-success a{
    color: var(--main-cl);
}
.tramasv-success a:hover{
    text-decoration: underline;
}
.ovic-form .form-wrap{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    column-gap: var(--cols-gap);
}
.ovic-form .form-field{
    width: 100%;
    margin-bottom: var(--rows-gap);
}
.ovic-form .form-field > label{
    display: block;
    margin-bottom: 5px;
}
.ovic-form .form-field > label span{
    color: var(--main-cl);
}
.ovic-form .form-subheading,
.ovic-form .form-subheading > label{
    margin: 0;
}
.ovic-form .form-subheading > label:before{
    content: '-';
    margin-inline-end: .2em;
}
.ovic-form .form-field.required label:after{
    display: inline-block;
    vertical-align: top;
    content: '*';
    color: var(--error-msg-bd);
    margin-inline-start: .3em;
}
.ovic-form .form-heading{
    font-size: var(--ovic-fz-18);
    text-transform: uppercase;
    border-bottom: 2px solid var(--main-cl);
}
.ovic-form .form-heading > span{
    display: inline-block;
    vertical-align: top;
    color: var(--main-cl-t);
    background-color: var(--main-cl);
    padding: 10px 20px 8px 20px;
    position: relative;
}
.ovic-form .form-heading > span:after{
    position: absolute;
    content: '';
    top: 0;
    bottom: -1px;
    left: 0;
    right: 0;
    background-color: var(--main-cl);
    transform-origin: left top;
    transform: skew(30deg);
    z-index: -1;
}
.ovic-form .form-heading > span span{
    display: none;
}
/* control */
.ovic-form .form-control-wrap{
    display: block;
    position: relative;
}
.ovic-form .form-control-show-pwd,
.ovic-form .form-control-clear{
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: calc(var(--input-lh) + var(--input-pd) * 2);
    cursor: pointer;
}
.ovic-form .form-control-show-pwd:hover,
.ovic-form .form-control-clear:hover{
    color: var(--main-cl);
}
.ovic-form .form-control-clear:before,
.ovic-form .form-control-clear:after{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 12px;
    height: 2px;
    border: 1px solid;
    border-radius: 2px;
    transform: rotate(45deg);
    margin: auto;
}
.ovic-form .form-control-clear:after{
    transform: rotate(-45deg);
}
.ovic-form .form-password .form-control-clear{
    display: none;
}
.ovic-form .form-control-show-pwd:before{
    font-family: main-icon, sans-serif;
    content: '\e92e';
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.ovic-form .form-control-wrap.show-pwd .form-control-show-pwd:before{
    content: '\e92d';
}
.ovic-form .form-checkbox,
.ovic-form .form-radio{
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
}
.ovic-form .form-checkbox label,
.ovic-form .form-radio label{
    display: inline-block;
    vertical-align: top;
    font-weight: inherit;
    cursor: pointer;
    margin: 0;
}
.ovic-form .form-checkbox label:hover,
.ovic-form .form-radio label:hover{
    color: var(--main-cl);
}
.ovic-form .label-checkbox,
.ovic-form .label-radio{
    cursor: pointer;
}
.ovic-form .label-checkbox:hover,
.ovic-form .label-radio:hover{
    color: var(--main-cl);
}
.ovic-form .form-avatar .input-image{
    /*display: none;*/
}
.ovic-form .form-avatar > .img-thumbnail{
    max-height: 158px;
    margin: 10px 0 0;
}
.ovic-form .form-avatar .form-label-image{
    cursor: pointer;
    margin: 10px 0 0;
    height: 158px;
}
.ovic-form .form-avatar .form-label-image img{
    max-height: 100%;
}
/* message */
.ovic-form .message a{
    color: var(--main-cl);
}
.ovic-form .message a:hover{
    color: var(--main-cl-2);
}
.ovic-form .message-popup{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0;
    z-index: 99999;
}
.ovic-form .message-popup .overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
}
.ovic-form .message-popup .text{
    position: relative;
    width: 400px;
    max-width: 100%;
    background-color: #fff;
    padding: 30px 30px;
    max-height: 100%;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.ovic-form .message-popup .close{
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    font-size: 14px;
    color: var(--dark-cl);
}
.ovic-form .message-popup .close:hover{
    color: var(--main-cl);
}
.ovic-form .message-popup .close:before,
.ovic-form .message-popup .close:after{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 1em;
    height: 0;
    border: 1px solid;
    border-radius: 90px;
    transform: rotate(45deg);
    margin: auto;
}
.ovic-form .message-popup .close:after{
    transform: rotate(-45deg);
}
.ovic-form .form-subtitle{
    font-size: 18px;
    line-height: var(--main-lh);
    max-width: 1140px;
    margin-inline-start: auto;
    margin-inline-end: auto;
}
.ovic-form .form-head a{
    color: var(--main-cl);
}
.ovic-form .form-head a:hover{
    text-decoration: underline;
}
.ovic-form form[data-step="8"] .form-panel:not(.panel-8),
.ovic-form form[data-step="7"] .form-panel:not(.panel-7),
.ovic-form form[data-step="6"] .form-panel:not(.panel-6),
.ovic-form form[data-step="5"] .form-panel:not(.panel-5),
.ovic-form form[data-step="4"] .form-panel:not(.panel-4),
.ovic-form form[data-step="3"] .form-panel:not(.panel-3),
.ovic-form form[data-step="2"] .form-panel:not(.panel-2),
.ovic-form form[data-step="1"] .form-panel:not(.panel-1){
    display: none;
}
/* account */
.ovic-form .form-account{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0 var(--cols-gap);
}
.ovic-form .form-account .form-title{
    flex: 1 1 auto;
    margin: 0;
}
.ovic-form .form-account .info{
    margin: 5px 0;
}
.ovic-form .form-account .info strong{
    font-size: 20px;
}
/* panel */
.ovic-form .form-panel{
    margin-top: 15px;
}
.ovic-form .form-panel.panel-6 .form-wrap{
    align-items: flex-start;
}
.ovic-form .form-confirm{
    border-top: 1px solid var(--line-cl-2);
    padding: 10px 0;
    margin: 15px 0 0;
}
.ovic-form .form-submit{
    display: flex;
    flex-wrap: wrap;
    gap: var(--cols-gap);
}
.ovic-form .form-submit .button{
    flex: 1 1 auto;
    --button-fz: 16px;
    --input-pd: 10px;
    --button-bora: var(--input-bora);
    --button-bg-h: rgba(var(--mc-rgb-r),var(--mc-rgb-g),var(--mc-rgb-b),.8);
}
.ovic-form .form-submit #submit-btn{
    --button-bg: var(--main-cl-2);
    --button-bg-h: rgba(var(--mc-rgb-r-2),var(--mc-rgb-g-2),var(--mc-rgb-b-2),.8);
}
.ovic-form .form-submit .button #countdown{
    display: inline-block;
    vertical-align: top;
    margin-inline-start: 5px;
}
.ovic-form .form-submit .button #countdown.hide{
    display: none;
}
.ovic-form .form-submit .button #countdown:before{
    content: '(';
}
.ovic-form .form-submit .button #countdown:after{
    content: ')';
}
.ovic-form form.loading{
    position: relative;
}
.ovic-form form.loading:after{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,.5);
}
.ovic-form .img-thumbnail{
    padding: 5px;
    border-radius: var(--input-bora);
    border: none;
    box-shadow: var(--input-bsd);
}
.ovic-form .form-remember label{
    font-weight: inherit;
}
.ovic-form .form-remember input[type="checkbox"]{
    margin-top: -3px;
    margin-inline-end: 6px;
}
@media (min-width: 768px){
    .ovic-form .form-field.field-1-2{
        width: calc((100% - var(--cols-gap)) / 2);
    }
    .ovic-form .form-field.field-1-3{
        width: calc((100% - var(--cols-gap) * 2) / 3);
    }
    .ovic-form .form-field.field-2-3{
        width: calc((100% - var(--cols-gap) * 2) / 3 * 2 + var(--cols-gap));
    }
    .ovic-form .form-field.field-1-4{
        width: calc((100% - var(--cols-gap) * 3) / 4);
    }
    .ovic-form .form-field.field-3-4{
        width: calc((100% - var(--cols-gap) * 3) / 4 * 3 + var(--cols-gap) * 2);
    }
    .ovic-form .form-field.field-1-5{
        width: calc((100% - var(--cols-gap) * 4) / 5);
    }
    .ovic-form .form-field.field-2-5{
        width: calc((100% - var(--cols-gap) * 4) / 5 * 2 + var(--cols-gap));
    }
    .ovic-form .form-field.field-3-5{
        width: calc((100% - var(--cols-gap) * 4) / 5 * 3 + var(--cols-gap) * 2);
    }
    .ovic-form .form-field.field-4-5{
        width: calc((100% - var(--cols-gap) * 4) / 5 * 4 + var(--cols-gap) * 3);
    }
    .ovic-form .form-wrap-avatar{
        display: flex;
        column-gap: var(--cols-gap);
    }
    .ovic-form .form-wrap-avatar > .form-wrap{
        flex: 1 1 auto;
        width: 1%;
    }
    .ovic-form .form-submit .button{
        width: 1%;
    }
}
@media (max-width: 767px){
    .ovic-form{
        --input-pd: 6px;
        --input-pd-hz: 12px;
        --cols-gap: 10px;
        --rows-gap: 10px;
    }
    .ovic-tramasv-form,
    .ovic-nhaphoc-form{
        margin: 20px 0 0;
    }
    .ovic-form .form-subtitle{
        font-size: 16px;
    }
    .ovic-form .form-submit .button{
        --button-fz: 15px;
        --input-pd: 8px;
    }
    .ovic-form .form-account .info strong{
        font-size: 18px;
    }
}
/*----- VIDEO ----- */
/*----- VIDEO ----- */
/*----- VIDEO ----- */