body.body-full-width {
    width: 1920px!important
}

:root {
    --sao-tr: transform 1s,background .3s ,color .3s ,border .3s ,box-shadow .3s ,opacity .3s
}

.sao-builder-warp {
    width: 100%;
    position: relative;
    direction: rtl
}

.sao-builder-warp * {
    box-sizing: border-box
}

.sao-builder-warp ::before,.sao-builder-warp ::after {
    box-sizing: border-box
}

/**
 * section
 */
[class*='sao-sc-w'] {
    max-width: var(--sao-sc-mx-wt,var(--sao-sc-wt));
    display: flex;
    vertical-align: top;
    margin: var(--sao-sc-mg,0px auto);
    padding: var(--sao-sc-pd,0px);
    position: relative;
    background-color: var(--sao-sc-bg-cr);
    background-image: var(--sao-sc-bg-img);
    background-position: var(--sao-sc-bg-pos,center);
    background-repeat: var(--sao-sc-bg-rp,no-repeat);
    background-size: var(--sao-sc-bg-sz,cover);
    background-attachment: var(--sao-sc-bg-ac);
    border-radius: var(--sao-sc-rd);
    border-color: var(--sao-sc-br-cr);
    border-width: var(--sao-sc-br-wt);
    border-style: var(--sao-sc-br-st);
    z-index: auto;
    flex-wrap: wrap;
    box-shadow: var(--sao-sc-sd)
}

.sao-sc-inner {
    position: relative;
    vertical-align: top;
    max-width: var(--sao-sc-wt);
    display: inline-flex;
    flex-flow: wrap;
    margin: 0 auto;
    padding: var(--sao-sc-in-pd,0px);
    width: 100%
}

.sao-sc-gap {
    float: right;
    margin: 0;
    width: 100%;
    position: relative;
    display: inline-flex;
    flex-flow: wrap;
    width: calc(100% + var(--sao-sc-gp,0px));
    margin: calc(var(--sao-sc-gp,0px) / -2)
}

[class*='sao-sc-w']::before,[class*='sao-sc-w']::after {
    position: absolute;
    width: 101%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1
}

[class*='sao-sc-w']::before {
    background-position: center;
    top: var(--sao-tp-fa,-1px)!important;
    height: 150px;
    content: var(--sao-tp-cnt);
    background-image: var(--sao-tp-bg-img);
    transform: var(--sao-tp-tf,scale(1,-1))
}

[class*='sao-sc-w']::after {
    bottom: var(--sao-bm-fa,-1px);
    height: 150px;
    content: var(--sao-bm-cnt);
    background-image: var(--sao-bm-bg-img);
    transform: var(--sao-bm-tf,scale(1,1))
}

.sao-sc-cover {
    border-radius: var(--sao-sc-cv-rd);
    border-color: var(--sao-sc-cv-br-cr);
    border-width: var(--sao-sc--cv-br-wt);
    border-style: var(--sao-sc-cb-br-st);
    box-shadow: var(--sao-sc-sv-sd)
}

.sao-sc-cover .parlx-children {
    background-color: var(--sao-sc-plx-bg-cr);
    background-image: var(--sao-sc-plx-bg-img);
    background-position: var(--sao-sc-plx-bg-pos,center);
    background-repeat: var(--sao-sc-plx-bg-rp,no-repeat);
    background-size: var(--sao-sc-plx-bg-sz,cover);
    background-attachment: var(--sao-sc-plx-bg-ac)
}

.sao-sc-cover,.sao-col-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    right: 0;
    top: 0;
    overflow: hidden;
    z-index: auto
}

[class*='sao-col-w'] {
    float: right;
    text-align: right;
    position: relative;
    width: calc(var(--sao-col-wt,100%) - var(--sao-sc-gp,0px));
    margin: calc(var(--sao-sc-gp,0px)/2);
    padding: var(--sao-col-pd,0px);
    background-color: var(--sao-col-bg-cr);
    background-image: var(--sao-col-bg-img);
    background-position: var(--sao-col-bg-pos,center);
    background-repeat: var(--sao-col-bg-rp,no-repeat);
    background-size: var(--sao-col-bg-sz,auto);
    background-attachment: var(--sao-col-bg-ac);
    border-radius: var(--sao-col-rd);
    border-color: var(--sao-col-br-cr);
    border-width: var(--sao-col-br-wt);
    border-style: var(--sao-col-br-st);
    box-shadow: var(--sao-col-sd)
}

body.body-full-width [class*='sao-col-w'] {
    width: calc(var(--sao-col-wt,100%) - var(--sao-sc-gp,0px))!important
}

.sao-col-cover {
    border-radius: var(--sao-col-cv-rd);
    border-color: var(--sao-col-cv-br-cr);
    border-width: var(--sao-col-cv-br-wt);
    border-style: var(--sao-col-cv-br-st);
    box-shadow: var(--sao-col-cv-sd)
}

.sao-col-cover .parlx-children {
    background-color: var(--sao-col-plx-bg-cr);
    background-image: var(--sao-col-plx-bg-img);
    background-position: var(--sao-col-plx-bg-pos,cover);
    background-repeat: var(--sao-col-plx-bg-rp,no-repeat);
    z-index: 0;
    background-size: var(--sao-col-plx-bg-sz,auto);
    background-attachment: var(--sao-col-plx-bg-ac)
}

.sao-col-inner {
    width: 100%;
    padding: 0
}

.parlx-children {
    position: absolute;
    z-index: -1;
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0
}

[class*='sao-bg-parallax-'] {
    width: 100%!important;
    display: flex!important;
    height: 100%!important;
    position: absolute!important;
    text-align: center;
    align-items: center;
    justify-content: center
}

.sao-bg-parallax-top .parlx-children,.sao-bg-parallax-bottom .parlx-children {
    width: 100%!important;
    top: auto!important;
    bottom: auto!important
}

.sao-bg-parallax-right .parlx-children,.sao-bg-parallax-left .parlx-children {
    right: auto!important;
    left: auto!important;
    height: 100%!important
}

@media (min-width: 1025px) {
    .sao_col_hide {
        display:none!important
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    [class*='sao-sc-w'] {
        margin:var(--sao-sc-tab-mg,var(--sao-sc-mg,0px auto));
        padding: var(--sao-sc-tab-pd,var(--sao-sc-pd,0px))
    }

    [class*='sao-col-w'] {
        width: calc(var(--sao-tab-wt,100%) - var(--sao-sc-gp,0px))
    }

    .sao-sc-inner {
        padding: var(--sao-sc-in-tab-pd,var(--sao-sc-in-pd,0px,0px))
    }

    .sao_tab_hide {
        display: none!important
    }
}

@media (max-width: 767px) {
    [class*='sao-sc-w'] {
        margin:var(--sao-sc-mob-mg,var(--sao-sc-mg,0px auto));
        padding: var(--sao-sc-mob-pd,var(--sao-sc-pd,0px))
    }

    [class*='sao-col-w'] {
        width: calc(var(--sao-mob-wt,100%) - var(--sao-sc-gp,0px))
    }

    .sao-sc-inner {
        padding: var(--sao-sc-in-mob-pd,var(--sao-sc-in-pd,0px))
    }

    .sao_mob_hide {
        display: none!important
    }
}

@media (max-width: 1199px) {
    [class*='sao-col-w'] {
        padding:var(--sao-col-pd,0px)
    }
}

.sao-form-none {
    display: none!important
}

.sao_col_1_1 {
    --sao-col-wt: 100%;
    --sao-flx: 100%
}

.sao_col_1_2 {
    --sao-col-wt: 50%;
    --sao-flx: 50% 50%;
}

.sao_col_1_3 {
    --sao-col-wt: 33.331%;
    --sao-flx: 33.331% 33.331% 33.331%
}

.sao_col_2_3 {
    --sao-col-wt: 66.661%
}

.sao_col_3_4 {
    --sao-col-wt: 75%
}

.sao_col_1_4 {
    --sao-col-wt: 25%;
    --sao-flx: 25% 25% 25% 25%
}

.sao_col_1_5 {
    --sao-col-wt: 20%;
    --sao-flx: 20% 20% 20% 20% 20%
}

.sao_col_2_5 {
    --sao-col-wt: 40%
}

.sao_col_3_5 {
    --sao-col-wt: 60%
}

.sao_col_4_5 {
    --sao-col-wt: 80%
}

.sao_col_1_6 {
    --sao-col-wt: 16.661%;
    --sao-flx: 16.661% 16.661% 16.661% 16.661% 16.661% 16.661%
}

.sao_col_1_7 {
    --sao-col-wt: 14.281%;
    --sao-flx: 14.281% 14.281% 14.281% 14.281% 14.281% 14.281% 14.281%
}

.sao_col_1_8 {
    --sao-col-wt: 12.5%;
    --sao-flx: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%
}

.sao_col_5_6 {
    --sao-col-wt: 83.331%
}

@media (max-width: 1024px) and (min-width: 768px) {
    .sao_tab_1_1 {
        --sao-tab-wt:100%;
        --sao-tab-flx: 100%
    }

    .sao_tab_1_2 {
        --sao-tab-wt: 50%;
        --sao-tab-flx: 50% 50%
    }

    .sao_tab_1_3 {
        --sao-tab-wt: 33.331%;
        --sao-tab-flx: 33.331% 33.331% 33.331%
    }

    .sao_tab_2_3 {
        --sao-tab-wt: 66.661%;
        --sao-tab-flx: 100%
    }

    .sao_tab_3_4 {
        --sao-tab-wt: 75%
    }

    .sao_tab_1_4 {
        --sao-tab-wt: 25%;
        --sao-tab-flx: 25% 25% 25% 25%
    }
}

@media (max-width: 767px) {
    .sao_mob_1_1 {
        --sao-mob-wt:100%;
        --sao-mob-flx: 100%
    }

    .sao_mob_1_2 {
        --sao-mob-wt: 50%;
        --sao-mob-flx: 50% 50%;
        --sao-mob-wt: 50%;
        --sao-mob-flx: 50% 50%
    }

    .sao_mob_1_3 {
        --sao-mob-wt: 33.331%;
        --sao-mob-flx: 33.331% 33.331% 33.331%
    }

    .sao_mob_1_4 {
        --sao-mob-wt: 25%;
        --sao-mob-flx: 25% 25% 25% 25%
    }
}

.sao-aw {
    visibility: hidden!important
}

.sao-200 {
    visibility: visible!important;
    --sao-fn-icn: 45px;
    --sao-fn-lg: 13px;
    --sao-fn-md: 12px;
    --sao-fn-md-li-ht: 2em;
    --sao-mg-tp: 10px;
    --sao-pd: 12px
}

.sao-300 {
    visibility: visible!important;
    --sao-fn-icn: 55px;
    --sao-fn-lg: 16px;
    --sao-fn-md: 13px;
    --sao-fn-md-li-ht: 2em;
    --sao-mg-tp: 12px;
    --sao-pd: 15px
}

.sao-400 {
    visibility: visible!important;
    --sao-fn-icn: 65px;
    --sao-fn-lg: 18px;
    --sao-fn-md: 14px;
    --sao-fn-md-li-ht: 2em;
    --sao-mg-tp: 15px;
    --sao-pd: 20px
}

.sao-600 {
    visibility: visible!important;
    --sao-fn-icn: 75px;
    --sao-fn-lg: 23px;
    --sao-fn-md: 15px;
    --sao-fn-md-li-ht: 2em;
    --sao-mg-tp: 18px;
    --sao-pd: 25px
}

.sao-900 {
    visibility: visible!important;
    --sao-fn-icn: 85px;
    --sao-fn-lg: 28px;
    --sao-fn-md: 17px;
    --sao-fn-md-li-ht: 2.1em;
    --sao-mg-tp: 20px;
    --sao-pd: 30px
}

.sao-1200 {
    visibility: visible!important;
    --sao-fn-icn: 105px;
    --sao-fn-lg: 38px;
    --sao-mg-tp: 25px;
    --sao-fn-md: 19px;
    --sao-fn-md-li-ht: 2.2em;
    --sao-pd: 35px
}

body [class^='sao-el-'],
body [class^='sao-element-'] {
    transition: var(--sao-tr)!important;
    position: relative;
}

@media (max-width: 1024px) and (min-width: 768px) {
    body [class^='sao-el-'] {
        margin:var(--sao-el-tab-pd,var(--sao-el-pd))
    }
}

@media (max-width: 767px) {
    body [class^='sao-el-'] {
        margin:var(--sao-el-mob-pd,var(--sao-el-pd))
    }
}

:root {
    --sao-line: '- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -'
}

body [class^='sao-el-']::before {
    content: var(--sao-line);
    width: 100%;
    float: right;
    position: relative;
    font-size: 18px!important;
    height: 0;
    visibility: hidden
}

body .sao-aw.sao-text .sao-title {
    margin: 0!important
}

.sao-item {
    transition: var(--sao-tr);
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available
}

.sao-details {
    z-index: 1;
    position: relative;
    float: right
}

.sao-title {
    float: right;
    position: relative;
    z-index: 1;
    margin: 0!important;
    width: 100%;
    transition: var(--sao-tr);
    color: var(--sao-tl-cr,var(--sao-lk-cr))!important;
    font-size: var(--sao-tl-fn-sz,var(--sao-fn-lg))!important;
    font-weight: var(--sao-tl-fn-wt,700)!important;
    font-style: var(--sao-ti-fn-st)!important;
    line-height: var(--sao-tl-li-ht,calc(1em + 12px))!important
}

.sao-title a {
    width: 100%;
    transition: var(--sao-tr);
    color: inherit!important;
    font-weight: inherit!important;
    display: inline-block;
    float: right;
    overflow: hidden;
    line-height: inherit!important
}

.sao-title a:hover {
    color: inherit!important
}

.sao-title:hover,[class*='sao-boxed-item']:hover .sao-title,[class*='sao-boxed-multi'] .sao-item:hover .sao-title {
    color: var(--sao-hv-tl-cr,var(--sao-tl-cr,var(--sao-lk-cr)))!important
}

.sao-excerpt {
    margin-top: var(--sao-ex-mg-tp,var(--sao-mg-tp));
    margin-bottom: 0!important;
    position: relative;
    z-index: 1;
    width: 100%;
    float: right;
    transition: var(--sao-tr);
    overflow: hidden;
    color: var(--sao-ex-cr,var(--sao-txt-cr))!important;
    font-size: var(--sao-ex-fn-sz,var(--sao-fn-md));
    font-weight: var(--sao-ex-fn-wt,400);
    font-style: var(--sao-ex-fn-st);
    line-height: var(--sao-ex-li-ht,var(--sao-fn-md-li-ht))
}

.sao-excerpt a {
    color: inherit
}

.sao-excerpt:hover,[class*='sao-boxed-item']:hover .sao-excerpt,[class*='sao-boxed-multi'] .sao-item:hover .sao-excerpt {
    color: var(--sao-hv-ex-cr,var(--sao-ex-cr))!important
}

.sao-title::before,.sao-excerpt::before {
    content: var(--sao-line);
    width: 100%;
    visibility: hidden;
    float: right;
    position: relative;
    font-size: 18px!important;
    height: 0
}

.sao-line {
    width: 100%;
    float: right;
    position: relative;
    z-index: 1;
    padding: .55em 0;
    border-radius: 50px;
    font-size: var(--sao-ex-fn-sz,var(--sao-fn-md));
    margin-top: var(--sao-ex-mg-tp,var(--sao-mg-tp))
}

.sao-line::before {
    border-radius: 50px;
    content: "";
    width: var(--sao-li-wt);
    border-top: var(--sao-li-br)!important;
    float: var(--sao-ag,center);
    margin: auto;
    vertical-align: top;
    display: block
}

@media (max-width: 1199px) {
    .sao-title {
        font-size:var(--sao-fn-lg)!important
    }

    .sao-excerpt,.sao-line {
        margin-top: var(--sao-mg-tp)!important;
        font-size: var(--sao-fn-md)!important;
        line-height: var(--sao-fn-md-li-ht)!important
    }
}

.sao-text {
    display: inline-block;
    text-align: var(--sao-ag,center)
}

.sao-icon-warp {
    display: inline-block;
    text-align: center;
}

.sao-icon {
    vertical-align: top;
    display: table;
    position: relative;
    margin: 0 auto auto;
    z-index: 1;
    transition: var(--sao-tr);
    float: var(--sao-ag);
    border-radius: 50%;
    font-size: var(--sao-icn-sz,var(--sao-fn-icn));
    color: var(--sao-icn-cr,var(--sao-hl)) !important;
    border-radius: var(--sao-icn-rd );
}

.sao-icon:hover, [class*='sao-boxed']:not([class*='-multi']):hover .sao-icon, [class*='sao-boxed-multi'] .sao-item:hover .sao-icon {
    color: var(--sao-hv-icn-cr,var(--sao-icn-cr,var(--sao-hl))) !important;
}

.sao-icon:before {
    transition: var(--sao-tr);
    vertical-align: top;
    text-align: inherit;
    display: block;
    line-height: 1em;
    font-size: 1em;
}

.sao-icon:after {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    z-index: -2;
    top: 0px;
    box-sizing: border-box;
    transition: var(--sao-tr);
    background: var(--sao-icn-bg );
    border: var(--sao-icn-br) ;
    border-radius: var(--sao-icn-rd );
}

.sao-icon i {
    position: absolute;
    width: 100%;
    height: 100%;
    visibility: hidden;
    right: 0;
    opacity: 0;
    top: 0;
    transition: all 300ms ease;
    border-radius: var(--sao-icn-rd );
    transform: var(--sao-icn-tr);
    transform-origin: var(--sao-icn-tr-og);
    z-index: -1;
}

.sao-icon:hover i, [class*='sao-boxed']:not([class*='-multi']):hover .sao-icon i, [class*='sao-boxed-multi'] .sao-item:hover .sao-icon i {
    box-sizing: border-box;
    transition: all 300ms ease;
    transform: scale(1) rotate3d(0,0,0,0deg) rotateX(0deg) translate(0,0) !important;
    visibility: visible;
    opacity: 1;
}

.sao-icon i {
    background: var(--sao-ef-icn-bg,var(--sao-icn-bg));
    border: var(--sao-ef-icn-br,var(--sao-icn-br)) ;
}

.sao-icon:hover::after, [class*='sao-boxed']:not([class*='-multi']):hover .sao-icon:after, [class*='sao-boxed-multi'] .sao-item:hover .sao-icon:after {
    transition: var(--sao-tr);
    background: var(--sao-hv-icn-bg,var(--sao-icn-bg));
    border: var(--sao-hv-icn-br,var(--sao-icn-br)) ;
}

[class*='sao-icon-b'] .sao-icon {
    text-align: center !important;
    overflow: hidden;
    padding: var(--sao-icn-pd,0.45em);
}

body [class*='sao-icon-b'] .sao-icon::before {
    width: 1.3em !important;
    line-height: 1.3em !important;
    height: 1.3em !important;
    font-size: 1em !important;
}

[class*='sao-icon-b'] .sao-icon::after {
    content: "";
}

.sao-icon-bd .sao-icon:after, .sao-icon-bd .sao-icon i {
    transform: rotate(45deg) scale(0.7) !important;
}

.sao-icon-br {
    --sao-icn-rd: 50% !important;
}

body .sao-icon-bh .sao-icon canvas {
    right: 0 !important;
    top: 0 !important;
    width: 100%;
    height: 100%;
    position: absolute;
    transform: rotate(90deg) !important;
    background: none !important;
    z-index: -1;
    overflow: inherit !important;
    border: none !important;
}

@media (max-width: 1199px) {

    [class*='sao-icon-b'] .sao-icon {
        padding: 0.45em !important;
    }

    .sao-icon:not([class*='sao-icon-b'])::before {
        width: auto !important;
    }
}

.sao-icon-one, .sao-icon-one-multi .sao-item {
    display: inline-grid;
    position: relative;
    grid-template-columns: auto auto;
}

[class*='sao-icon-one']::before {
    display: none !important;
}

.sao-icon::before {
    width: 1em;
    text-align: center;
}

[class*='sao-icon-one'][class*='sao-icon-b'] .sao-icon {
    font-size: var(--sao-icn-sz,calc( var(--sao-fn-icn) / 1.75 )) !important;
}

[class*='sao-icon-one'] .sao-details {
    padding-right: var(--sao-dt-pd-rt,var(--sao-pd));
    z-index: 1;
    margin: var(--sao-dt-ver,0 auto auto);
    text-align: var(--sao-ag,right);
}

[class*='sao-icon-one'].sao-icon-left .sao-details {
    padding-right: 0px !important;
    padding-left: var(--sao-dt-pd-rt,var(--sao-pd));
}

[class*='sao-icon-one'].sao-icon-left {
    direction: ltr;
}

[class*='sao-icon-one'].sao-icon-left .sao-bg {
    right: 0px;
    left: auto;
}

[class*='sao-icon-one'] .sao-icon {
    margin: var(--sao-icn-ver,0 auto auto);
}

[class*='sao-icon-one'] .sao-line:before {
    float: var(--sao-ag,right);
}

[class*='sao-icon-one']:is(.sao-boxed-item-2,.sao-boxed-multi-2) .sao-icon {
    text-align: center;
}

@media (max-width: 1199px) {
    [class*='sao-icon-one'] .sao-details {
        padding-right:var(--sao-pd) !important;
    }

    [class*='sao-icon-one'][class*='sao-icon-b'] .sao-icon {
        font-size: calc( var(--sao-fn-icn) /1.75 ) !important;
    }

    [class*='sao-icon-one'].sao-icon-left .sao-details {
        padding-right: 0px !important;
        padding-left: var(--sao-pd) !important;
    }
}

.sao-icon-two, .sao-icon-two-multi .sao-item {
    display: inline-block;
    position: relative;
    text-align: var(--sao-ag,center);
}

[class*='sao-icon-two']:is(.sao-boxed-item-2,.sao-boxed-multi-2) .sao-bg {
    top: auto;
    bottom: 0;
}

[class*='sao-icon-two']:is(.sao-boxed-item-3,.sao-boxed-multi-3,.sao-boxed-item-4,.sao-boxed-multi-4) .sao-bg {
    top: auto;
    bottom: auto;
}

[class*='sao-icon-two'] .sao-title {
    margin-top: var(--sao-dt-mg-tp,var(--sao-pd)) !important;
}

[class*='sao-icon-two'] .sao-btn {
    float: var(--sao-ag,center);
}

@media (max-width: 1199px) {
    [class*='sao-icon-two'] .sao-title {
        margin-top:var(--sao-pd) !important;
    }
}

.sao-icon-three, .sao-icon-three-multi .sao-item {
    display: inline-block;
    position: relative;
    grid-template-columns: auto;
}

[class*='sao-icon-three']::before {
    display: none !important;
}

[class*='sao-icon-three'] .sao-icon-title {
    display: inline-grid;
    grid-template-columns: auto auto;
}

[class*='sao-icon-three'] .sao-icon {
    margin: var(--sao-icn-var,0 auto auto);
}

[class*='sao-icon-three'] .sao-title {
    padding-right: var(--sao-tl-pd-rt,0.75em);
    margin: var(--sao-tl-var,0 auto auto);
}

[class*='sao-icon-three'] .sao-icon {
    font-size: calc(var(--sao-icn-sz,var(--sao-fn-lg)) * 1.7);
}

[class*='sao-icon-three'] .sao-icon[class*='sao-icon-b'] {
    font-size: calc(var(--sao-icn-sz,var(--sao-fn-lg)));
    padding: 0.25em;
}

[class*='sao-icon-three'].sao-icon-left .sao-icon-title {
    direction: ltr;
}

[class*='sao-icon-three'].sao-icon-left .sao-title {
    padding-left: var(--sao-tl-pd-rt,0.75em);
    padding-right: 0em;
}

@media (max-width: 1199px) {
    [class*='sao-icon-three'] .sao-icon {
        font-size: calc( var(--sao-fn-lg) * 1.7) !important;
    }

    [class*='sao-icon-three'] .sao-title {
        padding-right: 0.75em !important;
    }

    [class*='sao-icon-three'].sao-icon-left .sao-title {
        padding-left: 0.75em !important;
    }
}

[class*='sao-list-item'] {
    display: grid;
    margin-bottom: var(--sao-gp,20px);
    position: relative;
    font-size: var(--sao-fn-md);
    grid-template-columns: auto auto;
    text-align: var(--sao-ag,right);
}

li[class*='sao-list-item']:last-child {
    margin-bottom: 0px !important;
}

.sao-text-list .sao-icon {
    margin: auto;
    font-size: var(--sao-icn-sz,1.5em);
}

.sao-text-list .sao-excerpt {
    padding-right: var(--sao-ex-pd-rt,0.75em);
    margin: var(--sao-ex-ver,0 auto auto) !important;
}

.sao-icon-warp {
    height: var(--sao-ex-li-ht,var(--sao-fn-md-li-ht));
    display: grid;
    margin: var(--sao-icn-ver,0 auto auto) !important;
    grid-template-columns: 100%;
}

.sao-text-list[class*='sao-icon-b'] .sao-icon {
    font-size: calc(var(--sao-icn-sz,var(--sao-fn-md)));
    padding: var(--sao-icn-pd,0.5em);
}

.sao-text-list.sao-icon-left [class*='sao-list-item'] {
    direction: ltr;
}

.sao-text-list.sao-icon-left .sao-excerpt {
    padding-left: var(--sao-ex-pd-rt,0.75em);
    padding-right: 0em;
    text-align: left;
}

body [class*='sao-list-item'].sao-not-icon .sao-excerpt {
    padding-right: 0px !important;
}

@media (max-width: 1199px) {
    .sao-text-list .sao-icon {
        font-size:var(--sao-fn-md-li-ht) !important;
    }

    .sao-text-list .sao-excerpt {
        padding-right: 0.75em !important;
    }

    .sao-text-list.sao-icon-left .sao-excerpt {
        padding-left: 0.75em !important;
        padding-right: 0em;
    }

    .sao-text-list[class*='sao-icon-b'] .sao-icon {
        font-size: var(--sao-fn-md) !important;
        padding: 0.5em !important;
    }
}

@font-face {
    font-family: "sao-builder";
    src: url("../fonts/sao-builder.woff2") format("woff");
    font-weight: normal;
    font-style: normal;
}

.sao-image-single {
    text-align: var(--sao-ag,center);
}

.sao-image {
    position: relative;
    z-index: 1;
    display: inline-block;
    text-align: center;
    transition: all 0.3s;
    vertical-align: top;
    max-width: 100%;
    overflow: hidden !important;
    max-height: 100%;
}

.sao-image:hover, .sao-thumbnail:hover {
    transition: all 0.3s;
    overflow: hidden;
    box-shadow: var(--sao-hv-img-sd,var(--sao-img-sd));
    border-width: var(--sao-hv-img-br-wt,var(--sao-img-br-wt)) ;
    border-style: var(--sao-hv-img-br-st,var(--sao-img-br-st)) ;
    border-color: var(--sao-hv-img-br-cr,var(--sao-img-br-cr)) ;
}

.sao-image, .sao-thumbnail {
    vertical-align: top;
    box-shadow: var(--sao-img-sd);
    border-width: var(--sao-img-br-wt) ;
    border-style: var(--sao-img-br-st) ;
    border-color: var(--sao-img-br-cr) ;
    border-radius: var(--sao-img-rd);
}

[class*='sao-crop'] .sao-image, [class^='sao-el-']:not([class*='sao-crop']) .sao-image img {
    width: var(--sao-img-wt) ;
    height: var(--sao-img-ht) ;
    float: right;
    transition: all 0.3s;
    overflow: hidden;
    position: relative;
}

.sao-image-crop {
    position: relative;
    float: right;
    height: 100%;
    width: 100%;
}

.sao-image img {
    max-width: 100%;
    height: auto;
}

[class*='sao-crop'] .sao-image img {
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    width: 100% !important;
    height: 100% !important;
    object-position: -99999px 99999px;
    position: absolute;
    right: 0;
    top: 0;
    background-size: cover;
    background-position: center center;
}

.sao-crop-60 .sao-image-crop, .sao-thumbnail-crop-60 .sao-thumbnail span {
    padding-bottom: 60% ;
    width: 100% !important;
    height: 0px !important;
}

.sao-crop-75 .sao-image-crop, .sao-thumbnail-crop-75 .sao-thumbnail span {
    padding-bottom: 75% ;
    width: 100% !important;
    height: 0px !important;
}

.sao-crop-100 .sao-image-crop, .sao-thumbnail-crop-100 .sao-thumbnail span {
    padding-bottom: 100% ;
    height: 0px !important;
    width: 100% !important;
}

.sao-crop-135 .sao-image-crop, .sao-thumbnail-crop-135 .sao-thumbnail span {
    padding-bottom: 135% ;
    height: 0px !important;
    width: 100% !important;
}

[class^='sao-el-']:not([class*='sao-crop']) figcaption {
    border-radius: var(--sao-img-rd);
}

.sao-image figcaption {
    padding: 20px;
    position: absolute;
    top: 0;
    pointer-events: none;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.3s ;
    background: var(--sao-cap-bg,rgba(0,0,0,0.5));
    color: var(--sao-cap-cr,#ffffff);
    opacity: 0;
}

.sao-image figcaption::after, .sao-image figcaption::before {
    border-color: var(--sao-cap-cr,#ffffff) !important;
    color: var(--sao-cap-cr,#ffffff) !important;
}

.sao-image:hover figcaption {
    transition: all 0.3s;
    opacity: 1;
}

[class*='sao-hover-icon-'] {
    width: 50px;
    height: 50px;
    float: right;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    cursor: pointer;
    left: 50%;
    pointer-events: all;
    transition: font 0.3s;
    transform: translate(-50%, -50%);
}

.sao-hover-icon-play::before {
    content: "\F006";
    font-size: 50px;
    font-family: 'sao-builder';
    transition: font 0.3s;
}

.sao-hover-icon-zoom::before {
    content: "\F005";
    font-size: 50px;
    font-family: "sao-builder";
    transition: font 0.3s;
}

[class*='sao-hover-icon-']:hover::before {
    transition: font 0.3s;
    font-size: 60px !important;
}

.sao-hover-caption {
    font-size: var(--sao-cap-fn-sz,--sao-font-large);
    font-weight: var(--sao-cap-fn-wt,700);
    font-style: var(--sao-cap-fn-st);
    line-height: var(--sao-cap-li-ht,calc(1em + 12px));
    top: 50%;
    transform: translate(00%,-50%);
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: var(--sao-pd,20px);
}

[class^='sao-el-'].sao-image-gallery {
    text-align: var(--sao-ag,center);
}

.sao-image-gallery .sao-flex .sao-image img {
    width: 100%;
}

.sao-image-gallery .sao-image-list .sao-image {
    float: none;
    display: inline-block;
}

.sao-image-one, .sao-image-one-multi .sao-item {
    display: inline-grid;
    position: relative;
    grid-template-columns: var(--sao-img-wt,25%) auto;
}

[class*='sao-image-one'] figure img {
    width: 100% !important;
}

[class*='sao-image-one']::before {
    display: none !important;
}

[class*='sao-image-one'] .sao-details {
    padding-right: var(--sao-dt-pd-rt,var(--sao-pd));
    z-index: 1;
    margin: var(--sao-dt-ver,0 auto auto);
    text-align: var(--sao-ag,right);
}

[class*='sao-image-one'].sao-image-left .sao-details {
    padding-right: 0px !important;
    padding-left: var(--sao-dt-pd-rt,var(--sao-pd));
}

[class*='sao-image-one'].sao-image-left {
    direction: ltr;
}

[class*='sao-image-one'].sao-image-left .sao-bg {
    right: 0px;
    left: auto;
}

[class*='sao-image-one'] .sao-image {
    width: 100%;
    margin: var(--sao-img-ver,0 auto auto);
}

[class*='sao-image-one'] .sao-line:before {
    float: var(--sao-ag,right);
}

[class*='sao-image-one']:is(.sao-boxed-item-2,.sao-boxed-multi-2) .sao-icon {
    text-align: center;
}

@media (max-width: 1199px) {
    [class*='sao-image-one'] .sao-details {
        padding-right:var(--sao-pd) !important;
    }

    [class*='sao-image-one'].sao-image-left .sao-details {
        padding-right: 0px !important;
        padding-left: var(--sao-pd) !important;
    }
}

.sao-image-two, .sao-image-two-multi .sao-item {
    display: inline-block;
    position: relative;
    text-align: var(--sao-ag,center);
}

[class*='sao-image-two']:is(.sao-boxed-item-2,.sao-boxed-multi-2) .sao-bg {
    top: auto;
    bottom: 0;
}

[class*='sao-image-two'] .sao-image {
    float: var(--sao-ag,center);
}

[class*='sao-image-two']:is(.sao-boxed-item-3,.sao-boxed-multi-3,.sao-boxed-item-4,.sao-boxed-multi-4) .sao-bg {
    top: auto;
    bottom: auto;
}

[class*='sao-image-two'] .sao-title {
    margin-top: var(--sao-dt-mg-tp,var(--sao-pd)) !important;
}

[class*='sao-image-two'] .sao-btn {
    float: var(--sao-ag,center);
}

@media (max-width: 1199px) {
    [class*='sao-image-two'] .sao-title {
        margin-top:var(--sao-pd) !important;
    }
}

/**
 * atlas widget video
 */
.atlas-widget-video {
    display: flex;
}

.atlas-widget-video .sao-video-warp {
	
}

.atlas-widget-video .sao-video-container {
    position: relative;
    padding-bottom: 100%;
    height: 0px !important;
    width: 100% !important;
}

.atlas-widget-video video,
.atlas-widget-video iframe {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    background: #000000;
}

/**
 * style accordion
 */
.sao-ac-item {
    width: 100%;
    overflow: hidden;
    margin-bottom: var(--sao-ac-gp,20px);
}

div.sao-ac-item:last-child {
    margin-bottom: 0px;
}

.sao-ac-title {
    float: right;
    width: 100%;
    transition: transform 1s,background .3s ,color .3s ,border .3s ,box-shadow .3s ,opacity .3s;
    overflow: hidden;
    position: relative;
    margin: 0px;
    color: var(--sao-tl-cr,var(--sao-lk-cr));
    font-size: var(--sao-tl-fn-sz,var(--sao-fn-md));
    font-weight: var(--sao-tl-fn-wt,400);
    font-style: var(--sao-tl-fn-st);
    padding: 0.75em 1em 0.75em 4em;
    border: var(--sao-ac-br,none);
    cursor: pointer;
    background: var(--sao-tl-bg);
    color: var(--sao-tl-cr);
    border-radius: var(--sao-ac-rd,0px);
    margin-bottom: 0px;
    line-height: 1.5em;
}

.sao-ac-item.sao-active .sao-ac-title,
.sao-ac-item .sao-ac-title:hover {
    background: var(--sao-tl-atv-bg,var(--sao-tl-bg));
    color: var(--sao-tl-atv-cr,var(--sao-tl-cr,var(--sao-lk-cr)));
    transition: var(--sao-tr);
    font-weight: 700;
}

.sao-ac-title::before {
    content: "\f001";
    font-family: "sao-builder";
    font-style: normal;
    position: absolute;
    font-weight: inherit !important;
    left: 0px;
    float: left;
    border-color: inherit !important;
    font-size: 1.5em;
    left: 0px;
    font-size: 1.5em;
    left: 0px;
    transition: var(--sao-tr);
    padding: 0.5em;
    top: 0em;
    line-height: 1em;
}

.sao-ac-item.sao-active .sao-ac-title::before {
    content: "\f002";
}

.sao-ac-content {
    width: 100%;
    border-style: solid;
    float: right;
    font-size: var(--sao-cn-fn-sz,15px);
    line-height: var(--sao-cn-li-ht,2.2em);
    font-style: var(--sao-cn-fn-st);
    border: var(--sao-ac-br,none);
    background: var(--sao-cn-bg);
    color: var(--sao-cn-cr);
    border-radius: var(--sao-ac-rd,0px);
    transition: var(--sao-tr);
    display: none;
    padding: var(--sao-pd);
}

.sao-ac-item.sao-active .sao-ac-content {
    display: inline-block;
}

.sao-ac-content p:last-child {
    margin-bottom: 0px !important;
}

.sao-ac.sao-icon-right .sao-ac-title {
    padding: 0.75em 3em 0.75em 1em;
}

.sao-ac.sao-icon-right .sao-ac-title::before {
    left: auto;
    right: 0px;
}

.sao-ac-icon-boxed .sao-ac-title {
    padding: 0.75em 1em 0.75em 4em;
}

.sao-ac-icon-boxed .sao-ac-title::before {
    background: var(--sao-icn-bg) ;
    color: var(--sao-icn-cr) ;
    border-right: var(--sao-ac-br) !important;
    transition: var(--sao-tr);
}

.sao-ac-icon-boxed .sao-ac-title:hover::before, .sao-ac-icon-boxed.sao-active .sao-ac-title::before {
    background: var(--sao-icn-atv-bg,var(--sao-icn-bg)) !important;
    color: var(--sao-icn-atv-cr,var(--sao-icn-cr)) !important;
}

.sao-ac-icon-boxed.sao-icon-right .sao-ac-title {
    padding: 0.75em 4em 0.75em 1em;
}

.sao-ac-icon-boxed.sao-icon-right .sao-ac-title::before {
    background: var(--sao-icn-bg) ;
    color: var(--sao-icn-cr) ;
    border-left: var(--sao-ac-br) !important;
    border-right: none !important;
}

.sao-ac:is(.sao-ac-style-3,.sao-ac-style-4) .sao-active .sao-ac-title:before {
    content: "\f022" !important;
}

.sao-ac:is(.sao-ac-style-3,.sao-ac-style-4) .sao-ac-title:before {
    content: "\f019";
}

.sao-ac:is(.sao-ac-style-5,.sao-ac-style-6) .sao-active .sao-ac-title:before {
    content: "\f004" !important;
}

.sao-ac:is(.sao-ac-style-5,.sao-ac-style-6) .sao-ac-title:before {
    content: "\f003";
}

.sao-ac:is(.sao-ac-style-7,.sao-ac-style-8) .sao-active .sao-ac-title:before {
    content: "\f008" !important;
}

.sao-ac:is(.sao-ac-style-7,.sao-ac-style-8) .sao-ac-title:before {
    content: "\f007";
}

.sao-tabs-title-warp {
    float: right;
    width: 100%;
}

.sao-tabs-title {
    float: right;
    padding: .7em 1.4em!important;
    display: inline-block;
    cursor: pointer;
    margin: 0!important;
    line-height: 1em;
    border-radius: var(--sao-tb-rd) !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    font-size: var(--sao-tl-fn-fz,var(--sao-fn-md)) !important;
    font-weight: var(--sao-tl-fn-wt,700);
    border-color: var(--sao-tb-br-cr,rgba(150, 150, 150, 0.2));
    border-width: var(--sao-tb-br-wt,1px) var(--sao-tb-br-wt,1px) 0;
    border-style: var(--sao-tb-br-st,solid);
    background: var(--sao-tl-bg) !important;
    color: var(--sao-tl-cr,--sao-txt-cr) !important;
}

.sao-tabs-title.sao-tabs-active, .sao-tabs-title:hover {
    position: relative;
    background: var(--sao-tl-atv-bg,var(--sao-tl-atv-bg)) !important;
    color: var(--sao-tl-atv-cr,var(--sao-hl-cr)) !important;
}

.sao-tabs-content-warp {
    border-color: var(--sao-tb-br-cr,var(--sao-br-cr));
    border-width: var(--sao-tb-br-wt,1px);
    border-style: var(--sao-tb-br-st,solid);
    float: right;
    width: 100%;
    border-radius: var(--sao-tb-rd);
    border-top-right-radius: 0px !important;
    background: var(--sao-cn-bg) !important;
    color: var(--sao-cn-cr) !important;
    margin-top: calc(var(--sao-tb-br-wt,1px) * -1);
}

.sao-tabs-content-warp .sao-tabs-content {
    width: 100%;
    padding: var(--sao-pd,1em) !important;
    float: right;
    font-size: var(--sao-cn-fn-sz,15px) !important;
    font-weight: var(--sao-cn-fn-wt,400);
    line-height: var(--sao-cn-li-ht,2.2em);
    display: none
}

.sao-tabs-content-warp p:last-child {
    margin-bottom: 0px !important;
}

.sao-tabs-content-active {
    display: inline-block !important;
}

[class*="sao-progress-item-"] {
    float: right;
    margin-top: var(--sao-pg-gp,20px);
    width: 100%;
    position: relative;
}

.sao-progress-item-1 {
    margin-top: 0px !important;
}

.sao-progress-title-warp {
    float: right;
    width: 100%;
    font-size: var(--sao-tl-fn-sz,var(--sao-fn-md)) !important;
    line-height: 1em;
    margin: 0 0 12px !important;
}

.sao-progress-title {
    float: right;
    margin: 0 0 0em !important;
    line-height: inherit;
    color: var(--sao-tl-cr,var(--sao-lk-cr)) !important;
    font-size: var(--sao-tl-fn-sz,var(--sao-fn-md)) !important;
    font-weight: var(--sao-tl-fn-wt,700);
    font-style: var(--sao-tl-fn-st,normal);
}

.sao-progress-percent {
    float: left;
    margin: 0 0 0em !important;
    color: var(--sao-pr-cr,var(--sao-tl-cr,var(--sao-lk-cr))) !important;
    line-height: inherit;
    font-size: var(--sao-pr-fn-sz,var(--sao-fn-md)) !important;
    font-weight: var(--sao-pr-fn-wt,700);
    font-style: var(--sao-pr-fn-st,normal);
}

.sao-bar-warp {
    position: relative;
    width: 100%;
    float: right;
    overflow: hidden;
    background: var(--sao-bar-wp-bg,rgba(0,0,0,0.15));
    border-radius: var(--sao-bar-wp-rd,0px);
    border: var(--sao-bar-wp-br,none);
}

.sao-bar {
    overflow: hidden;
    position: relative;
    width: 0%;
    height: var(--sao-bar-ht,30px);
    float: right;
    background: var(--sao-bar-bg,blue);
    border-radius: var(--sao-bar-rd,0px);
    transition-property: width;
    transition-duration: var(--sao-dr,2000ms) ;
}

[class*="sao-progress-item-"].animated .sao-bar {
    overflow: hidden;
    position: relative;
    width: var(--sao-pr) !important;
    transition-property: width;
    transition-duration: var(--sao-dr,2000ms) ;
}

.sao-bar-candy::before {
    content: "";
    width: 100% ;
    height: 100% ;
    float: right;
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent);
    background-repeat: repeat;
    background-size: 30px 30px;
}

.sao-bar-candy.sao-bar-candy-rtl::before {
    animation: progressStripertl .6s linear infinite;
}

@keyframes progressStripertl {
    to {
        background-position: 30px 0;
    }
}

.sao-progress-bar-style-2 .sao-progress-title-warp, .sao-progress-bar-style-3 .sao-progress-title-warp, .sao-progress-bar-style-4 .sao-progress-title-warp {
    position: absolute;
    line-height: var(--sao-bar-ht,30px);
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
    z-index: 1;
    padding: 0 1em;
}

.sao-progress-bar-style-2 .sao-progress-title, .sao-progress-bar-style-3 .sao-progress-title, .sao-progress-bar-style-4 .sao-progress-title {
    color: var(--sao-tl-cr,#ffffff);
}

.sao-progress-bar-style-4 .sao-progress-title::before {
    content: ":";
    float: left;
}

.sao-progress-bar-style-4 .sao-progress-percent {
    float: right;
    color: var(--sao-pr-cr,#ffffff);
    margin-right: 0.5em;
}

.sao-json {
    display: none;
}

.sao-chart-percent {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    font-size: 1.5em;
    font-style: normal;
    vertical-align: top;
    line-height: 3em;
    display: inline-block;
    font-style: normal;
    vertical-align: top;
    display: inline-block;
    color: var(--sao-pr-cr,var(--sao-lk-cr)) !important;
    font-size: var(--sao-pr-fn-sz,calc(var(--sao-fn-lg) * 1.5)) !important;
    font-weight: var(--sao-pr-fn-wt,400);
}

.sao-chart {
    vertical-align: top;
    width: auto;
    display: inline-block;
    position: relative;
    border-radius: 50%;
    border: var(--sao-cht-br);
    box-shadow: var(--sao-cht-out-sd,0px 0px);
}

.sao-chart::before {
    content: "";
    position: absolute;
    top: 0px;
    width: 100%;
    border-radius: 50%;
    right: 0;
    height: 100%;
    border-width: var(--sao-bar-sz,5px);
    border-style: solid;
    border-color: transparent;
    z-index: 1;
    pointer-events: none;
    box-shadow: var(--sao-cht-ins-sd,0px 0px) inset;
}

.sao-chart canvas {
    background: var(--sao-cht-bg,none);
    transform: rotate(90deg);
    border-radius: 50%;
    vertical-align: top;
}

body .sao-count-number {
    margin-top: var(--sao-dt-mg-tp,var(--sao-pd)) !important;
    line-height: 1em;
    color: var(--sao-num-cr,var(--sao-lk-cr)) !important;
    font-size: var(--sao-num-fn-sz,calc(var(--sao-fn-lg) * 2));
    font-weight: var(--sao-num-fn-wt,400);
}

body .sao-count .sao-line, body .sao-count .sao-title {
    margin-top: var(--sao-tl-mg-tp,var(--sao-mg-tp)) !important;
}

@media (max-width: 1199px) {
    body .sao-count-number {
        margin-top: var(--sao-pd) !important;
        font-size: calc(var(--sao-fn-lg) * 1.5) !important;
    }

    body .sao-count .sao-title, body .sao-count .sao-line {
        margin-top: var(--sao-mg-tp) !important;
    }
}

.sao-text-block p:first-child {
    margin-top: 0px !important;
}

.sao-text-block {
    color: var(--sao-tb-cr,var(--sao-txt-cr)) !important;
    font-size: var(--sao-tb-fn-sz,15px) !important;
    font-weight: var(--tb-td-fn-wt,400) !important;
    font-style: var(--sao-tb-fn-st) !important;
    line-height: var(--sao-tb-li-ht,var(--sao-fb-md-li-ht,2.2em)) !important;
}

.sao-text-block p {
    color: inherit ;
    font-size: inherit ;
    line-height: inherit ;
}

.sao-text-block p:last-child {
    margin-bottom: 0px !important;
}

.sao-text-block strong {
    font-weight: 700;
}

.sao-space {
    float: right;
    width: 100%;
    height: var(--sao-sp-ht) !important;
}

.sao-divider {
    float: right;
}

body .sao-divider::after {
    float: var(--sao-ag,center);
    content: "";
    display: block;
    width: 0px;
    border-radius: 1000px;
    border-top: var(--sao-dv-br) !important;
    width: var(--sao-dv-wt) !important;
    margin: auto;
}

.sao-divider-vertical::after {
    width: 0px;
    float: var(--sao-ag,center);
    content: "";
    border-radius: 1000px;
    border-left: var(--sao-dv-br) !important;
    height: var(--sao-dv-ht) !important;
    display: block;
    margin: auto;
}

body .sao-builder-warp [class^='sao-el-'] .sao-text-block a {
    color: var(--sao-wdg-lk-cr,var(--sao-wdg-txt-cr)) !important;
}

body .sao-builder-warp [class^='sao-el-'] .sao-text-block p, body .sao-builder-warp [class^='sao-el-'] .sao-text-block input, body .sao-builder-warp [class^='sao-el-'] .sao-text-block select, body .sao-builder-warp [class^='sao-el-'] .sao-text-block textarea , body .sao-builder-warp [class^='sao-el-'] .sao-text-block .widget, body .sao-builder-warp [class^='sao-el-'] .sao-text-block * {
    color: var(--sao-wdg-txt-cr) !important;
}

.sao-hover-reduce-opacity img, .sao-hover-remove-opacity img {
    opacity: 0.7;
}

.sao-hover-reduce-opacity figure:hover img, .sao-hover-remove-opacity figure:hover img {
    opacity: 1;
}

.sao-hover-grow img:hover {
    transform: scale(1.1,1.1);
}

.sao-hover-remove-color figure:hover img, .sao-hover-add-color img {
    filter: grayscale(100%);
}

.sao-hover-remove-color img , .sao-hover-add-color figure:hover img {
    filter: grayscale(00%);
}

.sao-hover-remove-blur img:hover, .sao-hover-add-blur img {
    filter: blur(0px);
}

.sao-hover-remove-blur img, .sao-hover-add-blur figure:hover img {
    filter: blur(1px);
}

.sao-hover-shrink img {
    transform: scale(1.1);
}

.sao-hover-shrink figure:hover img {
    transform: scale(1.0);
}

.sao-hover-rotate img {
    transform: rotate(0);
}

.sao-hover-rotate figure:hover img {
    transform: rotate(-7deg) scale(1.2);
}

.sao-hover-remove-brighten figure:hover img, .sao-hover-add-brighten img {
    filter: brightness(100%);
}

.sao-hover-remove-brighten img, .sao-hover-add-brighten figure:hover img {
    filter: brightness(125%);
}

.sao-hover-sidepan img {
    background-position-x: 100% !important;
    background-size: auto 100% !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
    transition: 1.5s linear !important;
}

.sao-hover-sidepan figure:hover img {
    background-position-x: 00% !important;
    transition: 1.5s linear !important;
}

.sao-hover-verticalpan img {
    transition: 1.5s linear !important;
    background-position-y: 00% !important;
    background-size: 100% !important
}

.sao-hover-verticalpan figure:hover img {
    background-position-y: 100% !important;
}

.sao-hover-remove-darkness figure:hover img, .sao-hover-add-darkness img {
    filter: brightness(100%);
}

.sao-hover-remove-darkness img , .sao-hover-add-darkness figure:hover img {
    filter: brightness(60%);
}

.sao-all-btn {
    text-align: var(--sao-ag,center);
}

.sao-all-btn [class*='sao-btn'] {
    margin: 0em calc(var(--sao-btn-gt,0px) / 2) 0;
}

[class*='sao-btn'] {
    overflow: hidden;
    text-decoration: none;
    display: inline-block;
    position: relative;
    vertical-align: top;
    z-index: 1;
    line-height: 1em;
    transition: var(--sao-tr) ;
    color: var(--sao-btn-cr,var(--sao-prm-cr)) !important;
    padding: var( --sao-btn-pd, 1em 2em );
    margin: var(--sao-btn-mg-tp,var(--sao-mg-tp)) auto 0;
    font-size: var(--sao-btn-fn-sz,15px);
    font-weight: var(--sao-btn-fn-wt,500);
    font-style: var(--sao-btn-fn-st);
}

[class*='sao-btn']:hover, [class*='sao-boxed-item']:hover [class*='sao-btn'], [class*='sao-boxed-multi'] .sao-item:hover [class*='sao-btn'] {
    transition: var(--sao-tr);
    color: var(--sao-hv-btn-cr,var(--sao-btn-cr)) !important;
}

[class*='sao-btn']::before {
    font-size: 1em;
    line-height: 0em;
    transition: var(--sao-tr);
    color: var(--sao-btn-icn-cr);
    vertical-align: middle;
    padding: var(--sao-btn-icn-pd);
    margin: var(--sao-btn-icn-mg,0 0 0 0.5em);
    background: var(--sao-btn-bg-sn);
    border-radius: var(--sao-btn-rd);
}

[class*='sao-btn']:hover::before {
    color: var(--sao-hv-btn-icn-cr,var(--sao-hv-icn-cr));
    background: var(--sao-hv-btn-bg-sn,var(--sao-btn-bg-sn));
}

[class*='sao-btn']:after {
    z-index: -1;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    right: 0px;
    transition: var(--sao-tr);
    top: 0px;
    transition: all 0.35s ease-out ;
    box-sizing: border-box;
    background: var(--sao-btn-bg);
    box-shadow: var(--sao-btn-sd);
    border: var(--sao-btn-br);
    border-radius: var(--sao-btn-rd);
}

[class*='sao-btn']:hover:after, [class*='sao-boxed-item']:hover [class*='sao-btn']:after, [class*='sao-boxed-multi'] .sao-item:hover [class*='sao-btn']:after {
    background: var(--sao-hv-btn-bg,var(--sao-btn-bg));
    border: var(--sao-hv-btn-br,var(--sao-btn-br)) ;
}

.sao-all-btn-icon-left [class*='sao-btn'] {
    direction: ltr;
}

.sao-all-btn-icon-left [class*='sao-btn']::before {
    margin: var(--sao-btn-icn-mg,0 0.5em 0 0);
}

@media (max-width: 1199px) {
    [class*='sao-btn'] {
        --sao-btn-fn-sz:13px;
    }

    body [class^='sao-el-']:not(.sao-all-btn) .sao-btn {
        margin-top: var(--sao-mg-tp) !important;
    }
}

@media (max-width: 400px) {
    body .sao-all-btn a[class*='sao-btn-'] {
        margin-bottom:20px !important;
    }
}

.aos-init {
    visibility: hidden !important;
}

.aos-init.aos-animate {
    visibility: visible !important;
}

[data-aos] {
    transition-duration: 1s;
    transition-delay: 0;
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0,100px,0)
}

[data-aos=fade-down] {
    transform: translate3d(0,-100px,0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px,0,0)
}

[data-aos=fade-left] {
    transform: translate3d(100px,0,0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px,100px,0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px,100px,0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px,-100px,0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px,-100px,0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0,100px,0) scale(.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0,-100px,0) scale(.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px,0,0) scale(.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px,0,0) scale(.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0,100px,0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0,-100px,0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px,0,0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px,0,0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0,100%,0)
}

[data-aos=slide-down] {
    transform: translate3d(0,-100%,0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%,0,0)
}

[data-aos=slide-left] {
    transform: translate3d(100%,0,0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}


.sao-lightbox {
    top: 0;
    z-index: 9999999;
    position: fixed;
    background-color: rgba(0, 0, 0, .75);
    margin: 0!important;
    text-align: center;
    width: 100%;
    height: 100%;
    display: none;
    color: #fff
}

.sao-lightbox-middle {
    display: table;
    height: 100%;
    width: 100%;
    vertical-align: middle
}

.sao-lightbox-img {
    margin: auto;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    display: table-cell
}

.sao-lightbox-targetimg {
    max-width: 900px;
    max-height: 500px;
    height: auto;
    display: block;
    margin: auto;
    line-height: 0
}

@media (max-width: 1240px) {
    .sao-lightbox-targetimg {
        max-width: 70%;
        max-height: 70%;
        display: block;
        line-height: 0
    }
}

.sao-lightbox-counter {
    font-size: 30px
}

.sao-lightbox i:hover {
    cursor: pointer;
    color: #2aabd2
}

.sao-lightbox-bottom {
    position: fixed;
    bottom: 20px;
    text-align: center;
    width: 100%;
    z-index: 111111111111;
    right: 0;
    left: 0;
    height: auto
}

.sao-lightbox-nextbig {
    cursor: pointer;
    top: 47.5%;
    top: calc(50% - 25px);
    right: auto;
    z-index: 999999999999;
    position: fixed;
    opacity: .75;
    font-size: 50px;
    left: 2%!important;
    left: 20px!important
}

.sao-lightbox-prevbig {
    cursor: pointer;
    z-index: 999999999999;
    top: 47.5%;
    top: calc(50% - 25px);
    left: auto;
    position: fixed;
    opacity: .75;
    font-size: 50px;
    right: 2%!important;
    right: 20px!important
}

.sao-lightbox-nextbig:hover, .sao-lightbox-prevbig:hover {
    opacity: 1
}

.sao-lightbox-targetimg {
    z-index: 9999999;
    cursor: pointer;
    position: relative
}

.sao-lightbox-close::before {
    font-weight: 400;
    position: absolute;
    top: 20px;
    font-style: normal;
    left: 20px;
    font-size: 50px;
    cursor: pointer;
    content: "\F011";
    font-family: "sao-builder";
}

.sao-lightbox-prevbig::before {
    content: "\F024";
    font-family: "sao-builder";
    font-weight: 400
}

.sao-lightbox-nextbig::before {
    content: "\F023";
    font-family: "sao-builder";
    font-weight: 400
}

.sao-lightbox-loading {
    background: url(../../images/loading.gif) center no-repeat transparent;
    color: #2aabd2;
    z-index: 99999999999;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 48%;
    right: calc(50% - 22px)
}

.sao-lightbox-loading::before {
    margin: 25% 0;
    color: #2aabd2
}

.sao-lightbox-title {
    display: block;
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 1.5em;
    line-height: calc(1em + 8px)
}

.sao-lightbox-outer {
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%
}

.sao-image-gallery .sao-flex .sao-image, .sao-flex .sao-item, .sao-image-list .sao-image {
    margin: calc(var(--sao-gp,0px) / 2);
}

.sao-flex, .sao-image-list, .sao-slider-list-warp {
    width: calc(100% + var(--sao-gp,0px)) !important;
    margin: calc(var(--sao-gp,0px) / -2);
    position: relative;
}

[class*='-multi']:not([class*='sao-boxed-multi-']) .sao-flex .sao-item::before {
    position: absolute;
    content: "";
    width: 100%;
    right: 0px;
    z-index: 1;
    height: 1px;
    border-left: 0px !important;
    border-bottom: 0px !important;
    border-right: 0px !important;
    border-width: var(--sao-gp-br-wt) ;
    border-style: var(--sao-gp-br-st) ;
    border-color: var(--sao-gp-br-cr,var(--sao-br-cr)) ;
    top: calc((var(--sao-gp,0px) / -2) - var(--sao-gp-br-wt));
}

[class*='-multi']:not([class*='sao-boxed-multi-']) .sao-flex .sao-item::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    border-left: 0px !important;
    border-bottom: 0px !important;
    top: 0px;
    z-index: 1;
    border-top: 0px !important;
    border-width: var(--sao-gp-br-wt) ;
    border-style: var(--sao-gp-br-st) ;
    border-color: var(--sao-gp-br-cr,var(--sao-br-cr)) ;
    right: calc((var(--sao-gp,0px) / -2) - (var(--sao-gp-br-wt,0px) * 2));
}

.sao-flex {
    display: grid;
    grid-template-columns: var(--sao-flx);
}

@media (max-width: 1024px) and (min-width: 768px) {
    .sao-flex {
        display:grid;
        grid-template-columns: var(--sao-tab-flx,100%);
    }
}

@media (max-width: 767px) {
    .sao-flex {
        display:grid;
        grid-template-columns: var(--sao-mob-flx,100%);
    }
}

[class*='-multi']:not([class*='sao-boxed-multi']) .sao-flex {
    overflow: hidden;
}

[class*='sao-boxed-item'], [class*='sao-boxed-multi'] .sao-item {
    padding: var(--sao-bx-pd,var(--sao-pd));
}

[class*='sao-boxed-item-1']::after, [class*='sao-boxed-multi-1'] .sao-item::after, .sao-bg {
    content: "";
    transition: var(--sao-tr);
    background-color: var(--sao-bx-bg);
    border-width: var(--sao-bx-br-wt) ;
    border-style: var(--sao-bx-br-st) ;
    border-color: var(--sao-bx-br-cr) ;
    box-shadow: var(--sao-bx-sd) ;
    border-radius: var(--sao-bx-rd) ;
    border-color: var(--sao-bx-br-cr,var(--sao-br-cr));
}

[class*='sao-boxed-item-1']:hover::after, [class*='sao-boxed-multi-1'] .sao-item:hover::after, [class*='sao-boxed-item']:hover .sao-bg, [class*='sao-boxed-multi'] .sao-item:hover .sao-bg {
    transition: var(--sao-tr);
    background-color: var(--sao-hv-bx-bg,var(--sao-bx-bg));
    border-width: var(--sao-hv-bx-br-wt,var(--sao-bx-br-wt)) ;
    border-style: var(--sao-hv-bx-br-st,var(--sao-bx-br-st)) ;
    border-color: var(--sao-hv-bx-br-cr,var(--sao-bx-br-cr,var(--sao-br-cr))) ;
    box-shadow: var(--sao-hv-bx-sd,var(--sao-bx-sd)) ;
}

[class*='sao-boxed-item-1']::after, [class*='sao-boxed-multi-1'] .sao-item::after, .sao-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    box-sizing: border-box;
    transition: var(--sao-tr);
    z-index: 0;
}

@media (max-width: 1199px) {
    [class*='sao-boxed-item'], [class*='sao-boxed-multi'] .sao-item {
        padding:var(--sao-pd) !important;
    }
}