/* Template Colors:

NetWave Colors:
        White:      #ffffff  RGB(255, 255, 255, 1.0)    C 0 M 0 Y 0 K 0
        Black:      #000000  RGB(0, 0, 0, 1.0)          C 0 M 0 Y 0 K 100
        Red:        #FF0000  RGB(255, 0, 0, 1.0)        C 0 M 100 Y 100 K 0
        Navy Blue:  #00007A  RGB(0, 0, 119, 1.0)        C 100 M 99 Y 15 K 45
        Light Blue: #4AD4FF  RGB(74, 212, 255, 1.0)     C 71 M 17 Y 0 K 0
*/

/* --- Color Palette --- */
:root {
    --colorG1: #FFFFFF;
    --colorG2: #231F20;
    --colorG3: #ED1C24;
    --colorG4: #181254;
    --colorG5: #25A7DF;
    --colorG6: #000000;
    --colorG7: #FFFFFF;
    --colorG8: #FFFFFF;
    --colorG9: #FFFFFF;
    --colorG10: #FFFFFF;
    --colorG11: #FFFFFF;
    --colorG12: #FFFFFF;
    
    --lightG: #FFFFFF;
    --midLightG: #C3C2C3;
    --midG: #7D7B7B;
    --midDarkG: #413E3E;
    --darkG: #090102;
    
    --boxcustomG1: RGB(024, 018, 084, 0.9);
    --boxcustomG2: RGB(035, 031, 032, 0.9);
    
    --boxshadow1G: RGB(065, 062, 062, 1.0);
    --boxshadow2G: RGB(065, 062, 062, 1.0);
    
    --fontG1: Arial, Helvetica, sans-serif;
    --fontG2: Arial, Helvetica, sans-serif;
    --fontG3: Arial, Helvetica, sans-serif;
    --fontG4: Arial, Helvetica, sans-serif;
}




.s-clr{
    text-decoration: none;
    border: none;
    outline-color: none;
}
.b-clr{
    background-color: rgb(255,255,255,0.0);
}

/* --- Box Shadow --- */
.s-Gs1{
    box-shadow: 0px 0px 30px var(--boxshadowG1);
}
.s-Gs2{
    box-shadow: 0px 0px 30px var(--boxshadowG2);
}









.b-Gb1{
    background-color: var(--boxcustomG1);
}
.b-Gb2{
    background-color: var(--boxcustomG2);
}


/* --- Color Palette Deployment --- */
.c-Gc1{
    color: var(--colorG1);
}
.c-Gc2{
    color: var(--colorG2);
}
.c-Gc3{
    color: var(--colorG3);
}
.c-Gc4{
    color: var(--colorG4);
}
.c-Gc5{
    color: var(--colorG5);
}
.c-Gc6{
    color: var(--colorG6);
}
.c-Gc7{
    color: var(--colorG7);
}
.c-Gc8{
    color: var(--colorG8);
}
.c-Gc9{
    color: var(--colorG9);
}
.c-Gc10{
    color: var(--colorG10);
}
.c-Gc11{
    color: var(--colorG11);
}
.c-Gc12{
    color: var(--colorG12);
}
.c-Gl{
    color: var(--lightG);
}
.c-Gml{
    color: var(--midLightG);
}
.c-Gm{
    color: var(--midG);
}
.c-Gmd{
    color: var(--midDarkG);
}
.c-Gd{
    color: var(--darkG);
}

/* --- Background Color Palette Deployment --- */
.b-Gc1{
    background-color: var(--colorG1);
}
.b-Gc2{
    background-color: var(--colorG2);
}
.b-Gc3{
    background-color: var(--colorG3);
}
.b-Gc4{
    background-color: var(--colorG4);
}
.b-Gc5{
    background-color: var(--colorG5);
}
.b-Gc6{
    background-color: var(--colorG6);
}
.b-Gc7{
    background-color: var(--colorG7);
}
.b-Gc8{
    background-color: var(--colorG8);
}
.b-Gc9{
    background-color: var(--colorG9);
}
.b-Gc10{
    background-color: var(--colorG10);
}
.b-Gc11{
    background-color: var(--colorG11);
}
.b-Gc12{
    background-color: var(--colorG12);
}
.b-Gl{
    background-color: var(--lightG);
}
.b-Gml{
    background-color: var(--midLightG);
}
.b-Gm{
    background-color: var(--midG);
}
.b-Gmd{
    background-color: var(--midDarkG);
}
.b-Gd{
    background-color: var(--darkG);
}

/* --- Hover Color Palette Deployment --- */
.h-Gc1:hover{
    color: var(--colorG1);
}
.h-Gc2:hover{
    color: var(--colorG2);
}
.h-Gc3:hover{
    color: var(--colorG3);
}
.h-Gc4:hover{
    color: var(--colorG4);
}
.h-Gc5:hover{
    color: var(--colorG5);
}
.h-Gc6:hover{
    color: var(--colorG6);
}
.h-Gc7:hover{
    color: var(--colorG7);
}
.h-Gc8:hover{
    color: var(--colorG8);
}
.h-Gc9:hover{
    color: var(--colorG9);
}
.h-Gc10:hover{
    color: var(--colorG10);
}
.h-Gc11:hover{
    color: var(--colorG11);
}
.h-Gc12:hover{
    color: var(--colorG12);
}
.h-Gl:hover{
    color: var(--lightG);
}
.h-Gml:hover{
    color: var(--midLightG);
}
.h-Gm:hover{
    color: var(--midG);
}
.h-Gmd:hover{
    color: var(--midDarkG);
}
.h-Gd:hover{
    color: var(--darkG);
}
.hb-Gc1:hover{
    background-color: var(--colorG1);
}
.hb-Gc2:hover{
    background-color: var(--colorG2);
}
.hb-Gc3:hover{
    background-color: var(--colorG3);
}
.hb-Gc4:hover{
    background-color: var(--colorG4);
}
.hb-Gc5:hover{
    background-color: var(--colorG5);
}
.hb-Gc6:hover{
    background-color: var(--colorG6);
}
.hb-Gc7:hover{
    background-color: var(--colorG7);
}
.hb-Gc8:hover{
    background-color: var(--colorG8);
}
.hb-Gc9:hover{
    background-color: var(--colorG9);
}
.hb-Gc10:hover{
    background-color: var(--colorG10);
}
.hb-Gc11:hover{
    background-color: var(--colorG11);
}
.hb-Gc12:hover{
    background-color: var(--colorG12);
}
.hb-Gl:hover{
    background-color: var(--lightG);
}
.hb-Gml:hover{
    background-color: var(--midLightG);
}
.hb-Gm:hover{
    background-color: var(--midG);
}
.hb-Gmd:hover{
    background-color: var(--midDarkG);
}
.hb-Gd:hover{
    background-color: var(--darkG);
}

/* --- List --- */
ul{
    list-style-type: none;
}
li{
    padding-top: 1%;
    padding-bottom: 1%;
}

/*Vertical Line - Horizonal Line */
.vl{
    border-left: 1px solid;  
}
.vr{
    border-right: 1px solid;  
}
.ht{
    border-top: 1px solid;  
}
.hb{
    border-bottom: 1px solid;  
}

/* --- Border --- */
.br-n{
    border: none;
}
.br-w0{
    border-width: 1px;
}
.br-w1{
    border-width: 2.5px;
}
.br-w2{
    border-width: 5px;
}
.br-w3{
    border-width: 10px;
}
/* --- Border Radius --- */
.br-r0{
    border-radius: 1px;
}
.br-r1{
    border-radius: 5px;
}
.br-r2{
    border-radius: 10px;
}
.br-r3{
    border-radius: 20px;
}
/* --- Border Color Palette --- */
.br-Gc1{
    border-color: var(--colorG1);
}
.br-Gc2{
    border-color: var(--colorG2);
}
.br-Gc3{
    border-color: var(--colorG3);
}
.br-Gc4{
    border-color: var(--colorG4);
}
.br-Gc5{
    border-color: var(--colorG5);
}
.br-Gc6{
    border-color: var(--colorG6);
}
.br-Gc7{
    border-color: var(--colorG7);
}
.br-Gc8{
    border-color: var(--colorG8);
}
.br-Gc9{
    border-color: var(--colorG9);
}
.br-Gc10{
    border-color: var(--colorG10);
}
.br-Gc11{
    border-color: var(--colorG11);
}
.br-Gc12{
    border-color: var(--colorG12);
}
.br-Gl{
    border-color: var(--lightG);
}
.br-Gml{
    border-color: var(--midLightG);
}
.br-Gm{
    border-color: var(--midG);
}
.br-Gmd{
    border-color: var(--midDarkG);
}
.br-Gd{
    border-color: var(--darkG);
}

/* --- Font-Family --- */
.f-G1{
    font-family: var(--fontG1);
}
.f-G2{
    font-family: var(--fontG2);
}
.f-G3{
    font-family: var(--fontG3);
}
.f-G4{
    font-family: var(--fontG4);
}
/* --- Font-Style --- */
.f-p{
    font-style: inherit;
}
.f-i{
    font-style: italic;
}
.f-n{
    font-style: normal;
}
.f-b{
    font-weight: bold;
}
/* --- Font-Size --- */
.fs-1{
    font-size: 1%;
}
.fs-10{
    font-size: 10%;
}
.fs-25{
    font-size: 25%;
}
.fs-50{
    font-size: 50%;
}
.fs-75{
    font-size: 75%;
}
.fs-100{
    font-size: 100%;
}
.fs-125{
    font-size: 125%;
}
.fs-150{
    font-size: 150%;
}
.fs-175{
    font-size: 175%;
}
.fs-200{
    font-size: 200%;
}
.fs-225{
    font-size: 225%;
}
.fs-250{
    font-size: 250%;
}
.fs-275{
    font-size: 275%;
}
.fs-300{
    font-size: 300%;
}
.fs-325{
    font-size: 325%;
}
.fs-350{
    font-size: 350%;
}
.fs-375{
    font-size: 375%;
}
.fs-400{
    font-size: 400%;
}
.fs-425{
    font-size: 425%;
}
.fs-450{
    font-size: 450%;
}
.fs-475{
    font-size: 475%;
}
.fs-500{
    font-size: 500%;
}




@media only screen and (max-width:700px){
    
/* --- Font-Size --- */
.fs-1{
    font-size: 10%;
}
.fs-10{
    font-size: 30%;
}
.fs-25{
    font-size: 50%;
}
.fs-50{
    font-size: 70%;
}
.fs-75{
    font-size: 90%;
}
.fs-100{
    font-size: 110%;
}
.fs-125{
    font-size: 130%;
}
.fs-150{
    font-size: 150%;
}
.fs-175{
    font-size: 170%;
}
.fs-200{
    font-size: 190%;
}
.fs-225{
    font-size: 210%;
}
.fs-250{
    font-size: 230%;
}
.fs-275{
    font-size: 250%;
}
.fs-300{
    font-size: 270%;
}
.fs-325{
    font-size: 290%;
}
.fs-350{
    font-size: 310%;
}
.fs-375{
    font-size: 330%;
}
.fs-400{
    font-size: 350%;
}
.fs-425{
    font-size: 370%;
}
.fs-450{
    font-size: 390%;
}
.fs-475{
    font-size: 410%;
}
.fs-500{
    font-size: 430%;
}    
    
    
}