:root {
    --cl1: #ffffff;
    --cl2: #000000;
    --cl3: #4361EE;
    --cl4: #FDAC16;
    --cl5: #f5f5f5;
    --cl6: #e4e4e4;
    --cl7: #a1a1a1;
    --cl8: #868196;
    --cl9: #da3125;
    --cl10: #ffffff;
    --cl1-light: #ffffff50;
    }
    .hover-cl1:hover,.cl1{color:#ffffff}.bg1,.hover-bg1:hover{background-color:#ffffff}
    .hover-cl2:hover,.cl2{color:#000000}.bg2,.hover-bg2:hover{background-color:#000000}
    .hover-cl3:hover,.cl3{color:#4361EE}.bg3,.hover-bg3:hover{background-color:#4361EE}
    .hover-cl4:hover,.cl4{color:#FDAC16}.bg4,.hover-bg4:hover{background-color:#FDAC16}
    .hover-cl5:hover,.cl5{color:#f5f5f5}.bg5,.hover-bg5:hover{background-color:#f5f5f5}
    .hover-cl6:hover,.cl6{color:#e4e4e4}.bg6,.hover-bg6:hover{background-color:#e4e4e4}
    .hover-cl7:hover,.cl7{color:#a1a1a1}.bg7,.hover-bg7:hover{background-color:#a1a1a1}
    .hover-cl8:hover,.cl8{color:#868196}.bg8,.hover-bg8:hover{background-color:#868196}
    .hover-cl9:hover,.cl9{color:#da3125}.bg9,.hover-bg9:hover{background-color:#da3125}
    .hover-cl10:hover,.cl10{color:#ffffff}.bg10,.hover-bg10:hover{background-color:#ffffff}

    .bgt,hover-bgt:hover{background-color:transparent}

    .brc1solid{border-width: 1px;border-style: solid;}

    .hover-brc1:hover,.brc1{border-color:#ffffff}
    .hover-brc2:hover,.brc2{border-color:#000000}
    .hover-brc3:hover,.brc3{border-color:#4361EE}
    .hover-brc4:hover,.brc4{border-color:#FDAC16}
    .hover-brc5:hover,.brc5{border-color:#f5f5f5}
    .hover-brc6:hover,.brc6{border-color:#e4e4e4}
    .hover-brc7:hover,.brc7{border-color:#a1a1a1}
    .hover-brc8:hover,.brc8{border-color:#868196}
    .hover-brc9:hover,.brc9{border-color:#da3125}
    .hover-brc10:hover,.brc10{border-color:#ffffff}

    .flex{display:flex;justify-content: space-between}
    .flex-end{display:flex;justify-content: flex-end}
    .flex-start{display:flex;justify-content: flex-start}
    .flex-reverse{flex-direction: row-reverse}

    .flex-col{flex-direction: column}

    .ps-r{position: relative}

    .grid1{display:grid;grid-template-columns: repeat(1, calc( 100% ) [col-start]);grid-row-gap: 20px}
    .grid2{display:grid;grid-template-columns: repeat(2, calc( 50% - 10px ) [col-start]);grid-gap:20px}
    .grid3{display:grid;grid-template-columns: repeat(3, calc( calc(100% / 3) - 15px )[col-start]);grid-gap:20px}
    .grid4{display:grid;grid-template-columns: repeat(4, calc( 25% - 15px ) [col-start]);grid-gap:20px}
    .grid5{display:grid;grid-template-columns: repeat(5, calc( 20% - 15px ) [col-start]);grid-gap:20px}
    .grid6{display:grid;grid-template-columns: repeat(6, calc( calc(100% / 6) - 15px ) [col-start]);grid-gap:20px}

    .fz07{font-size: .7em}
    .fz09{font-size: .9em}
    .fz11{font-size: 1.1em}
    .fz13{font-size: 1.3em}
    .fz15{font-size: 1.5em}
    .fz18{font-size: 1.8em}
    .fz2{font-size: 2em}
    .fz25{font-size: 2.5em}
    .fz3{font-size: 3em}
    .fz4{font-size: 4em}
    .fz5{font-size: 5em}

    .textUp{text-transform: uppercase}
    .textLine{text-decoration: line-through;}

    .fw3{font-weight: 300}
    .fw4{font-weight: 400}
    .fw5{font-weight: 500}
    .fw6{font-weight: 600}

    .p0{padding: 0}
    .p3{padding: 3px}
    .p5{padding: 5px}
    .p10{padding: 10px}
    .p20{padding: 20px}
    .p30{padding: 30px}
    .p40{padding: 40px}
    .p50{padding: 50px}
    .p60{padding: 60px}
    .p70{padding: 70px}
    .p80{padding: 80px}

    .pt0{padding-top: 0}
    .pt10{padding-top: 10px}
    .pt5{padding-top: 5px}
    .pt20{padding-top: 20px}
    .pt30{padding-top: 30px}
    .pt40{padding-top: 40px}
    .pt50{padding-top: 50px}
    .pt60{padding-top: 60px}
    .pt70{padding-top: 70px}
    .pt80{padding-top: 80px}
    .pt90{padding-top: 90px}
    .pt100{padding-top: 100px}

    .pb10{padding-bottom: 10px}
    .pb5{padding-bottom: 5px}
    .pb20{padding-bottom: 20px}
    .pb30{padding-bottom: 30px}
    .pb40{padding-bottom: 40px}
    .pb50{padding-bottom: 50px}
    .pb60{padding-bottom: 60px}
    .pb70{padding-bottom: 70px}
    .pb80{padding-bottom: 80px}
    .pb90{padding-bottom: 90px}
    .pb100{padding-bottom: 100px}
    .pb200{padding-bottom: 200px}

    .pl0{padding-left: 0}
    .pl10{padding-left: 10px}
    .pl20{padding-left: 20px}
    .pl30{padding-left: 30px}
    .pl40{padding-left: 40px}
    .pl50{padding-left: 50px}
    .pl60{padding-left: 60px}
    .pl70{padding-left: 70px}
    .pl80{padding-left: 80px}
    .pl90{padding-left: 90px}
    .pl100{padding-left: 100px}
    .pl200{padding-left: 200px}

    .pr0{padding-right: 0}
    .pr10{padding-right: 10px}
    .pr20{padding-right: 20px}
    .pr30{padding-right: 30px}
    .pr40{padding-right: 40px}
    .pr50{padding-right: 50px}
    .pr60{padding-right: 60px}
    .pr70{padding-right: 70px}
    .pr80{padding-right: 80px}
    .pr90{padding-right: 90px}
    .pr100{padding-right: 100px}
    .pr200{padding-right: 200px}

    .m5{margin: 5px}

    .mb0{margin-bottom: 0!important}
    .mb3{margin-bottom: 3px}
    .mb5{margin-bottom: 5px}
    .mb10{margin-bottom: 10px}
    .mb20{margin-bottom: 20px}
    .mb30{margin-bottom: 30px}
    .mb40{margin-bottom: 40px}
    .mb50{margin-bottom: 50px}
    .mb60{margin-bottom: 60px}
    .mb70{margin-bottom: 70px}
    .mb80{margin-bottom: 80px}

    .mt0{margin-top: 0!important}
    .mt3{margin-top: 3px}
    .mt5{margin-top: 5px}
    .mt10{margin-top: 10px}
    .mt20{margin-top: 20px}
    .mt30{margin-top: 30px}
    .mt40{margin-top: 40px}
    .mt50{margin-top: 50px}
    .mt60{margin-top: 60px}
    .mt70{margin-top: 70px}
    .mt80{margin-top: 80px}

    .ml5{margin-left: 5px}
    .ml8{margin-left: 8px}
    .ml10{margin-left: 10px}
    .ml20{margin-left: 20px}
    .ml30{margin-left: 30px}
    .ml40{margin-left: 40px}
    .ml50{margin-left: 50px}
    .ml60{margin-left: 60px}
    .ml70{margin-left: 70px}


    .mr5{margin-right: 5px}
    .mr8{margin-right: 8px}
    .mr10{margin-right: 10px}
    .mr20{margin-right: 20px}
    .mr30{margin-right: 30px}
    .mr40{margin-right: 40px}
    .mr50{margin-right: 50px}

    .m0a{margin:0 auto}

    .ta-center{text-align: center}
    .ta-end{text-align: end}
    .ta-start{text-align: start}

    .ai-start{align-items: start}
    .ai-center{align-items: center}
    .ac-center{align-content: center}

    .jc-start{justify-content:flex-start}
    .jc-end{justify-content:flex-end}
    .jc-between{justify-content:space-between}
    .jc-around{justify-content:space-around}
    .jc-center{justify-content:center}

    .d-block{display:block}
    .d-in-block{display:inline-block}

    .col-1{width:10%}
    .col-2{width:20%}
    .col-22{width:22%}
    .col-25{width:25%}
    .col-28{width:28%}
    .col-3{width:30%}
    .col-32{width:32%}
    .col-38{width:38%}
    .col-48{width: 48%}
    .col-4{width:40%}
    .col-45{width:45%}
    .col-5{width:50%}
    .col-55{width:55%}
    .col-58{width:58%}
    .col-59{width:59%}
    .col-6{width:60%}
    .col-68{width:68%}
    .col-7{width:70%}
    .col-78{width:78%}
    .col-8{width:80%}
    .col-9{width:90%}
    .col-95{width:95%}
    .col-10{width:100%}

    @media (max-width : 960px) {

    header, footer, .c, .col-1, .col-25, .col-2, .col-3, .col-38 , .col-4, .col-48, .col-45, .col-5,.col-58 ,.col-55 , .col-6, .col-7, .col-78, .col-8, .col-9, .col-10{width: 100%;display: block}

    .grid4{grid-template-columns: repeat(2, calc( 50% - 15px ) [col-start])}
    .grid5,.grid6{grid-template-columns: repeat(3, calc( calc(100% / 3) - 15px )[col-start])}
    header nav ul ul{border-bottom: 1px solid #FDAC16; border-top: 1px solid #FDAC16}
    header nav ul ul a{color:#000000!important}

    }

    @media (max-width : 620px) {

    .grid2,.grid3,.grid4,.grid5,.grid6{grid-template-columns: repeat(1, calc( 100% ) [col-start]);text-align:center}

    }


    /* ---------- Custom Style -------------*/
    header nav li a:hover{color: #4361EE}
    header nav ul ul{background-color:#4361EE}
    header nav ul ul a{color:#ffffff}
    header nav ul ul a:hover{color:#FDAC16}
    .head form input[type=search]::placeholder {color: #000000;opacity: 1}
    .head form input[type=search]:-ms-input-placeholder {color: #000000}
    .head form input[type=search]::-ms-input-placeholder {color: #000000}

    .tabs .on{background-color: #e4e4e4;color:#000000}

    .gla_captcha span{background-color:#ffffff;color:#a1a1a1; border: 1px solid #f5f5f5}

    /* ------- Scroll Anim ---------- */

    .reveal-loaded .fade{
    opacity: 0;
    transform: translateY(50px);
    transition: .8s ease;
    }

    .reveal-loaded .fade.anim_left{
    transform: translateX(50px);
    }

    .reveal-loaded .fade.anim_circle{
    transform: scale(0.1);
    }

    .reveal-loaded .fade_in{
    opacity: 1;
    transform: translateY(0)
    }

    .reveal-loaded .anim_left.fade_in{
    transform: translateX(0);
    }

    .reveal-loaded .anim_circle.fade_in{
    transform: scale(1);
    }