@font-face {
    font-family: roboto;
    src: url(font/Roboto.ttf);
    /* */
}

@font-face {
    font-family: personn;
    src: url(font/Personn.ttf);
    /* */
}

@font-face {
    font-family: philosopher;
    src: url(font/Philosopher.ttf);
    /* */
}

@font-face {
    font-family: nyala;
    src: url(font/Nyala.ttf);
    /* */
}

@font-face {
    font-family: justink;
    src: url(font/Justink.ttf);
    /* */
}

@font-face {
    font-family: goza;
    src: url(font/Goza.ttf);
    /* */
}

@font-face {
    font-family: partyconfetti;
    src: url(font/PartyConfetti.ttf);
    /* */
}

@font-face {
    font-family: lato;
    src: url(font/Lato.ttf);
    /* */
}

@font-face {
    font-family: nunito;
    src: url(font/Nunito.ttf);
    /* */
}

@font-face {
    font-family: Oswald;
    src: url(font/Oswald.ttf);
    /* */
}

@font-face {
    font-family: barlow;
    src: url(font/Barlow.ttf);
    /* */
}

@font-face {
    font-family: cuprum;
    src: url(font/Cuprum.ttf);
    /* */
}

@font-face {
    font-family: mohave;
    src: url(font/Mohave.ttf);
    /* */
}

@font-face {
    font-family: sarabun;
    src: url(font/Sarabun.ttf);
    /* */
}

@font-face {
    font-family: mohave;
    src: url(font/Mohave.ttf);
    /* */
}

@font-face {
    font-family: bench;
    src: url(font/Bench.ttf);
    font-weight: bold;
}

@font-face {
    font-family: arsenal;
    src: url(font/Arsenal.ttf);
    font-weight: bold;
}


@font-face {
    font-family: lobster;
    src: url(font/Lobster.ttf);
    font-weight: bold;
}

@font-face {
    font-family: Gideon;
    src: url(font/Gideon.ttf);
    font-weight: bold;
}

/*******************font name**************************************/

.text-roboto {
    font-family: Roboto;
}

.text-personn {
    font-family: Personn;
}

.text-philosopher {
    font-family: Philosopher;
}

.text-nyala {
    font-family: Nyala;
}

.text-justink {
    font-family: Justink;
}

.text-goza {
    font-family: Goza;
}

.text-partyconfetti {
    font-family: PartyConfetti;
}

.text-lato {
    font-family: Lato;
}

.text-nunito {
    font-family: Nunito;
}

.text-Oswald {
    font-family: Oswald;
}

.text-barlow {
    font-family: Barlow;
}

.text-cuprum {
    font-family: Cuprum;
}

.text-mohave {
    font-family: Mohave;
}

.text-sarabun {
    font-family: Sarabun;
}

.text-mohave {
    font-family: Mohave;
}

.text-bench {
    font-family: Bench;
}

.text-arsenal {
    font-family: Arsenal;
}

.text-lobster {
    font-family: Lobster;
}

.text-Gideon {
    font-family: Gideon;
}

.text-Teko {
    font-family: Teko;
}

.text-Pacifico {
    font-family: Pacifico;
}

.text-LibreBarcode {
    font-family: LibreBarcode;
}

.text-MissFajardose {
    font-family: MissFajardose;
}

.text-StyleScript {
    font-family: StyleScript;
}

.text-Waterfall {
    font-family: Waterfall;
}


* {
    margin: 0;
    padding: 0;
}


/****************** Media Devices ******************/

/* .col-*/
/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {}

/* 	.col-sm- */
/* / Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {}

/*.col-md- */
/* / Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {}

/* .col-lg- */
/* / Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    label {
        padding-left: 0;
    }
}

/* .col-xl- */
/* / Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    label {
        padding-left: 2em;
    }
}


body {
    min-height: 75rem;
    padding-top: 0;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}


/********************************************/
/* Color codes  used for all color properties and tags in this css file
a-> aqua;             b-> blue;            c-> darkcyan;      d-> #046A38;            
e-> #06038D;          f-> fuchsia;         g-> green;         h-> honeydew;     
i-> indigo;           j-> #FF671F;         k-> black;         l-> lawngreen; 
m-> maroon;           n-> navy;            o-> orange;        p-> palegreen;       
q-> crimson;          r-> red;             s-> saddlebrown    t-> teal;  
u-> darkturquoise;    v-> darkviolet;      w-> white;         x-> gray;              
y-> gold;             z-> azure;           1-> brown;         2-> chocolate;    
3-> darkolivegreen;   4-> rgb(152, 148, 148);;   5-> forestgreen;   6-> deeppink;      
7-> greenyellow;      8-> lime;            9-> sandybrown;    0-> lightgrey;      
=> Indian tri color   J-> saffron    w-> white    d-> green   e-> blue;   /* */

/****************** Text / Font Color -> txt-clr-0 ******************/

.txt-clr-a {
    color: aqua;
}

.txt-clr-b {
    color: blue;
}

.txt-clr-c {
    color: darkcyan;
}

.txt-clr-d {
    color: #046A38;
    /* indian tri green */
}

.txt-clr-e {
    color: #06038D;
    /* indian tri blue */
}

.txt-clr-f {
    color: fuchsia;
}

.txt-clr-g {
    color: green;
}

.txt-clr-h {
    color: honeydew;
}

.txt-clr-i {
    color: indigo;
}

.txt-clr-j {
    color: #FF671F;
    /* indian tri saffron */
}

.txt-clr-k {
    color: black;
}

.txt-clr-l {
    color: lawngreen;
}

.txt-clr-m {
    color: maroon;
}

.txt-clr-n {
    color: rgb(2, 2, 95);
}

.txt-clr-o {
    color: orange;
}

.txt-clr-p {
    color: palegreen;
}

.txt-clr-q {
    color: crimson;
}

.txt-clr-r {
    color: red;
}

.txt-clr-s {
    color: saddlebrown;
}

.txt-clr-t {
    color: teal;
}

.txt-clr-u {
    color: rgb(15, 2, 57);
}

.txt-clr-v {
    color: darkviolet;
}

.txt-clr-w {
    color: white;
}

.txt-clr-x {
    color: gray;
}

.txt-clr-y {
    color: gold;
}

.txt-clr-z {
    color: azure;
}

.txt-clr-1 {
    color: brown;
}

.txt-clr-2 {
    color: chocolate;
}

.txt-clr-3 {
    color: darkolivegreen;
}

.txt-clr-4 {
    color: rgb(152, 148, 148);
    ;
}

.txt-clr-5 {
    color: forestgreen;
}

.txt-clr-6 {
    color: rgb(5, 211, 8);
}

.txt-clr-7 {
    color: greenyellow;
}

.txt-clr-8 {
    color: rgb(2, 121, 2);
}

.txt-clr-9 {
    color: #f04f04;
    ;
}

.txt-clr-0 {
    color: lightgrey;
}

/****************** Background Color -> bgc-clr-0 ******************/

.bgc-clr-a {
    background-color: aqua;
}

.bgc-clr-b {
    background-color: blue;
}

.bgc-clr-c {
    background-color: darkcyan;
}

.bgc-clr-d {
    background-color: #046A38;
    /* indian tri green */
}

.bgc-clr-e {
    background-color: #06038D;
    /* indian tri blue */
}

.bgc-clr-f {
    background-color: fuchsia;
}

.bgc-clr-g {
    background-color: green;
}

.bgc-clr-h {
    background-color: rgb(240, 255, 240);
}

.bgc-clr-i {
    background-color: indigo;
}

.bgc-clr-j {
    background-color: #FF671F;
    /* indian tri saffron */
}

.bgc-clr-k {
    background-color: black;
}

.bgc-clr-l {
    background-color: lawngreen;
}

.bgc-clr-m {
    background-color: maroon;
}

.bgc-clr-n {
    background-color: navy;
}

.bgc-clr-o {
    background-color: orange;
}

.bgc-clr-p {
    background-color: palegreen;
}

.bgc-clr-q {
    background-color: crimson;
}

.bgc-clr-r {
    background-color: red;
}

.bgc-clr-s {
    background-color: saddlebrown;
}

.bgc-clr-t {
    background-color: teal;
}

.bgc-clr-u {
    background-color: rgb(15, 2, 57);
}

.bgc-clr-v {
    background-color: darkviolet;
}

.bgc-clr-w {
    background-color: white;
}

.bgc-clr-x {
    background-color: gray;
}

.bgc-clr-y {
    background-color: gold;
}

.bgc-clr-z {
    background-color: azure;
}

.bgc-clr-1 {
    background-color: brown;
}

.bgc-clr-2 {
    background-color: chocolate;
}

.bgc-clr-3 {
    background-color: darkolivegreen;
}

.bgc-clr-4 {
    background-color: #e27305;
    ;
}

.bgc-clr-5 {
    background-color: rgb(3, 61, 3);
}

.bgc-clr-6 {
    background-color: rgb(5, 228, 53);
}

.bgc-clr-7 {
    background-color: greenyellow;
}

.bgc-clr-8 {
    background-color: lime;
}

.bgc-clr-9 {
    background-color: #fdebd9;
}

.bgc-clr-0 {
    background-color: transparent;
}

/****************** Background gradent Color -> bgc-lgc-0 ******************/

.bgc-lgc-a {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* aqua; */
}

.bgc-lgc-b {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* blue;*/
}

.bgc-lgc-c {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* darkcyan;*/
}

.bgc-lgc-d {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* #046A38;*/
    /* indian tri green */
}

.bgc-lgc-e {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* #06038D;*/
    /* indian tri blue */
}

.bgc-lgc-f {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* fuchsia;*/
}

.bgc-lgc-g {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* green;*/
}

.bgc-lgc-h {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* rgb(240, 255, 240);*/
}

.bgc-lgc-i {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* indigo;*/
}

.bgc-lgc-j {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* #FF671F;*/
    /* indian tri saffron */
}

.bgc-lgc-k {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* black;*/
}

.bgc-lgc-l {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* lawngreen;*/
}

.bgc-lgc-m {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* maroon;*/
}

.bgc-lgc-n {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* navy;*/
}

.bgc-lgc-o {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* orange;*/
}

.bgc-lgc-p {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* palegreen;*/
}

.bgc-lgc-q {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /*  crimson;*/
}

.bgc-lgc-r {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /*  red;*/
}

.bgc-lgc-s {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /*  saddlebrown;*/
}

.bgc-lgc-t {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* teal;*/
}

.bgc-lgc-u {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /*  rgb(15, 2, 57);*/
}

.bgc-lgc-v {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* darkviolet;*/
}

.bgc-lgc-w {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* white;*/
}

.bgc-lgc-x {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* gray;*/
}

.bgc-lgc-y {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* gold;*/
}

.bgc-lgc-z {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    /* azure;*/
}

.bgc-lgc-1 {
    background: linear-gradient(to bottom, #f3c291 36%, #ddaa5d 81%);
    /* brown;*/
}

.bgc-lgc-2 {
    background: linear-gradient(to bottom, #e6e5e5 36%, #b0b0b1 81%);
    /* chocolate;*/
}

.bgc-lgc-3 {
    background: linear-gradient(to bottom, #FFEB80 36%, #FFB70B 81%);
    /* darkolivegreen;*/
}

.bgc-lgc-4 {
    background: linear-gradient(to bottom, #E5E4E2 36%, #adaba9 81%);
    /* rgb(152, 148, 148);;*/
}

.bgc-lgc-5 {
    background: linear-gradient(to bottom, #caf8c9 36%, #55f693 81%);
    /* rgb(3, 61, 3);*/
}

.bgc-lgc-6 {
    background: linear-gradient(to bottom, #02bcfa 0%, #2e02b2 81%);
    /* deeppink;*/
}

.bgc-lgc-7 {
    background: linear-gradient(to bottom, #f6f5f4 36%, #E5E4E2 81%);
    /* greenyellow;*/
}

.bgc-lgc-8 {
    background: linear-gradient(to bottom, #fee764 36%, #fdd80a 100%);
    /* lime;*/
}

.bgc-lgc-9 {
    background: linear-gradient(to bottom, #f3e6d9 25%, #f4c99d 75%);
    /*   background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
 #ffe6cd;
    #f3e6d9*/
}

.bgc-lgc-0 {
    background: linear-gradient(to top, #f4c99d 15%, #f3e6d9 66%, #edd1b5 10%, #f3e6d9 10%);
    /* lightgrey;*/
}


.dbr-clr-0{
border-color: #0804f4;
}



/****************** Border Color -> bdr-clr-0 ******************/

.bdr-clr-a {
    border-color: aqua;
}

.bdr-clr-b {
    border-color: blue;
}

.bdr-clr-c {
    border-color: darkcyan;
}

.bdr-clr-d {
    border-color: #046A38;
    /* indian tri green */
}

.bdr-clr-e {
    border-color: #06038D;
    /* indian tri blue */
}

.bdr-clr-f {
    border-color: fuchsia;
}

.bdr-clr-g {
    border-color: green;
}

.bdr-clr-h {
    border-color: rgb(240, 255, 240);
}

.bdr-clr-i {
    border-color: indigo;
}

.bdr-clr-j {
    border-color: #FF671F;
    /* indian tri saffron */
}

.bdr-clr-k {
    border-color: black;
}

.bdr-clr-l {
    border-color: lawngreen;
}

.bdr-clr-m {
    border-color: maroon;
}

.bdr-clr-n {
    border-color: navy;
}

.bdr-clr-o {
    border-color: orange;
}

.bdr-clr-p {
    border-color: palegreen;
}

.bdr-clr-q {
    border-color: crimson;
}

.bdr-clr-r {
    border-color: red;
}

.bdr-clr-s {
    border-color: saddlebrown;
}

.bdr-clr-t {
    border-color: teal;
}

.bdr-clr-u {
    border-color: rgb(15, 2, 57);
}

.bdr-clr-v {
    border-color: darkviolet;
}

.bdr-clr-w {
    border-color: white;
}

.bdr-clr-x {
    border-color: gray;
}

.bdr-clr-y {
    border-color: gold;
}

.bdr-clr-z {
    border-color: azure;
}

.bdr-clr-1 {
    border-color: brown;
}

.bdr-clr-2 {
    border-color: chocolate;
}

.bdr-clr-3 {
    border-color: darkolivegreen;
}

.bdr-clr-4 {
    border-color: #e27305;
    ;
}

.bdr-clr-5 {
    border-color: rgb(3, 61, 3);
}

.bdr-clr-6 {
    border-color: rgb(5, 228, 53);
}

.bdr-clr-7 {
    border-color: greenyellow;
}

.bdr-clr-8 {
    border-color: lime;
}

.bdr-clr-9 {
    border-color: #fdebd9;
}

.bdr-clr-0 {
    border-color: transparent;
}


/****************** Text aligne -> txt-align ******************/
.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

.text-center {
    text-align: center;
}

/****************** Text Weight -> txt-bold ******************/

.text-light {
    font-weight: 300;
}

.text-bold {
    font-weight: 600;
}

.text-dark {
    font-weight: 800
}

.text-heavy {
    font-weight: bolder;
}

.text-italic {
    font-style: italic;
}

.text-oblique {
    font-style: oblique;
}


/****************** Brand  Decoration -> brandlogo ******************/
.brandlogo {
    margin: 0px auto;
    padding: 1px 9px;
    line-height: 48px; 
    display: inline-block;
    background-color: transparent;
    color: transparent;
    /*border: 1px dotted rgb(90, 203, 234);/*  */
}

.brandname {
    color: #ffffff;
    text-decoration: none;
    font-family: "bench";
    /*bench Barlow, cuprum arsenal;*/
    font-weight: 800;
    font-size: 2em;
    letter-spacing: 2px;
    word-spacing: 3px;
    text-shadow: 2px 1px 2px #8af0f3f0;
    line-height: 48px;
    text-transform: uppercase;
    /*border: 1px dotted rgb(90, 203, 234);/*  */
}

.brandtext {
    font-family: Philosopher;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 2px;
    word-spacing: 3px;
    color: #f8f8f8;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgb(4, 251, 251);
    /*border: 1px dotted rgb(149, 250, 252);/*   */
    padding: 2px;
    margin: 0px;
    display: inline-block;
    line-height: 36px;
}

.brandhead {
    clear: both;
    float: left;
    width: 99.9%;
    min-height: 5rem;
    max-height: 5rem;
    margin-bottom: 0;
    padding-bottom: 0;
    display: block;
    /*border: 3px solid blue;/*  */
}

.brandbanner {
    clear: both;
    float: left;
    width: 99.9%;
    max-height: 40rem;
    min-height: 40rem;
    overflow: hidden;
    display: block;
    border: 3px solid red;
    /*   */
}

.brandwebsite,
.brandhead,
.brandbanner {
    clear: both;
    display: block;
    margin: 2px auto;
    padding: 2px auto;
}

.brandfooter {
    clear: both;
    display: block;
}

.brandinfo {
    color: #ffffff;
    text-align: left;
    text-decoration: none;
    font-family: "philosopher";
    font-weight: 800;
    font-size: 2em;
    letter-spacing: 1.5px;
    word-spacing: 2px;
    text-shadow: 2px 1px 2px #8af0f3f0;
    margin: 0px;
    line-height: 48px;
}



.chap-head-1 {
    font-family: Nunito;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    text-shadow: rgb(153, 213, 236) 1px 1px 1px;
    letter-spacing: 1.5px;
    word-spacing: 2px;
    line-height: 54px;
    width: 96%;
}

.chap-head-2 {
    font-family: sarabun;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    text-shadow: rgb(153, 213, 236) 1px 1px 1px;
    letter-spacing: 1.5px;
    word-spacing: 2px;
    width: 96%;
}

.chap-head-3 {
    font-family: mohave;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1.5px;
    word-spacing: 2px;
    width: 96%;

}


.para-head-1 {
    font-size: 28px;
    font-weight: 700;
    font-family: loto;
    letter-spacing: 1.5px;
    word-spacing: 2px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.para-head-2 {
    font-size: 26px;
    font-weight: 700;
    font-family: oswald;
    letter-spacing: 1.5px;
    word-spacing: 2px;
    text-transform: capitalize;
    margin-bottom: 20px;
    margin-top: 20px;
}

.para-head-3 {
    font-size: 24px;
    font-weight: 700;
    font-family: cuprum;
    letter-spacing: 1.5px;
    word-spacing: 2px;
    margin-bottom: 18x;
}

.para-head-4 {
    font-size: 22px;
    font-weight: 700;
    font-family: mohave;
    letter-spacing: 1.5px;
    word-spacing: 2px;
    margin-bottom: 18px;
}

.para-head-5 {
    font-size: 20px;
    font-weight: 700;
    font-family: barlow;
    letter-spacing: 1.5px;
    word-spacing: 2px;
    margin-bottom: 18px;
}


.para-bold {
    font-size: 18px;
    font-weight: bold;
    font-family: nunito;
    text-align: justify;
    letter-spacing: 1.5px;
}

.para-cite {
    font-size: 18px;
    font-style: italic;
    font-family: philosopher;
    text-align: justify;
    letter-spacing: 1.5px;
}

.text-06 {
    font-size: 6px;
}

.text-09 {
    font-size: 9px;
}

.text-10 {
    font-size: 10px;
}

.text-12 {
    font-size: 12px;
}

.text-14 {
    font-size: 14px;
}

.text-16 {
    font-size: 16px;
}

.text-17 {
    font-size: 17px;
}

.text-18 {
    font-size: 18px;
}

.text-20 {
    font-size: 20px;
}

.text-22 {
    font-size: 22px;
}

.text-24 {
    font-size: 24px;
}

.text-26 {
    font-size: 26px;
}

.text-28 {
    font-size: 28px;
}

.text-30 {
    font-size: 30px;
}

.text-32 {
    font-size: 32px;
}

.text-34 {
    font-size: 34px;
}

.text-36 {
    font-size: 36px;
}

.text-38 {
    font-size: 38px;
}

.text-40 {
    font-size: 40px;
}

.text-42 {
    font-size: 42px;
}

.text-44 {
    font-size: 44px;
}

.text-46 {
    font-size: 46px;
}

.text-48 {
    font-size: 48px;
}


.img-crl-50 {
    border-radius: 75%;
}

.imageround {
    border-radius: 100px;
    border: 4px solid rgb(252, 250, 250);
}

.martop-5 {
    margin-top: 8rem;
}

.martop-9 {
    margin-top: -15rem;
}

.line-gap-1 {
    line-height: 16px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.line-gap-2 {
    line-height: 18px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.line-gap-3 {
    line-height: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.line-gap-4 {
    line-height: 24px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.line-gap-5 {
    line-height: 27px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.line-gap-6 {
    line-height: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.line-gap-7 {
    line-height: 36px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.line-gap-8 {
    line-height: 45px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.line-gap-9 {
    line-height: 54px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.line-gap-0 {
    line-height: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
}

/***************** List Styles ****************************/

.list-tick {
    margin-left: 18px;
    /*border:1px dotted green; /* */
    max-width: 90%;
    min-width: 90%;
}

.list-tick ul {
    list-style: none;
    list-style-position: inside;
    padding: 0px;
    margin: 0px;
    margin-bottom: 9px;
}

.list-tick ul li:before {
    content: '✓';
    color: #FF671F;
    padding: 0px;
    margin: 0px;
    padding-right: 9px;

}


.list-none {
    margin-left: 18px;
    /*border:1px dotted green; /* */
    max-width: 90%;
    min-width: 90%;

}

.list-none ul {
    list-style: none;
    list-style-position: inside;
    padding: 0px;
    margin: 0px;
    padding-bottom: 9px;
}

.list-none ul li:before {
    content: ' ';
    color: #FF671F;
    padding: 0px;
    margin: 0px;
    padding-right: 9px;
}

.list-double {
    margin-left: 18px;
    /*border:1px dotted green; /* */
    max-width: 90%;
    min-width: 90%;
}

.list-double ul {
    list-style: none;
    list-style-position: inside;
    padding: 0px;
    margin: 0px;
    padding-bottom: 9px;
}

.list-double ul li:before {
    content: '»';
    color: #FF671F;
    padding: 0px;
    margin: 0px;
    padding-right: 9px;
}


.list-arow1 {
    margin-left: 18px;
    /*border:1px dotted green; /* */
    max-width: 90%;
    min-width: 90%;
}

.list-arow1 ul {
    list-style: none;
    list-style-position: inside;
    padding: 0px;
    margin: 0px;
    padding-bottom: 9px;
}

.list-arow1 ul li:before {
    content: '➤';
    color: #FF671F;
    padding: 0px;
    margin: 0px;
    padding-right: 9px;
}





.list-cros {
    margin-left: 18px;
    /*border:1px dotted green; /* */
    max-width: 90%;
    min-width: 90%;
}

.list-cros ul {
    list-style: none;
    list-style-position: inside;
    padding: 0px;
    margin: 0px;
    margin-bottom: 9px;
}

.list-cros ul li:before {
    content: 'x';
    color: #FF671F;
    padding: 0px;
    margin: 0px;
    padding-right: 9px;

}

/****************************************************************/
.col-14 {
    text-align: center;
    align-items: center;
    max-width: 12px;
    min-width: 12px;
}

.col-15 {
    text-align: center;
    align-items: center;
    max-width: 15px;
    min-width: 15px;
}

.col-16 {
    text-align: center;
    align-items: center;
    max-width: 18px;
    min-width: 18px;
}

.col-17 {
    text-align: center;
    align-items: center;
    max-width: 21px;
    min-width: 21px;
}

.col-18 {
    text-align: center;
    align-items: center;
    max-width: 27px;
    min-width: 27px;
}

.col-19 {
    text-align: center;
    align-items: center;
    max-width: 32px;
    min-width: 32px;
}

.col-20 {
    text-align: center;
    align-items: center;
    max-width: 36px;
    min-width: 36px;
}

.col-size-15{
    text-align: center;
    align-items: center;
    max-width: 15%;
    min-width: 15%;
} 
.col-size-25 {
    text-align: center;
    align-items: center;
    max-width: 25%;
    min-width: 25%;
}

.col-size-30 {
    text-align: center;
    align-items: center;
    max-width: 30%;
    min-width: 30%;
}

.col-size-33 {
    text-align: center;
    align-items: center;
    max-width: 33%;
    min-width: 33%;
}

.col-size-45 {
    text-align: center;
    align-items: center;
    max-width: 45%;
    min-width: 45%;
}

.col-size-50 {
    text-align: center;
    align-items: center;
    max-width: 50%;
    min-width: 50%;
}

.col-size-63 {
    text-align: center;
    align-items: center;
    max-width: 63%;
    min-width: 63%;
}

.col-size-72 {
    text-align: center;
    align-items: center;
    max-width: 72%;
    min-width: 72%;
}

.col-size-81 {
    text-align: center;
    align-items: center;
    max-width: 81%;
    min-width: 81%;
}

.col-size-90 {
    text-align: center;
    align-items: center;
    max-width: 90%;
    min-width: 90%;
}

.col-size-95 {
    max-width: 94.4%;
    min-width: 94.4%;
    display: inline-block;
}

.col-size-97 {
    max-width: 96.4%;
    min-width: 96.4%;
    display: inline-block;
}

.col-size-98 {
    max-width: 97.4%;
    min-width: 97.4%;
    display: inline-block;
}

.col-size-99 {
    text-align: center;
    align-items: center;
    max-width: 99%;
    min-width: 99%;
}

.col-size-04 {
    text-align: center;
    align-items: center;
    max-width: 3%;
    min-width: 3%;
}

.col-size-03 {
    text-align: center;
    align-items: center;
    max-width: 3%;
    min-width: 3%;
}

.row-14 {
    text-align: center;
    align-items: center;
    max-height: 12px;
    min-height: 12px;
}

.row-15 {
    text-align: center;
    align-items: center;
    max-height: 15px;
    min-height: 15px;
}

.row-16 {
    text-align: center;
    align-items: center;
    max-height: 18px;
    min-height: 18px;
}

.row-17 {
    text-align: center;
    align-items: center;
    max-height: 21px;
    min-height: 21px;
}

.row-18 {
    text-align: center;
    align-items: center;
    max-height: 27px;
    min-height: 27px;
}

.row-19 {
    text-align: center;
    align-items: center;
    max-height: 32px;
    min-height: 32px;
}

.col-20 {
    text-align: center;
    align-items: center;
    max-height: 36px;
    min-height: 36px;
}



.ltr-spc-01 {
    letter-spacing: .5px;
}

.ltr-spc-02 {
    letter-spacing: .75px;
}

.ltr-spc-03 {
    letter-spacing: 1px;
}

.ltr-spc-04 {
    letter-spacing: 1.25px;
}

.ltr-spc-05 {
    letter-spacing: 1.5px;
}

.ltr-spc-06 {
    letter-spacing: 1.75px;
}

.ltr-spc-07 {
    letter-spacing: 2px;
}

.ltr-spc-08 {
    letter-spacing: 2.25px;
}

.ltr-spc-07 {
    letter-spacing: 2.25px;
}


.wrd-spc-01 {
    word-spacing: .5px;
}

.wrd-spc-02 {
    word-spacing: .75px;
}

.wrd-spc-03 {
    word-spacing: 1px;
}

.wrd-spc-04 {
    word-spacing: 1.25px;
}

.wrd-spc-05 {
    word-spacing: 1.5px;
}

.wrd-spc-06 {
    word-spacing: 1.75px;
}

.wrd-spc-07 {
    word-spacing: 2px;
}

.wrd-spc-08 {
    word-spacing: 2.25px;
}

.wrd-spc-07 {
    word-spacing: 2.25px;
}

.deco-none,
.social-hover,
.link-hover {
    text-decoration: none;
}

.link-hover a:link,
.link-hover a:visited {
    background: linear-gradient(to bottom, #02bcfa 0%, #2e02b2 81%);
    text-align: center;
    width: 100%;
}

.link-hover a:hover {
    text-shadow: rgb(161, 105, 2) 1px 1px;
    background: linear-gradient(to bottom, #12bc61 36%, #016d25 81%);
    color: #840909;
    width: 100%;
}

.contact-hover a:link,
.contact-hover a:visited {
    background: transparent;
    text-align: center;
    color: #0804f4;
    /* #04035a;*/
}

.contact-hover a:hover {
    background: transparent;
    text-align: center;
    color: #04035a;
}

.whatsapp-hover a:link,
.whatsapp-hover a:visited {
    background: transparent;
    text-align: center;
    color: #fb3407;
}

.teligrame-hover a:link,
.teligrame-hover a:visited {
    background: transparent;
    text-align: center;
    color: #0804f4;
    /* #04035a;*/
}

.whatsapp-hover a:hover {
    background: transparent;
    text-align: center;
    color: #ffea01;
}

.teligrame-hover a:hover {
    background: transparent;
    text-align: center;
    color: #04035a;
}


.social-hover a:link,
.social-hover a:visited {
    background: transparent;
    text-align: center;
    color: #04035a;
    size: 12px;
}

.social-hover a:hover {
    background: transparent;
    text-align: center;
    color: #0804f4;
}


abbr {
    background-color: transparent;
    border: none;
}

abbr->title {
    background-color: transparent;
    border: none;
}


.rounded-1 {
    border-radius: 6px;
}

.rounded-2 {
    border-radius: 9px;
}

.rounded-3 {
    border-radius: 12px;
}


.rounded-4 {
    border-radius: 18px;
}

.rounded-5 {
    border-radius: 27px;
}

.rounded-6 {
    border-radius: 36px;
}

.rounded-7 {
    border-radius: 45px;
}

.rounded-8 {
    border-radius: 54px;
}

.rounded-9 {
    border-radius: 1rem;
}

.border-0 {
    border-width: 0px;
    border-radius: 0px;
    border-color: transparent;
    border-style: none;
}


.border-1 {
    border-width: 1px;
}

.border-2 {
    border-width: 2px;
    border-style: solid;
    border-radius: 36px;
}

.border-3 {
    border-width: 3px;
    border-style: solid;
    border-radius: 36px;
}


.border-3 a:hover {
    background: transparent;
    color: #f8ae38;
    border-color: #E5E4E2;
}

.p-7 {
    padding-left: 2px;
}

.mx-7 {
    margin-left: 7px;
    margin-right: 7px;
}

.mx-8 {
    margin-bottom: 27px;
}

.mp-9 {
    margin: 4px;
    padding: 3px;
}

.form-group {
    margin-bottom: 15px;

}

.form-group label {
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 3px;
    font-family: lato;
    color: #06038D;
    /*border: 1px dotted blue;/*  */
}

.form-group input {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
}

.form-group button {
    width: 100%;
    padding: 10px;
    background-color: #06038D;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.form-group button:hover {
    background: linear-gradient(to bottom, #12bc61 36%, #016d25 81%);
}

.disable-this {
    text-shadow: rgb(161, 105, 2) 1px 1px; 
    background: linear-gradient(to bottom, #abb0ad 36%, #afb0af 81%);
    color: #840909;
    width: 100%;
    padding: 4px;
    text-align: center;
    border-radius: 3px;
    min-height: 48px;
    max-height: 48px;
    line-height: 36px;
}

.border-red {
    border: 3px dotted red;

}

.showinfo, .showdata {
    min-height: 54px;
    max-height: 54px;
    line-height: 45px;
    padding: 2px;
    display: inline-block;
    border: 1px dotted green;
}

.showinfo a:link, .showinfo a:visited,
.showdata a:link, .showdata a:visited{
   text-decoration: none;
   color: #190456;
}

.showinfo a:hover, .showdata a:a:hover {
    background: transparent;
    text-align: center;
    color: #035d06;
}

.width100{
    min-width: 300px;
    max-width: 300px;
}

.linehead1{
    font-weight: 600;
    font-style: italic;
    color: #035d06;
    width: 81px;
    display: inline-block;
}

.linehead0{
    font-weight: 600;
    font-style: italic;
    color: #035d06;
    min-width: 72px;
    max-width: 72px;
    display: inline-block;
}


.linehead2{
    font-weight: 600;
    font-style: italic;
    color: #035d06;
    width: 99px;
    display: inline-block;
}

.linehead3{
    font-weight: 600;
    font-style: italic;
    color: #035d06;
    width: 90px;
    display: inline-block;
}

.linehead4{
    font-weight: 600;
    font-style: italic;
    color: #035d06;
    width: 54px;
    display: inline-block;
}

.linehead5{
    font-weight: 600;
    font-style: italic;
    color: #035d06;
    width: 18px;
    display: inline-block;
}

.linehead6{
    font-weight: 600;
    font-style: italic;
    color: #035d06;
    width: 102px;
    display: inline-block;
}

.linehead7{
    font-weight: 600;
    font-style: italic;
    color: #035d06;
    width: 63px;
    display: inline-block;
}

.linehead7{
    font-weight: 600;
    font-style: italic;
    color: #035d06;
    width: 45px;
    display: inline-block;
}

.linehead9{
    font-weight: 600;
    font-style: italic;
    color: #035d06;
    width: 36px;
    display: inline-block;
}

.link-none {
    display: inline-block;
    width: 99.9%;
    margin: 0;
    padding: 0;
   }

.link-none a:link, .link-none a:visited{
    text-decoration: none;
}

.link-none a:hover{
    color:goldenrod;
}

.disp-inline{
    display: inline-block;
}

.disp-block{
    display: block;
}