:root {
    --zj-venLoP: 32px;
    /* 1 */
    --zj-venUl1: 16px;
    --zj-subTi: 90px;
    --zj-con1_1H: 44px;
    --zj-con1_1p: 60px;
    --zj-con1_2H: 24px;
    --zj-con1_2P: 18px;
    --zj-ab1Sw_2H: 32px;
    --zj-abD2_2LTi: 14px;
    /*  */
    --zj-soSwAbT: 48px;
    --zj-soSwAbBT: 18px;
    --zj-soT1: 45px;
    --zj-so1LT: 20px;
    --zj-so1LA: 16px;
    --zj-so2LNum: 66px;
    --zj-veDeT: 34px;
    --zj-abP: 100px;
}

.chanEn {
    --zj-soT1: 40px;
}

.ctm-9 {
    width: 84% !important;
    margin: auto !important;
}

.ctm-9-rg {
    margin-right: 8% !important;
}

.ctm-9-lf {
    margin-left: 8% !important;
}

.ctm-8 {
    width: 73% !important;
    margin: auto !important;
}

.ctm-8-le {
    margin-left: 13.5% !important;
}

.ctm-8-ri {
    margin-right: 13.5% !important;
}

.ctm-7 {
    width: 77.2% !important;
    margin: auto !important;
}

.ctm-6 {
    width: 62.4% !important;
    margin: auto !important;
}

@media (max-width: 1536px) {
    :root {
        --zj-venUl1: 14px;
        --zj-con1_1p: 40px;
        --zj-con1_2H: 20px;
        --zj-con1_1H: 26px;
        --zj-subTi: 46px;
        --zj-ab1Sw_2H: 24px;
        --zj-con1_2P: 16px !important;

        --zj-venLoP: 22px;
        --zj-soSwAbT: 38px;
        --zj-soT1: 35px;
        --zj-so1LA: 14px;
        --zj-soSwAbBT: 16px;
        --zj-veDeT: 28px;
        --zj-so1LT: 16px;
        --zj-so2LNum: 50px;
        /* --zj-subTi: 44px; */
        --zj-abP: 70px;
    }

    .ctm-7 {
        width: 83.2% !important;
        margin: auto !important;
    }

    .ctm-6 {
        width: 83.2% !important;
        margin: auto !important;
    }
}

@media (max-width: 1199.9px) {
    .ctm-9 {
        width: 92% !important;
        margin: auto !important;
    }

    .ctm-9-rg {
        margin-right: 4% !important;
    }

    .ctm-9-lf {
        margin-left: 4% !important;
    }

    .ctm-7 {
        width: 89.2% !important;
        margin: auto !important;
    }

    .ctm-8 {
        width: 92% !important;
        margin: auto !important;
    }

    .ctm-8-le {
        margin-left: 4% !important;
    }

    .ctm-8-ri {
        margin-right: 4% !important;
    }
}

@media (max-width: 992px) {
    :root {
        --zj-con1_1p: 32px;

        --zj-soSwT: 30px;
        --zj-soSwP1: 16px;
        --zj-ven1: 14px;
        --zj-soTiP: 40px;
        --zj-ft02T: 16px;
        --zj-soSwAbT: 34px;
        --zj-soT1: 30px;
        --zj-soSwAbBT: 14px;
    }
}

@media (max-width: 499px) {
    .ctm-8mi {
        width: 89.2% !important;
        margin: auto !important;
    }

    .ctm-6 {
        width: 89.2% !important;
        margin: auto !important;
    }

    :root {
        --zj-con1_1p: 28px;
        --zj-con1_2H: 16px;
        --zj-con1_1H: 20px;
        --zj-con1_2P: 16px;
        --zj-subTi: 34px;
        --zj-ab1Sw_2H: 22px;

        --zj-venLoP: 16px;
        --zj-venUl1: 14px;
        --zj-soSwAbT: 26px;
        --zj-soT1: 24px;
        --zj-so2LNum: 36px;
        /* --zj-subTi: 30px; */
        --zj-veDeT: 24px;
        --zj-abP: 42px;
    }
}

@font-face {
    font-family: FRIZON;
    src: url("../fonts/fr/FRIZON-2.TTF");
}

@font-face {
    font-family: objectivity-black-3;
    src: url("../fonts/Objectivity/objectivity-black-3.otf");
}

@font-face {
    font-family: objectivity-black-slanted-2;
    src: url("../fonts/Objectivity/objectivity-black-slanted-2.otf");
}

@font-face {
    font-family: objectivity-bold-4;
    src: url("../fonts/Objectivity/objectivity-bold-4.otf");
}

@font-face {
    font-family: objectivity-light-6;
    src: url("../fonts/Objectivity/objectivity-light-6.otf");
}

@font-face {
    font-family: objectivity-light-slanted-5;
    src: url("../fonts/Objectivity/objectivity-light-slanted-5.otf");
}

@font-face {
    font-family: objectivity-medium-8;
    src: url("../fonts/Objectivity/objectivity-medium-8.otf");
}

@font-face {
    font-family: objectivity-medium-slanted-7;
    src: url("../fonts/Objectivity/objectivity-medium-slanted-7.otf");
}

@font-face {
    font-family: objectivity-super-9;
    src: url("../fonts/Objectivity/objectivity-super-9.otf");
}

@font-face {
    font-family: objectivity-thin-10;
    src: url("../fonts/Objectivity/objectivity-thin-10.otf");
}

@keyframes consult {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes zoombig {
    0% {
        transform: scale(1.1, 1.1);
    }

    100% {
        transform: scale(1, 1);
    }
}

@keyframes pao {
    0% {
        transform: translate(200%, -30px) rotate(360deg) scale(.4, .4);
        opacity: 1;
    }

    50% {
        transform: translate(0%, -70px) rotate(360deg) scale(.8, .8);
        opacity: .5;
    }

    100% {
        transform: translate(-200%, -100px) rotate(360deg) scale(1, 1);
        opacity: 0;

    }
}

@keyframes pao2 {
    0% {
        transform: translate(-200%, 0px) rotate(360deg) scale(1, 1);
        opacity: 1;
    }

    50% {
        transform: translate(250%, -50px) rotate(360deg) scale(.8, .8);
        opacity: .5;
    }

    100% {
        transform: translate(100%, -100px) rotate(360deg) scale(.4, .4);
        opacity: 0;

    }
}

@keyframes pao3 {
    0% {
        transform: translate(0%, 0px) rotate(360deg) scale(1, 1);
        opacity: 1;
    }

    50% {
        transform: translate(-250%, -50px) rotate(360deg) scale(.8, .8);
        opacity: .5;
    }

    100% {
        transform: translate(-300%, -100px) rotate(360deg) scale(.4, .4);
        opacity: 0;

    }
}

@keyframes pao4 {
    0% {
        transform: translate(400%, 0px) rotate(360deg) scale(1, 1);
        opacity: 1;
    }

    50% {
        transform: translate(400%, -50px) rotate(360deg) scale(.8, .8);
        opacity: .5;
    }

    100% {
        transform: translate(-100%, -100px) rotate(360deg) scale(.4, .4);
        opacity: 0;

    }
}

@keyframes pao5 {
    0% {
        transform: translate(-400%, 0px) rotate(360deg) scale(.1, .1);
        opacity: 1;
    }

    50% {
        transform: translate(-400%, -50px) rotate(360deg) scale(.6, .6);
        opacity: .5;
    }

    100% {
        transform: translate(0%, -100px) rotate(360deg) scale(1, 1);
        opacity: 0;

    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotation_01 {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes ringscale2 {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(1.5);
        -moz-transform: translate(-50%, -50%) scale(1.5);
        -ms-transform: translate(-50%, -50%) scale(1.5);
        transform: translate(-50%, -50%) scale(1.5);
    }
}

@keyframes shuffle {
    50% {
        transform: translateX(100%)
    }

    50.01% {
        transform: translateX(-100%)
    }
}

@keyframes scalej01 {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
        -webkit-opacity: 1;
    }

    100% {
        transform: scale(1.4);
        -webkit-transform: scale(1.4);
        opacity: 0;
        -webkit-opacity: 0;
    }
}

@-webkit-keyframes scalej01 {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
        -webkit-opacity: 1;
    }

    100% {
        transform: scale(1.4);
        -webkit-transform: scale(1.4);
        opacity: 0;
        -webkit-opacity: 0;
    }
}

@keyframes scalej02 {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
        -webkit-opacity: 1;
    }

    100% {
        transform: scale(1.8);
        -webkit-transform: scale(1.8);
        opacity: 0;
        -webkit-opacity: 0;
    }
}

@-webkit-keyframes scalej02 {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
        -webkit-opacity: 1;
    }

    100% {
        transform: scale(1.8);
        -webkit-transform: scale(1.8);
        opacity: 0;
        -webkit-opacity: 0;
    }
}

@keyframes upico {
    0% {
        top: 0;
        opacity: 1
    }

    35% {
        top: -50%;
        opacity: 0
    }

    65% {
        top: 50%;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }
}

@-webkit-keyframes upico {
    0% {
        top: 0;
        opacity: 1
    }

    35% {
        top: -50%;
        opacity: 0
    }

    65% {
        top: 50%;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }
}

@-webkit-keyframes zoomInBg {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(5.5, 5.5, 5.5);
        transform: scale3d(5.5, 5.5, 5.5);
    }
}

@keyframes zoomInBg {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(5.5, 5.5, 5.5);
        transform: scale3d(5.5, 5.5, 5.5);
    }
}

@keyframes gfsdt {
    from {
        opacity: 0;
        left: 60%;
        top: -100%;
    }

    to {
        opacity: 1;
        left: 0;
        top: 0;
    }
}

@font-face {
    font-family: Mott3;
    src: url("../fonts/Montserrat/Montserrat-Light-6.otf");
}

@font-face {
    font-family: Mott4;
    src: url("../fonts/Montserrat/Montserrat-Regular-8.otf");
}

@font-face {
    font-family: Mott5;
    src: url("../fonts/Montserrat/Montserrat-Medium-7.otf");
}

@font-face {
    font-family: Mott6;
    src: url("../fonts/Montserrat/Montserrat-SemiBold-9.otf");
}