@import url('https://fonts.googleapis.com/css?family=Kanit:100,200,300,400,500,600,700|Muli:200,300,400,600,700,800,900|Poppins:100,200,300,400,500,600,700,800|Roboto:100,300,400,500,700,900&display=swap&subset=latin-ext');
/*
font-family: 'Kanit', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Poppins', sans-serif;

font-family: 'Roboto', sans-serif;
font-family: 'Muli', sans-serif;

*/
@import url('https://fonts.googleapis.com/css?family=Aldrich|Chakra+Petch:400,500,600,700|Didact+Gothic|IBM+Plex+Sans|Monda|Montserrat+Alternates:300,400,500,600,800|Quicksand:400,500,600,700&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Fira+Mono:400,500,700|Fira+Sans+Condensed:400,500,600,700,800,900|Fira+Sans:200,300,400,500,600,700,800&display=swap&subset=latin-ext');

/*

font-family: 'Quicksand', sans-serif;
font-family: 'IBM Plex Sans', sans-serif;
font-family: 'Fira Sans Condensed', sans-serif;
font-family: 'Monda', sans-serif;
font-family: 'Didact Gothic', sans-serif;
font-family: 'Montserrat Alternates', sans-serif;
font-family: 'Aldrich', sans-serif;
font-family: 'Chakra Petch', sans-serif;
font-family: 'Fira Mono', monospace;
font-family: 'Fira Sans', sans-serif;
font-family: 'Fira Sans Condensed', sans-serif;
 */
* {
    outline : none;
}

body {
    background-color : transparent;
    font-size        : 16px;
    font-family      : 'Didact Gothic', sans-serif;
}

input::placeholder {
    color : #545454;
}

h1 {
    font-size   : 28px;
    color       : #39a7fc;
    font-weight : 500;
    margin      : 0;
    padding     : 0;
}

.qm-text-2 {
    color           : #00050a;
    font-family     : 'Roboto', sans-serif;
    font-size       : 16px;
    font-weight     : 400;
    text-decoration : none;
}

.qm-text-3 {
    color           : #00050a;
    font-family     : 'Fira Mono', monospace;
    font-size       : 4px;
    font-weight     : 400;
    text-decoration : none;
}

/*****************************************************
USER TOP NAV
*****************************************************/
.qnl-head-1 {
    background-color : #3385ee;
    color            : whitesmoke;
    font-weight      : bolder;
    font-style       : normal;
    text-transform   : uppercase;
    letter-spacing   : 1px;
    font-family      : 'Nova Square', cursive;
    text-decoration  : none;
    font-size        : 2.2vmin;

}

.qnl-head-1:hover {
    background-color          : #830001;
    cursor                    : pointer;
    color                     : whitesmoke;
    font-weight               : bolder;
    font-style                : normal;
    text-transform            : uppercase;
    letter-spacing            : 15px;
    font-family               : 'Nova Square', cursive;
    text-decoration           : none;
    font-size                 : 2.2vmin;
    animation-duration        : 1s;
    animation-timing-function : ease-out;
    transition                : 500ms all ease-in-out;
}

.qnl-link-1 {
    background-color : #e3e9f5;
    color            : #004885;
    font-weight      : bolder;
    font-style       : normal;
    text-transform   : uppercase;
    font-family      : 'Archivo Narrow', sans-serif;
    text-decoration  : none;
    font-size        : 1.8vmin;
    text-shadow      : 0 0 1px #2d2d2d;

}

.qnl-link-1:hover {
    text-transform            : uppercase;
    color                     : #b4e2ff;
    background-color          : #102440;
    font-weight               : bolder;
    font-style                : italic;
    font-family               : 'Archivo Narrow', sans-serif;
    text-decoration           : none;
    font-size                 : 1.8vmin;
    padding-left              : 3vmin;
    animation-duration        : 1s;
    animation-timing-function : ease-out;
    transition                : 1s all ease;
}

.qnl-link-2 {
    background-color : inherit;
    color            : #0066bf;
    font-weight      : bolder;
    font-style       : normal;
    text-transform   : uppercase;
    font-family      : 'Archivo Narrow', sans-serif;
    text-decoration  : none;
    font-size        : 1.75vmin;

}

.qnl-link-2:hover {
    text-transform            : uppercase;
    color                     : #dfefff;
    background-color          : #86beee;
    font-weight               : normal;
    font-style                : italic;
    font-family               : 'Archivo Narrow', sans-serif;
    text-decoration           : none;
    font-size                 : 1.75vmin;
    padding-left              : 3vmin;
    animation-duration        : 1s;
    animation-timing-function : ease-out;
    transition                : 1s all ease;
}

.qnl-link-2n {
    background-color : inherit;
    color            : #757e86;
    font-weight      : bolder;
    font-style       : normal;
    text-transform   : uppercase;
    font-family      : 'Archivo Narrow', sans-serif;
    text-decoration  : none;
    font-size        : 1.75vmin;

}

.qnl-link-2n:hover {
    text-transform            : uppercase;
    color                     : #dfefff;
    font-weight               : normal;
    font-style                : italic;
    font-family               : 'Archivo Narrow', sans-serif;
    text-decoration           : none;
    font-size                 : 1.75vmin;
    padding-left              : 3vmin;
    animation-duration        : 1s;
    animation-timing-function : ease-out;
    transition                : 1s all ease;
}

/*****************************************************
USER TOP NAV
*****************************************************/
.p-bc-text-1 {
    font-style  : normal;
    font-weight : 600;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 18px;
    line-height : 1;
    transition  : 222ms all linear;
}

.p-bc-text-1:hover {
    font-style  : normal;
    font-weight : 600;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 18px;
    line-height : 1;
    transition  : 222ms all linear;
}

.p-bc-text-1 a {
    background-color : transparent;
    color            : #818181;
    cursor           : none;
    font-style       : normal;
    font-weight      : 600;
    font-family      : 'IBM Plex Sans', sans-serif;
    font-size        : 18px;
    line-height      : 1;
    text-decoration  : none;
    padding-left     : 0px;
    transition       : 222ms all ease-in;
}

.p-bc-text-1 a:hover {
    color           : #005d8f;
    cursor          : pointer;
    font-style      : normal;
    font-weight     : 600;
    font-family     : 'IBM Plex Sans', sans-serif;
    font-size       : 18px;
    line-height     : 1;
    text-decoration : none;
    padding-left    : 5px;
    transition      : 222ms all ease-out;
}

.qus-text-1 {
    color           : #656565;
    font-weight     : bolder;
    font-style      : italic;
    font-family     : 'Nova Square', cursive;
    text-decoration : none;
    font-size       : 1.8vmin;
}

.qus-text-2 {
    color           : #6ea0d3;
    font-weight     : bolder;
    font-style      : italic;
    font-family     : 'Nova Square', cursive;
    text-decoration : none;
    font-size       : 1.6vmin;
}

.qus-text-3 {
    color           : #a4d5ff;
    font-weight     : bolder;
    font-style      : italic;
    font-family     : 'Nova Square', cursive;
    text-decoration : none;
    font-size       : 1.6vmin;
}

.qus-logout-link {
    color                     : #368aff;
    font-weight               : bolder;
    font-family               : 'Nova Square', cursive;
    text-decoration           : none;
    font-size                 : 1.6vmin;
    animation-duration        : 1s;
    animation-timing-function : ease-out;
    margin-left               : 0;
    transition                : 1s all ease;
}

.qus-logout-link:hover {
    color           : #58a2eb;
    font-weight     : bolder;
    font-family     : 'Nova Square', cursive;
    text-decoration : none;
    font-size       : 1.6vmin;
    margin-left     : 1vh;
    letter-spacing  : 2px;
}

.qus-logout-link-2 {
    text-decoration : none;
}

.qus-logout-text-1 {
    text-transform  : uppercase;
    font-weight     : bolder;
    font-style      : normal;
    font-family     : 'Nova Square', cursive;
    text-decoration : none;
    font-size       : 1.8vmin;
}

.button-block-head {
    font-family    : 'Poppins', sans-serif;
    font-size      : 19px;
    background     : none;
    text-transform : uppercase;
}

/********************************************************

		LOGIN INFORMATION

********************************************************/

.p-login-header {
    background-color : #206080;
    border           : 1px solid transparent;
    color            : #ffffff;
    font-family      : 'Chakra Petch', sans-serif;
    font-size        : 32px;
    font-style       : normal;
    font-weight      : normal;
    padding          : 4px 4px;
    letter-spacing   : -1px;
    text-transform   : uppercase;
    vertical-align   : text-top;
    text-shadow      : 0 0 1px #747474;
    transition       : 333ms all ease-in-out;
}

.p-login-exp-text-1 {
    font-family    : 'Chakra Petch', sans-serif;
    font-size      : 28px;
    font-style     : normal;
    font-weight    : bolder;
    text-transform : none;
}

.p-login-exp-text-2 {
    color          : #dcdcdc;
    font-family    : 'Chakra Petch', sans-serif;
    font-size      : 24px;
    font-style     : normal;
    font-weight    : normal;
    text-transform : none;
}

.qfrp-text-normal {
    color          : #7c7c7c;
    font-family    : 'Jura', sans-serif;
    font-size      : 1.7vh;
    font-style     : normal;
    font-weight    : normal;
    letter-spacing : -0.05vh;
    text-shadow    : 0 0 1px #747474;
}

.qfrp-form-label {
    color          : #0a2744;
    font-family    : 'Jura', sans-serif;
    font-size      : 1.8vh;
    font-style     : normal;
    font-weight    : bolder;
    letter-spacing : -0.05vh;
    text-shadow    : 0 0 1px #747474;
    margin-bottom  : 1vh;
}

.qfrp-si-input-1 {
    color          : #505050;
    border         : 1px solid #b4b4b4;
    border-radius  : 5px;
    font-family    : 'Jura', sans-serif;
    font-size      : 2vh;
    font-style     : normal;
    font-weight    : bold;
    letter-spacing : -0.05vh;
    text-shadow    : 0 0 1px #747474;
}

.qfrp-si-input-1:hover {
    color          : #2971b7;
    font-family    : 'Jura', sans-serif;
    font-size      : 2vh;
    font-style     : normal;
    font-weight    : bold;
    letter-spacing : -0.05vh;
    text-shadow    : 0 0 1px #747474;
    transition     : 369ms all linear;
}

.qfrp-si-input-1:active {
    color          : #2971b7;
    font-family    : 'Jura', sans-serif;
    font-size      : 2vh;
    font-style     : normal;
    font-weight    : bold;
    letter-spacing : -0.05vh;
    transition     : 369ms all linear;
}

.qfrp-si-input-1:focus {
    color          : #2971b7;
    font-family    : 'Jura', sans-serif;
    font-size      : 2vh;
    font-style     : normal;
    font-weight    : bold;
    letter-spacing : -0.05vh;
    transition     : 369ms all linear;
}

.qfqp-ctitle-1 {
    color          : #2971b7;
    font-family    : 'Audiowide', sans-serif;
    font-size      : 1.6vh;
    font-style     : normal;
    font-weight    : normal;
    text-transform : uppercase;
    text-shadow    : 0px 0px 1px #505050;
}

.qfrp-title-1 {
    color          : #2971b7;
    font-family    : 'Prompt', sans-serif;
    font-size      : 3vh;
    font-style     : normal;
    font-weight    : normal;
    text-transform : uppercase;
    text-shadow    : 0px 0px 1px #505050;
}

.qfrp-si-ltext-1 {
    color          : #787878;
    font-family    : 'Jura', sans-serif;
    font-size      : 2vh;
    font-style     : normal;
    font-weight    : bold;
    letter-spacing : -0.05vh;
    text-shadow    : 0 0 1px #747474;
}

.qfrp-text-paragraph {
    color          : #777576;
    font-family    : 'Jura', sans-serif;
    font-size      : 1.5vh;
    font-style     : normal;
    font-weight    : normal;
    letter-spacing : -0.03vh;
    text-align     : left;
    text-shadow    : 0 0 1px #747474;

}

/********************************************************

	SITE MAIN


********************************************************/
/*
font-family: 'Kanit', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Muli', sans-serif;
font-family: 'Quicksand', sans-serif;
font-family: 'IBM Plex Sans', sans-serif;
font-family: 'Fira Sans Condensed', sans-serif;
font-family: 'Monda', sans-serif;
font-family: 'Didact Gothic', sans-serif;
font-family: 'Montserrat Alternates', sans-serif;
font-family: 'Aldrich', sans-serif;
font-family: 'Chakra Petch', sans-serif;

 */

.c-header-1 {
    color       : #2087d4;
    font-family : 'Roboto', sans-serif;
    font-size   : 60px;
    font-style  : normal;
    font-weight : 900;
}

.c-header-1a {
    color       : #a0a3a5;
    font-family : 'Roboto', sans-serif;
    font-size   : 42px;
    font-style  : normal;
    font-weight : 700;
}

.c-header-1b {
    color          : #205e80;
    font-family    : 'Monda', sans-serif;
    font-size      : 20px;
    font-style     : normal;
    text-transform : uppercase;
    font-weight    : 900;
}

.c-header-1c {
    color          : #2087d4;
    font-family    : 'Roboto', sans-serif;
    font-size      : 34px;
    font-style     : normal;
    font-weight    : 900;
    text-transform : uppercase;
}

.c-header-1d {
    color       : #939393;
    font-family : 'Monda', sans-serif;
    font-size   : 20px;
    font-style  : normal;
    font-weight : 900;
}

.c-header-2 {
    font-family : 'Poppins', sans-serif;
    font-size   : 28px;
    font-style  : normal;
    font-weight : 500;
}

.c-header-3 {
    font-family : 'Roboto', sans-serif;
    font-size   : 20px;
    font-style  : normal;
    font-weight : 600;
}

.f-breadcrumb {
    color       : #e8e8e8;
    font-family : 'Aldrich', sans-serif;
    font-size   : 18px;
    font-style  : normal;
    font-weight : 500;
}

.f-header-1 {
    font-family : 'Roboto', sans-serif;
    font-size   : 22px;
    font-style  : normal;
    font-weight : 500;
}

.f-header-1-link {
    color           : #3b8ebd;
    cursor          : none;
    font-family     : 'Roboto', sans-serif;
    font-size       : 24px;
    font-style      : normal;
    text-decoration : none;
    transition      : 500ms all ease-in;
}

.f-header-1-link:hover {
    color           : #125fab;
    cursor          : pointer;
    font-family     : 'Roboto', sans-serif;
    font-size       : 24px;
    font-style      : normal;
    font-weight     : normal;
    padding-left    : 10px;
    text-decoration : none;
    transition      : 500ms all ease-out;
}

.f-header-1-link:focus {
    color           : #125fab;
    cursor          : pointer;
    font-family     : 'Roboto', sans-serif;
    font-size       : 24px;
    font-style      : normal;
    font-weight     : normal;
    padding-left    : 10px;
    text-decoration : none;
    transition      : 500ms all ease-out;
}

.f-header-1-link:active {
    color           : #125fab;
    cursor          : pointer;
    font-family     : 'Roboto', sans-serif;
    font-size       : 24px;
    font-style      : normal;
    font-weight     : normal;
    padding-left    : 10px;
    text-decoration : none;
    transition      : 500ms all ease-out;
}

.f-header-1-link-a {
    border-top      : 1px solid transparent;
    border-bottom   : 1px solid transparent;
    text-decoration : none;
    transition      : 500ms all ease-out;
}

.f-header-1-link-a:hover {
    border-top    : 1px solid #125fab;
    border-bottom : 1px solid #125fab;
}

.f-header-1a {
    color          : #8d8d8d;
    font-family    : 'Roboto', sans-serif;
    font-size      : 16px;
    font-style     : normal;
    text-transform : uppercase;
    font-weight    : 500;
}

.f-header-2 {
    color       : #484c4e;
    font-family : 'Poppins', sans-serif;
    font-size   : 18px;
    line-height : 1;
    font-style  : normal;
    font-weight : 500;
}

.f-header-3 {
    color       : #6886b3;
    font-family : 'Poppins', sans-serif;
    font-size   : 15px;
    line-height : 1;
    font-style  : normal;
    font-weight : 500;
}

.f-header-3a {
    color       : #2087d4;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 14px;
    line-height : 1;
    font-style  : normal;
    font-weight : 500;
}

.ct-text-1 {
    color       : #000000;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 14px;
    font-weight : 600;
    line-height : 16px;
}

.ct-text-2 {
    color       : #0092ea;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 16px;
    font-weight : 600;
    line-height : 16px;
}

.c-para-0 {
    color       : #000000;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 16px;
    font-weight : 400;
    line-height : 1.2;
}

.c-para-1 {
    color       : #000000;
    font-family : 'Fira Sans Condensed', sans-serif;
    font-size   : 18px;
    font-weight : 300;
    line-height : 1.2;
}

.c-para-comments-1 {
    color       : #1b70ac;
    font-family : 'Fira Sans Condensed', sans-serif;
    font-size   : 16px;
    text-align  : justify;
    font-weight : 400;
    line-height : 18px;
}

.ctg-para-0 {
    color          : #265d85;
    font-family    : 'Poppins', sans-serif;
    font-size      : 18px;
    font-weight    : 400;
    line-height    : 22px;
    letter-spacing : -1px;
}

.ctg-para-1 {
    color       : #000000;
    font-family : 'Fira Sans Condensed', sans-serif;
    font-size   : 16px;
    font-weight : 300;
    line-height : 1.2;
}

.ct-para-1 {
    color          : #898989;
    position       : relative;
    vertical-align : top;
    font-family    : 'IBM Plex Sans', sans-serif;
    font-size      : 14px;
    font-weight    : 300;
    line-height    : 17px;
}

.ct-para-1-1 {
    color          : #525252;
    position       : relative;
    vertical-align : top;
    font-family    : 'Roboto', sans-serif;
    font-size      : 16px;
    font-weight    : 400;
    line-height    : 19px;
}

.ct-para-1-1-1 {
    color       : #646464;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 16px;
    font-weight : 400;
    line-height : 20px;
}

.ct-text-secret {
    color          : #285e89;
    position       : relative;
    vertical-align : top;
    font-family    : 'Roboto', sans-serif;
    font-size      : 18px;
    font-weight    : 400;
    line-height    : 22px;
}

.ct-text-secret-1 {
    color          : #102536;
    position       : relative;
    vertical-align : top;
    font-family    : 'Roboto', sans-serif;
    font-size      : 18px;
    font-weight    : 400;
    line-height    : 22px;
}

.ct-para-2 {
    color       : #898989;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 14px;
    font-weight : 300;
    line-height : 16px;
}

.c-para-2 {
    color          : #0a5ba6;
    font-family    : 'Poppins', sans-serif;
    font-size      : 14px;
    font-weight    : 400;
    line-height    : 18px;
    vertical-align : text-top;
    top            : 0;
}

.c-para-2-2 {
    font-family    : 'Poppins', sans-serif;
    font-size      : 14px;
    font-weight    : 400;
    text-transform : uppercase;
    line-height    : 16px;
    vertical-align : text-top;
    top            : 0;
}

.c-para-3 {
    color       : #000000;
    font-family : 'Poppins', sans-serif;
    font-size   : 14px;
    font-weight : 300;
    line-height : 1.1;
}

.f-text-1 {
    color       : #313341;
    font-family : 'Roboto', sans-serif;
    font-size   : 15px;
    line-height : 1.2;
    font-style  : normal;
    font-weight : 300;
}

.ct-menu-link-1 {
    color           : #ffffff;
    vertical-align  : baseline;
    text-decoration : none;
    font-weight     : normal;
    font-family     : 'Chakra Petch', sans-serif;
    text-transform  : uppercase;
    font-size       : 20px;
    padding-left    : 0;
    cursor          : pointer;
    transition      : 255ms all ease-in;
}

.ct-menu-link-1:hover {
    color           : #cee6ff;
    vertical-align  : baseline;
    text-decoration : none;
    font-weight     : normal;
    font-family     : 'Chakra Petch', sans-serif;
    font-size       : 20px;
    padding-left    : 5px;
    cursor          : pointer;
    transition      : 255ms all ease-out;
}

/********************************************************



********************************************************/
.pf-header {
    color       : #6dacd0;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 19px;
    font-style  : normal;
    font-weight : bolder;
}

.pf-head-1 {
    color          : #2475ad;
    font-family    : 'Roboto', sans-serif;
    font-size      : 16px;
    font-style     : normal;
    font-weight    : bolder;
    text-transform : uppercase;
}

.ct-head-1-1 {
    color          : #3f3f3f;
    font-family    : 'Roboto', sans-serif;
    font-size      : 14px;
    font-style     : normal;
    font-weight    : bolder;
    text-transform : uppercase;
}

.ct-char-count {
    color          : #257bd5;
    font-family    : 'IBM Plex Sans', sans-serif;
    font-size      : 14px;
    font-style     : normal;
    font-weight    : normal;
    text-transform : uppercase;
    letter-spacing : -1px;
}

.qfcf-menu-item-1 {
    font-family : 'Roboto', sans-serif;
    font-size   : 18px;
    font-style  : normal;
    font-weight : normal;
    line-height : 22px;
    text-indent : 0;
    text-align  : left;
    transition  : 200ms all ease-in;
}

.qfcf-menu-item-1:hover {
    font-family : 'Roboto', sans-serif;
    font-size   : 18px;
    font-style  : normal;
    font-weight : normal;
    line-height : 22px;
    text-indent : 5px;
    text-align  : left;
    transition  : 200ms all ease-out;
}

.ct-menu-item-1 {
    font-family     : 'Roboto', sans-serif;
    font-size       : 16px;
    text-decoration : none;
    font-style      : normal;
    font-weight     : normal;
    line-height     : 15px;
    text-indent     : 0;
    text-align      : left;
    transition      : 200ms all ease-in;
}

.ct-menu-item-1:hover {
    font-family     : 'Roboto', sans-serif;
    font-size       : 16px;
    text-decoration : none;
    font-style      : normal;
    font-weight     : normal;
    line-height     : 15px;
    text-indent     : 0;
    text-align      : left;
    transition      : 200ms all ease-in;
}

.ct-menu-item-2 {
    font-family     : 'Roboto', sans-serif;
    color           : white;
    font-size       : 16px;
    text-decoration : none;
    font-style      : oblique;
    font-weight     : normal;
    line-height     : 20px;
    text-indent     : 0;
    text-align      : left;
    transition      : 80ms all ease-in;
}

.ct-menu-item-2:hover {
    color           : #dceffd;
    font-family     : 'Roboto', sans-serif;
    font-size       : 16px;
    text-decoration : none;
    font-style      : oblique;
    font-weight     : bolder;
    line-height     : 20px;
    text-indent     : 0;
    text-align      : left;
    transition      : 80ms all ease-out;
}

.ct-menu-item-left {
    color           : #005b8e;
    font-family     : 'Roboto', sans-serif;
    font-size       : 16px;
    text-decoration : none;
    font-style      : normal;
    font-weight     : 500;
    text-indent     : 0;
    text-align      : left;
    transition      : 100ms all ease-in;
}

.ct-menu-item-left:hover {
    color           : #248fff;
    font-family     : 'Roboto', sans-serif;
    font-size       : 16px;
    text-decoration : none;
    font-style      : normal;
    font-weight     : 500;
    text-indent     : 5px;
    text-align      : left;
    transition      : 100ms all ease-out;
}

.pf-gp-head-1 {
    color          : #317eb3;
    font-family    : 'IBM Plex Sans', sans-serif;
    font-size      : 14px;
    text-transform : capitalize;
    font-style     : normal;
    font-weight    : bolder;
}

.pf-gp-head-1-1 {
    color          : #327cb0;
    font-family    : 'Roboto', sans-serif;
    font-size      : 22px;
    text-transform : capitalize;
    font-style     : normal;
    font-weight    : bold;
    letter-spacing : -1px;
}

.ct-wenk-1 {
    color          : #9dc0e9;
    font-family    : 'Roboto', sans-serif;
    font-size      : 14px;
    text-transform : capitalize;
    font-style     : normal;
    font-weight    : normal;
}

.pf-link-mark-1 {
    border-top      : 3px solid transparent;
    border-bottom   : 3px solid transparent;
    color           : #265d85;
    text-decoration : none;
    font-family     : 'Roboto', sans-serif;
    font-size       : 22px;
    text-transform  : capitalize;
    font-style      : normal;
    font-weight     : bold;
    letter-spacing  : -1px;
    transition      : 200ms all ease-in;
}

.pf-link-art-1 {
    color           : #265d85;
    text-decoration : none;
    font-family     : 'Roboto', sans-serif;
    font-size       : 17px;
    text-transform  : capitalize;
    font-style      : normal;
    font-weight     : bolder;
    letter-spacing  : -1px;
    transition      : 200ms all ease-in;
}

.pf-link-art-1:hover {
    color           : #3d94d4;
    text-decoration : none;
    font-family     : 'Roboto', sans-serif;
    font-size       : 17px;
    text-transform  : capitalize;
    font-style      : normal;
    font-weight     : bold;
    letter-spacing  : -1px;
    transition      : 200ms all ease-out;
}

.pf-link-art-2 {
    color           : #49b2ff;
    text-decoration : none;
    font-family     : 'Roboto', sans-serif;
    font-size       : 14px;
    text-transform  : capitalize;
    font-style      : normal;
    font-weight     : normal;
    letter-spacing  : -1px;
    transition      : 200ms all ease-in;
}

.pf-link-art-2:hover {
    color           : #49b2ff;
    text-decoration : none;
    font-family     : 'Roboto', sans-serif;
    font-size       : 14px;
    text-transform  : capitalize;
    font-style      : normal;
    font-weight     : normal;
    padding-left    : 5px;
    letter-spacing  : -1px;
    transition      : 200ms all ease-out;
}

.ct-link-x {
    color           : #49b2ff;
    text-decoration : none;
    font-family     : 'Roboto', sans-serif;
    font-size       : 30px;
    cursor          : pointer;
    text-align      : right;
    text-transform  : capitalize;
    font-style      : normal;
    font-weight     : normal;
    letter-spacing  : -1px;
    transition      : 200ms all ease-in;
}

.ct-link-x:hover {
    color           : #004699;
    text-decoration : none;
    font-family     : 'Roboto', sans-serif;
    font-size       : 30px;
    text-transform  : capitalize;
    font-style      : normal;
    font-weight     : normal;
    letter-spacing  : -1px;
    transition      : 200ms all ease-in;
}

.pf-link-mark-1:hover {
    border-top      : 3px solid #3d94d4;
    border-bottom   : 3px solid #3d94d4;
    color           : #3d94d4;
    text-decoration : none;
    font-family     : 'Roboto', sans-serif;
    font-size       : 22px;
    text-transform  : capitalize;
    font-style      : normal;
    font-weight     : normal;
    letter-spacing  : -1px;
    transition      : 200ms all ease-out;
}

.pf-link-mark-text-1 {
    color           : #6e6e6e;
    text-decoration : none;
    font-family     : 'Roboto', sans-serif;
    font-size       : 20px;
    text-transform  : capitalize;
    font-style      : normal;
    font-weight     : bold;
    letter-spacing  : -1px;
}

.pf-gp-text-1 {
    color          : #575757;
    font-family    : 'IBM Plex Sans', sans-serif;
    font-size      : 14px;
    text-transform : capitalize;
    font-style     : normal;
    font-weight    : bolder;
}

.pf-gp-text-1-1 {
    color          : #575757;
    font-family    : 'Roboto', sans-serif;
    font-size      : 16px;
    text-transform : capitalize;
    font-style     : normal;
    font-weight    : 600;
}

.pf-gp-text-1-1-1 {
    color          : #7a98a2;
    font-family    : 'Roboto', sans-serif;
    font-size      : 14px;
    text-transform : capitalize;
    font-style     : normal;
    font-weight    : normal;
    line-height    : 17px;
}

.pf-gp-head-2 {
    color          : #2f73a5;
    font-family    : 'IBM Plex Sans', sans-serif;
    font-size      : 14px;
    text-transform : uppercase;
    font-style     : normal;
    font-weight    : bolder;
}

.pf-gp-head-2-1 {
    color          : #2f73a5;
    font-family    : 'Roboto', sans-serif;
    font-size      : 14px;
    text-transform : uppercase;
    font-style     : normal;
    font-weight    : 500;
}

.pf-tt-head-1 {
    color       : whitesmoke;
    font-family : 'Roboto', sans-serif;
    font-size   : 14px;
    font-style  : normal;
    font-weight : normal;
    line-height : 17px;
    padding     : 14px 12px;
    text-align  : left;
    transition  : 300ms all ease-in;
}

.pf-tt-head-1:hover {
    color       : whitesmoke;
    font-family : 'Roboto', sans-serif;
    font-size   : 14px;
    font-style  : normal;
    font-weight : normal;
    line-height : 17px;
    padding     : 18px 14px;
    text-align  : left;
    transition  : 300ms all ease-out;
}

.pf-head-1-1 {
    color       : #8ea7b0;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 14px;
    font-style  : italic;
    font-weight : bolder;

}

.pf-head-1-1:hover {
    color       : #8ea7b0;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 14px;
    font-style  : italic;
    font-weight : bolder;
}

.pf-head-1a {
    color          : #0d5392;
    font-family    : 'IBM Plex Sans', sans-serif;
    font-size      : 20px;
    font-style     : normal;
    font-weight    : bold;
    line-height    : 1px;
    letter-spacing : -4px;
}

.pf-head-2 {
    color       : #1a516c;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 15px;
    font-style  : normal;
    font-weight : bolder;
}

.pf-text-1 {
    color       : #000000;
    font-family : 'Roboto', sans-serif;
    font-size   : 14px;
    font-style  : normal;
    font-weight : 500;
}

.pf-text-1-1 {
    color       : #0d5392;
    font-family : 'Roboto', sans-serif;
    font-size   : 18px;
    font-style  : normal;
    font-weight : 500;
}

.pf-text-1-1-1 {
    color       : #0d5392;
    font-family : 'Roboto', sans-serif;
    font-size   : 24px;
    font-style  : normal;
    font-weight : 500;
}

.pf-text-1-1-1 {
    color       : #000000;
    font-family : 'Roboto', sans-serif;
    font-size   : 13px;
    font-style  : normal;
    font-weight : 500;
}

.pf-text-1-1-1-1 {
    color       : #000000;
    font-family : 'Roboto', sans-serif;
    font-size   : 16px;
    font-style  : normal;
    font-weight : 500;
}

.pf-text-1-1-1-red {
    color       : #ff0f00;
    font-family : 'Roboto', sans-serif;
    font-size   : 13px;
    font-style  : normal;
    font-weight : 600;
}

.pf-text-1a {
    color       : #757575;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 18px;
    font-style  : normal;
    font-weight : 500;
    line-height : 1.5;
}

.pf-text-rpt-1 {
    color       : #153047;
    font-family : 'Roboto', sans-serif;
    font-size   : 16px;
    font-style  : normal;
    font-weight : 500;
}

.pf-text-2 {
    color       : #000000;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 14px;
    font-style  : normal;
    font-weight : 500;
}

.pf-link-m-new {
    color            : white;
    cursor           : pointer;
    background-color : #008c06;
    font-family      : 'Roboto', sans-serif;
    font-size        : 15px;
    padding          : 8px 4px;
    margin-left      : 0;
    margin-right     : 0;
    width            : 100%;
    display          : inline-block;
    float            : none;
    text-align       : center;
    letter-spacing   : 1px;
    text-decoration  : none;
    font-weight      : 400;
    line-height      : 1.1;
    transition       : 155ms all ease-in;
}

.pf-link-m-new:hover {
    color            : white;
    cursor           : pointer;
    background-color : #00c806;
    font-family      : 'Roboto', sans-serif;
    font-size        : 15px;
    padding          : 8px 4px;
    margin-left      : 0;
    margin-right     : 0;
    width            : 100%;
    display          : inline-block;
    float            : none;
    text-align       : center;
    letter-spacing   : 1px;
    text-decoration  : none;
    font-weight      : 400;
    line-height      : 1.1;
    transition       : 155ms all ease-in;
}

.pf-link-submit {
    border           : 3px solid #0a5ba6;
    min-width        : 150px;
    color            : white;
    cursor           : pointer;
    background-color : #0a5ba6;
    font-family      : 'Roboto', sans-serif;
    font-size        : 13px;
    padding          : 8px 6px;
    letter-spacing   : 1px;
    text-decoration  : none;
    font-weight      : 400;
    line-height      : 1;
    transition       : 222ms all ease-in;
}

.pf-link-submit:hover {
    border           : 3px solid #0d75d6;
    color            : white;
    cursor           : pointer;
    background-color : #0d75d6;
    font-family      : 'Roboto', sans-serif;
    font-size        : 15px;
    padding          : 6px 4px;
    margin-left      : 0;
    margin-right     : 0;
    width            : 100%;
    display          : inline-block;
    float            : none;
    text-align       : center;
    letter-spacing   : 1px;
    text-decoration  : none;
    font-weight      : 400;
    line-height      : 1.1;
    transition       : 155ms all ease-in;
}

.pf-link-sm-edit {
    color            : #ffffff;
    cursor           : pointer;
    background-color : #0a5ba6;
    font-family      : 'Roboto', sans-serif;
    font-size        : 15px;
    padding          : 6px 4px;
    margin-left      : 0;
    margin-right     : 0;
    width            : 100%;
    display          : inline-block;
    float            : none;
    text-align       : center;
    letter-spacing   : 1px;
    text-decoration  : none;
    font-weight      : 400;
    transition       : 155ms all ease-out;
}

.pf-link-sm-edit:hover {
    color            : white;
    cursor           : pointer;
    background-color : #0a92fc;
    font-family      : 'Roboto', sans-serif;
    font-size        : 15px;
    padding          : 6px 4px;
    letter-spacing   : 1px;
    text-decoration  : none;
    font-weight      : 400;
    transition       : 222ms all ease-out;
}

.pf-link-sm-new {
    color            : white;
    cursor           : pointer;
    background-color : #008c06;
    font-family      : 'Roboto', sans-serif;
    font-size        : 15px;
    padding          : 6px 4px;
    margin-left      : 0;
    margin-right     : 0;
    width            : 100%;
    display          : inline-block;
    float            : none;
    text-align       : center;
    letter-spacing   : 1px;
    text-decoration  : none;
    font-weight      : 400;
    line-height      : 1.1;
    transition       : 155ms all ease-in;
}

.pf-link-sm-new:hover {
    color            : white;
    cursor           : pointer;
    background-color : #00c806;
    font-family      : 'Roboto', sans-serif;
    font-size        : 15px;
    padding          : 6px 4px;
    margin-left      : 0;
    margin-right     : 0;
    width            : 100%;
    display          : inline-block;
    float            : none;
    text-align       : center;
    letter-spacing   : 1px;
    text-decoration  : none;
    font-weight      : 400;
    line-height      : 1.1;
    transition       : 155ms all ease-in;
}

.pf-link-m-edit {
    border           : 3px solid dodgerblue;
    color            : white;
    cursor           : pointer;
    background-color : #0a5ba6;
    font-family      : 'Roboto', sans-serif;
    font-size        : 15px;
    padding          : 6px 4px;
    margin-left      : 0;
    margin-right     : 0;
    width            : 100%;
    display          : inline-block;
    float            : none;
    text-align       : center;
    letter-spacing   : 1px;
    text-decoration  : none;
    font-weight      : 400;
    line-height      : 1.1;
    transition       : 155ms all ease-in;
}

.pf-link-m-edit:hover {
    border           : 3px solid #77c6ff;
    color            : #77c6ff;
    cursor           : pointer;
    background-color : #0a3968;
    font-family      : 'Roboto', sans-serif;
    font-size        : 15px;
    padding          : 6px 4px;
    margin-left      : 0;
    margin-right     : 0;
    width            : 100%;
    display          : inline-block;
    float            : none;
    text-align       : center;
    letter-spacing   : 1px;
    text-decoration  : none;
    font-weight      : 400;
    line-height      : 1.1;
    transition       : 155ms all ease-in;
}

.pf-link-sm-del {
    color            : #ffffff;
    cursor           : pointer;
    background-color : #ff2a00;
    font-family      : 'Roboto', sans-serif;
    font-size        : 15px;
    padding          : 6px 4px;
    margin-left      : 0;
    margin-right     : 0;
    width            : 100%;
    display          : inline-block;
    float            : none;
    text-align       : center;
    letter-spacing   : 1px;
    text-decoration  : none;
    font-weight      : 400;
    transition       : 155ms all ease-in;
}

.pf-link-sm-del:hover {
    color            : #ffffff;
    cursor           : pointer;
    background-color : rgba(255, 22, 0, 0.8);
    font-family      : 'Roboto', sans-serif;
    font-size        : 15px;
    padding          : 6px 4px;
    margin-left      : 0;
    margin-right     : 0;
    width            : 100%;
    display          : inline-block;
    float            : none;
    text-align       : center;
    letter-spacing   : 1px;
    text-decoration  : none;
    font-weight      : 400;
    transition       : 155ms all ease-out;
}

.pf-link-sm-help {
    color            : white;
    cursor           : pointer;
    background-color : #000719;
    font-family      : 'Roboto', sans-serif;
    font-size        : 15px;
    padding          : 8px 4px;
    margin-left      : 0;
    margin-right     : 0;
    width            : 100%;
    display          : inline-block;
    float            : none;
    text-align       : center;
    letter-spacing   : 1px;
    text-decoration  : none;
    font-weight      : 400;
    line-height      : 1.1;
    transition       : 155ms all ease-in;
}

.pf-link-sm-help:hover {
    color            : white;
    cursor           : pointer;
    background-color : #004783;
    font-family      : 'Roboto', sans-serif;
    font-size        : 15px;
    padding          : 8px 4px;
    margin-left      : 0;
    margin-right     : 0;
    width            : 100%;
    display          : inline-block;
    float            : none;
    text-align       : center;
    letter-spacing   : 1px;
    text-decoration  : none;
    font-weight      : 400;
    line-height      : 1.1;
    transition       : 155ms all ease-in;
}

.pf-link-sm-nav {
    color           : dodgerblue;
    cursor          : pointer;
    font-family     : 'Roboto', sans-serif;
    font-size       : 45px;
    padding         : 8px 4px;
    margin-left     : 0;
    margin-right    : 0;
    display         : inline-block;
    float           : none;
    text-align      : center;
    letter-spacing  : 1px;
    text-decoration : none;
    font-weight     : 400;
    line-height     : 1.1;
    transition      : 155ms all ease-in;
}

.pf-link-sm-nav:hover {
    color           : #1668b9;
    cursor          : pointer;
    font-family     : 'Roboto', sans-serif;
    font-size       : 45px;
    padding         : 8px 4px;
    margin-left     : 0;
    margin-right    : 0;
    display         : inline-block;
    float           : none;
    text-align      : center;
    letter-spacing  : 1px;
    text-decoration : none;
    font-weight     : 400;
    line-height     : 1.1;
    transition      : 155ms all ease-in;
}

.pf-link-sm-nav_print {
    color           : #05182b;
    cursor          : pointer;
    font-family     : 'Roboto', sans-serif;
    font-size       : 45px;
    padding         : 8px 4px;
    margin-left     : 0;
    margin-right    : 0;
    display         : inline-block;
    float           : none;
    text-align      : center;
    letter-spacing  : 1px;
    text-decoration : none;
    font-weight     : 400;
    line-height     : 1.1;
    transition      : 155ms all ease-in;
}

.pf-link-sm-nav_print:hover {
    color           : #05182b;
    cursor          : pointer;
    font-family     : 'Roboto', sans-serif;
    font-size       : 45px;
    padding         : 8px 4px;
    margin-left     : 0;
    margin-right    : 0;
    display         : inline-block;
    float           : none;
    text-align      : center;
    letter-spacing  : 1px;
    text-decoration : none;
    font-weight     : 400;
    line-height     : 1.1;
    transition      : 155ms all ease-in;
}

.pf-text-nav-1 {
    color       : #23557a;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 16px;
    font-style  : normal;
    font-weight : bolder;
}

.pf-text-nav-disabled {
    background-color : #000000;
    color            : #e2f5ff;
    font-family      : 'IBM Plex Sans', sans-serif;
    font-size        : 14px;
    padding          : 3px 8px;
    font-style       : normal;
    font-weight      : bolder;
    text-decoration  : none;
    transition       : 150ms all ease-in;
}

.pf-text-nav-disabled:hover {
    background-color : #515151;
    color            : #e2f5ff;
    cursor           : not-allowed;
    font-family      : 'IBM Plex Sans', sans-serif;
    font-size        : 14px;
    padding          : 3px 8px;
    font-style       : normal;
    font-weight      : bolder;
    text-decoration  : none;
    transition       : 150ms all ease-out;
}

.pf-text-nav-enabled {
    background-color : #000000;
    border-radius    : 15px;
    color            : #e2f5ff;
    font-family      : 'Roboto', sans-serif;
    font-size        : 14px;
    padding          : 3px 8px;
    font-style       : normal;
    font-weight      : bolder;
    text-decoration  : none;
    transition       : 350ms all ease-in;
}

.pf-text-nav-enabled:hover {
    background-color : #1668b9;
    color            : #e2f5ff;
    cursor           : pointer;
    font-family      : 'Roboto', sans-serif;
    font-size        : 14px;
    padding          : 3px 8px;
    font-style       : normal;
    font-weight      : bolder;
    text-decoration  : none;
    transition       : 350ms all ease-out;
}

/********************************************************



********************************************************/
.p-head-1 {
    color       : #0a67b0;
    font-family : 'Chakra Petch', sans-serif;
    font-size   : 20px;
    font-style  : normal;
    font-weight : 500;
}

.qfct-head-1 {
    color       : #0a67b0;
    font-family : 'Roboto', sans-serif;
    font-size   : 22px;
    font-style  : normal;
    font-weight : 500;
}

.qfct-head-2 {
    color       : #0c82dd;
    font-family : 'Poppins', sans-serif;
    font-size   : 20px;
    font-style  : italic;
    font-weight : 500;
}

.qfct-text-1 {
    color       : #898989;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 17px;
    font-style  : normal;
    line-height : 19px;
    font-weight : 400;
}

.p-head-1a {
    color       : #2879bf;
    font-family : 'Poppins', sans-serif;
    font-size   : 24px;
    font-style  : normal;
    font-weight : 500;
}

.p-head-1b {
    color               : #2879bf;
    font-family         : 'IBM Plex Sans', sans-serif;
    font-size           : 22px;
    font-style          : normal;
    letter-spacing      : 1px;
    font-weight         : 700;
    font-palette        : dark;
    text-emphasis-color : black;
}

.p-head-2 {
    color       : #727272;
    font-family : 'Chakra Petch', sans-serif;
    font-size   : 16px;
    padding     : 0;
    margin      : 0;
    font-style  : normal;
    font-weight : 600;
}

.p-text-head-0 {
    color       : #59b4ff;
    font-style  : normal;
    font-weight : 600;
    font-family : 'Poppins', sans-serif;
    font-size   : 42px;
    line-height : 40px;
}

.bxx-text-h2 {
    color       : #006dbe;
    font-style  : normal;
    font-weight : 800;
    font-family : 'Poppins', sans-serif;
    font-size   : 2.8vmin;
    line-height : 3vmin;
    letter-spacing: -0.51px;
}

.p-text-head-1 {
    color       : #0067be;
    font-style  : italic;
    font-weight : 400;
    font-family : 'Kanit', sans-serif;
    font-size   : 26px;
    line-height : normal;
    transition  : 222ms all linear;
}
.bx-txt-head-1 {
    color       : #0c94ff;
    font-style  : normal;
    font-weight : 500;
    font-family : 'Poppins', sans-serif;
    font-size   : 2.4vh;
    line-height : 2.9vmin;
    transition  : 222ms all linear;
}
/********************************************************



********************************************************/

/*
font-family: 'Kanit', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Muli', sans-serif;
font-family: 'Quicksand', sans-serif;
font-family: 'IBM Plex Sans', sans-serif;
font-family: 'Fira Sans Condensed', sans-serif;
font-family: 'Monda', sans-serif;
font-family: 'Didact Gothic', sans-serif;
font-family: 'Montserrat Alternates', sans-serif;
font-family: 'Aldrich', sans-serif;
font-family: 'Chakra Petch', sans-serif;

 */
.p-text-sub-head-0 {
    color          : #59b4ff;
    font-style     : oblique;
    font-weight    : 500;
    font-family    : 'IBM Plex Sans', sans-serif;
    font-size      : 22px;
    line-height    : normal;
    letter-spacing : -1px;
    transition     : 222ms all linear;
}

.p-input-text-1 {
    color       : #000;
    font-style  : normal;
    font-weight : 600;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 14px;
    padding     : 4px 15px;
    margin      : 0;
    transition  : 222ms all linear;
}

.p-input-text-1:hover {
    color            : #000;
    background-color : rgba(190, 229, 255, 0.64);
    font-style       : normal;
    font-weight      : 600;
    font-family      : 'IBM Plex Sans', sans-serif;
    font-size        : 14px;
    transition       : 222ms all linear;
}

.p-input-text-1:focus {
    color            : #000;
    background-color : rgba(190, 229, 255, 0.29);
    font-style       : normal;
    font-weight      : 600;
    font-family      : 'IBM Plex Sans', sans-serif;
    font-size        : 14px;
    transition       : 222ms all linear;
}

.p-input-textarea-1 {
    color       : #000;
    font-style  : normal;
    font-weight : 500;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 14px;
    line-height : 16px;
    padding     : 4px 5px;
    margin      : 0;
    transition  : 150ms all ease-in;
}

.p-input-textarea-1:hover {
    color            : #000;
    background-color : rgba(190, 229, 255, 0.64);
    font-style       : normal;
    font-weight      : 500;
    font-family      : 'IBM Plex Sans', sans-serif;
    font-size        : 14px;
    line-height      : 16px;
    padding          : 4px 5px;
    margin           : 0;
    transition       : 150ms all ease-in;
}

.p-input-textarea-1:focus {
    color            : #000;
    background-color : rgba(190, 229, 255, 0.29);
    font-style       : normal;
    font-weight      : 600;
    font-family      : 'IBM Plex Sans', sans-serif;
    font-size        : 14px;
    line-height      : 16px;
    padding          : 4px 5px;
    margin           : 0;
    transition       : 150ms all ease-in;
}

.p-input-textarea-2 {
    color       : #000;
    font-style  : normal;
    font-weight : 500;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 14px;
    line-height : 16px;
    padding     : 4px 5px;
    margin      : 0;
    transition  : 150ms all ease-in;
}

.p-input-textarea-2:hover {
    color            : rgba(255, 255, 181, 0.51);
    background-color : rgba(233, 244, 255, 0.64);
    font-style       : normal;
    font-weight      : 500;
    font-family      : 'IBM Plex Sans', sans-serif;
    font-size        : 14px;
    line-height      : 16px;
    padding          : 4px 5px;
    margin           : 0;
    transition       : 150ms all ease-in;
}

.p-input-textarea-2:focus {
    color            : rgba(255, 255, 73, 0.51);
    background-color : rgba(190, 229, 255, 0.29);
    font-style       : normal;
    font-weight      : 500;
    font-family      : 'IBM Plex Sans', sans-serif;
    font-size        : 14px;
    line-height      : 16px;
    padding          : 4px 5px;
    margin           : 0;
    transition       : 150ms all ease-in;
}

input[type=teext] {
    color       : #000;
    border      : 1px solid silver;
    font-style  : normal;
    font-weight : 600;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 14px;
    padding     : 4px 5px;
    margin      : 0;
    transition  : 222ms all linear;
}

input[type=tel] {
    color       : #000;
    border      : 1px solid silver;
    font-style  : normal;
    font-weight : 600;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 14px;
    padding     : 4px 5px;
    margin      : 0;
    transition  : 222ms all linear;
}

input[type=number] {
    color       : #000;
    border      : 1px solid silver;
    font-style  : normal;
    font-weight : 600;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 14px;
    padding     : 2px 2px;
    margin      : 0;
    transition  : 222ms all linear;
}

input[type=radio] {
    color       : #125694;
    border      : 1px solid silver;
    font-style  : normal;
    font-weight : 600;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 14px;
    padding     : 4px 5px;
    margin      : 0;
    transition  : 222ms all linear;
}

input[type=date] {
    color       : #000;
    border      : 1px solid silver;
    font-style  : normal;
    font-weight : 500;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 14px;
    padding     : 4px 5px;
    margin      : 0;
    transition  : 222ms all linear;
}

inpurt[type=email] {
    color       : #000;
    border      : 1px solid silver;
    font-style  : normal;
    font-weight : 500;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 14px;
    padding     : 4px 8px;
    line-height : 14px;
    margin      : 0;
    transition  : 222ms all linear;
}

input[type=date] {
    color       : #000;
    border      : 1px solid silver;
    font-style  : normal;
    font-weight : 600;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 14px;
    margin      : 0;
}

.ps-select-1 {
    border           : 1px solid white;
    font-style       : normal;
    display          : list-item;
    font-size        : 14px;
    font-weight      : normal;
    font-family      : 'Roboto', sans-serif;
    background-color : #2c72a0;
    color            : #e8ebf3;
    padding-top      : 5px;
    padding-bottom   : 5px;
    line-height      : 14px;
    transition       : 450ms all ease-in;
}

.ps-select-1 > list {
    font-weight : normal;
}

.ps-select-1:hover {
    border           : 1px solid white;
    font-style       : normal;
    font-size        : 14px;
    font-weight      : normal;
    font-family      : 'Roboto', sans-serif;
    background-color : #002d5a;
    color            : #e8ebf3;
    margin           : 0;
    padding-top      : 5px;
    padding-bottom   : 5px;
    line-height      : 12px;
    transition       : 333ms all ease-out;
}

.ps-select-1:hover > opetion {
    color        : #a2d9ff;
    padding-left : 10px;
    margin-left  : 11px;
    line-height  : 12px;
    font-weight  : normal;
}

li::first-letter {
    line-height    : 14px;
    font-weight    : bold;
    vertical-align : hanging;
}

li::first-line {
    line-height    : 14px;

    vertical-align : hanging;
}

.ps-select-1:focus {
    border           : 1px solid white;
    font-style       : normal;
    font-size        : 14px;
    font-weight      : normal;
    font-family      : 'Roboto', sans-serif;
    background-color : #002d5a;
    color            : #e8ebf3;
    margin           : 0;
    padding-top      : 5px;
    padding-bottom   : 5px;
    line-height      : 12px;
    transition       : 333ms all ease-out;
}

.p-input-text-2 {
    color       : #144374;
    font-style  : normal;
    font-weight : 500;
    font-family : 'Roboto', sans-serif;
    font-size   : 15px;
    line-height : 16px;
    transition  : 222ms all linear;
}

.pss-input-text-3 {
    color       : #144374;
    font-style  : normal;
    font-weight : 500;
    font-family : 'Roboto', sans-serif;
    font-size   : 20px;
    line-height : 20px;
    padding     : 8px 19px;
    transition  : 222ms all linear;
}

.p-input-text-2:focus {
    color            : #144374;
    background-color : whitesmoke;
    font-style       : normal;
    font-weight      : 500;
    font-family      : 'Roboto', sans-serif;
    font-size        : 15px;
    line-height      : 16px;
    transition       : 222ms all linear;
}

.qfpp-para-title {
    color          : #226dc1;
    font-family    : 'Aldrich', sans-serif;
    font-size      : 22px;
    font-style     : normal;
    font-weight    : 500;
    text-align     : center;
    text-transform : uppercase;
    text-shadow    : 0 0 1px #b8d2ff;
}

.qfpp-para-title-2 {
    color          : #2261ab;
    font-family    : 'Kanit', sans-serif;
    font-size      : 22px;
    font-style     : italic;
    font-weight    : 500;
    text-transform : uppercase;
    letter-spacing : 1px;
    text-shadow    : 0 0 1px #b8d2ff;
}

.p-conduit-title-1 {
    font-family    : 'Chakra Petch', sans-serif;
    font-size      : 40px;
    font-style     : normal;
    font-weight    : 500;
    text-align     : center;
    text-transform : uppercase;
}

.qfpp-para-head {
    color          : #226dc1;
    font-family    : 'Chakra Petch', sans-serif;
    font-size      : 28px;
    font-style     : normal;
    font-weight    : 500;
    text-align     : center;
    text-transform : uppercase;
    text-shadow    : 0 0 1px #b8d2ff;
}

.qfpp-para-head-left {
    color          : #226dc1;
    font-family    : 'Kanit', sans-serif;
    font-size      : 24px;
    font-style     : normal;
    font-weight    : normal;
    text-align     : center;
    text-transform : uppercase;
    text-shadow    : 0 0 1px #b8d2ff;
}

.qftc-link-1 {
    color            : #226dc1;
    background-color : #e0efff;
    font-family      : 'Poppins', sans-serif;
    text-decoration  : none;
    display          : inline-block;
    cursor           : pointer;
    font-size        : 16px;
    font-weight      : 400;
    text-align       : justify;
    line-height      : 20px;
    padding          : 6px 10px;
    transition       : 300ms all ease-in;
}

.qftc-link-1:hover {
    color            : #e0efff;
    background-color : #0a2744;
    font-family      : 'Poppins', sans-serif;
    text-decoration  : none;
    display          : inline-block;
    cursor           : pointer;
    font-size        : 16px;
    font-weight      : 400;
    text-align       : justify;
    line-height      : 20px;
    padding          : 6px 10px;
    transition       : 300ms all ease-out;

}

.qftc-subhead-1 {
    color       : #828282;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 14px;
    font-style  : italic;
    line-height : 12px;
    font-weight : 500;
    text-align  : justify;
}

.qftc-subhead-para-1 {
    color       : #292929;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 14px;
    font-style  : normal;
    line-height : 14px;
    font-weight : 500;
    text-align  : justify;
}

.qfpp-para-1 {
    color       : black;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 15px;
    line-height : 1.2;
    font-weight : 500;
    text-align  : left;
}

.qftc-para-2 {
    color       : #257bd5;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 16px;
    line-height : 20px;
    font-weight : 500;
    text-align  : justify;
}

.qftc-para-1-1 {
    color       : #545454;
    font-family : 'Roboto', sans-serif;
    font-size   : 15px;
    line-height : 20px;
    font-weight : 400;
    text-align  : left;
}

.qfpp-para-2 {
    color       : #226dc1;
    font-family : 'Poppins', sans-serif;
    font-size   : 16px;
    font-weight : 400;
    text-align  : justify;
    line-height : 17px;
}

.qfpp-para-3 {
    color       : #000;
    font-family : 'IBM Plex Sans', sans-serif;
    font-size   : 14px;
    line-height : 1;
    font-weight : 500;
    text-align  : justify;
}

.qf-tooltip-text-1 {
    color       : #f0f0f0;
    font-family : 'IBM Plex Sans', sans-serif;
    font-weight : 400;
    font-size   : 14px;
    padding     : 10px 10px;
    text-align  : left;
    line-height : 19px;
}

.qf-error-text-1 {
    color       : #ee0000;
    font-family : 'IBM Plex Sans', sans-serif;
    font-weight : 400;
    font-size   : 14px;
    padding     : 2px 2px;
    text-align  : left;

}

.p-icon-1g {
    color          : rgb(39, 158, 0);
    font-size      : 14px;
    font-weight    : 900;
    padding-bottom : 0.4vh;
}

.p-icon-1r {
    color          : rgb(208, 4, 14);
    font-size      : 14px;
    font-weight    : 900;
    padding-bottom : 0.4vh;
}

.p-item-text-1-g {
    color           : green;
    font-family     : 'Roboto', sans-serif;
    font-size       : 16px;
    font-style      : normal;
    font-weight     : 500;
    text-align      : left;
    text-transform  : uppercase;
    text-decoration : none;
    transition      : 250ms all ease-in-out;
}

.p-item-text-1-g1 {
    color          : green;
    font-family    : 'Roboto', sans-serif;
    font-size      : 16px;
    font-style     : normal;
    font-weight    : 600;
    text-align     : left;
    text-transform : uppercase;
}

.p-item-text-1-r {
    color           : #d0040e;
    font-family     : 'Roboto', sans-serif;
    font-size       : 16px;
    font-style      : normal;
    font-weight     : 500;
    text-align      : left;
    text-transform  : uppercase;
    text-decoration : none;
    transition      : 250ms all ease-in-out;
}

.p-item-text-1-r1 {
    color          : red;
    font-family    : 'Roboto', sans-serif;
    font-size      : 16px;
    font-style     : normal;
    font-weight    : 600;
    text-align     : left;
    text-transform : uppercase;
}

.p-item-error-bar {
    background-color : #f4d3cd;
    color            : #d0040e;
    font-family      : 'Aldrich', sans-serif;
    font-size        : 14px;
    font-style       : normal;
    font-weight      : 400;
    text-align       : left;
    text-transform   : uppercase;
    text-decoration  : none;
    transition       : 250ms all ease-in-out;
}

.p-item-error-bar-text {
    color          : #d0040e;
    font-size      : 16px;
    font-family    : 'Poppins', sans-serif;
    text-transform : capitalize;
}

.p-item-link {
    color           : green;
    font-family     : 'Roboto', sans-serif;
    font-size       : 16px;
    font-style      : normal;
    font-weight     : 500;
    text-align      : left;
    text-transform  : uppercase;
    text-decoration : none;

    line-height     : 1;
    border-top      : 1px solid transparent;
    border-bottom   : 1px solid transparent;
    transition      : 222ms all linear;
}

.p-item-link:hover {
    color           : green;
    font-family     : 'Roboto', sans-serif;
    font-size       : 16px;
    font-style      : normal;
    font-weight     : 500;
    text-align      : left;
    text-transform  : uppercase;
    text-decoration : none;
    line-height     : 1;
    border-top      : 1px solid green;
    border-bottom   : 1px solid green;
}

.p-item-link-r {
    color           : #d0040e;
    font-family     : 'Aldrich', sans-serif;
    font-size       : 14px;
    font-style      : normal;
    font-weight     : 400;
    text-align      : left;
    text-transform  : uppercase;
    text-decoration : none;
    padding-top     : 5px;
    line-height     : 18px;

    border-top      : 1px solid transparent;
    border-bottom   : 1px solid transparent;
}

.p-item-link-r:hover {
    font-family     : 'Aldrich', sans-serif;
    font-size       : 14px;
    font-style      : normal;
    font-weight     : 400;
    text-align      : left;
    text-transform  : uppercase;
    text-decoration : none;
    line-height     : 18px;
    padding-top     : 5px;
    border-top      : 1px solid #d0040e;
    border-bottom   : 1px solid #d0040e;
}

/*======================================================================================
	FORM ELEMENTS
 ======================================================================================*/

.p-input-text {
    font-family    : 'Poppins', sans-serif;
    color          : #599ce3;
    font-style     : normal;
    font-weight    : 500;
    text-transform : uppercase;
    font-size      : 16px;
    padding-left   : 5px;
    padding-bottom : -10px;
    margin-bottom  : -1px;
    transition     : 444ms all ease-in-out;
}

.p-select-text {
    border           : 1px solid silver;
    background-color : #f0f6f9;
    font-family      : 'Poppins', sans-serif;
    color            : #0b0b13;
    font-style       : normal;
    font-weight      : 600;
    text-transform   : uppercase;
    font-size        : 15px;
    padding-left     : 5px;
    padding-bottom   : -10px;
    margin-bottom    : -1px;
    transition       : 300ms all ease-in;
}

.p-select-text:hover {
    border           : 1px solid silver;
    background-color : #d6dcdf;
    font-family      : 'Poppins', sans-serif;
    color            : #0b0b13;
    font-style       : normal;
    font-weight      : 600;
    text-transform   : uppercase;
    font-size        : 15px;
    padding-left     : 5px;
    padding-bottom   : -10px;
    margin-bottom    : -1px;
    transition       : 1300ms all ease-out;
}

.p-select-text, eion {
    font-weight : 600;
}

.p-textarea-1 {
    font-family  : 'Poppins', sans-serif;
    color        : #07111d;
    font-style   : normal;
    font-weight  : 400;
    font-size    : 14px;
    padding-left : 5px;
    border       : 1px dotted #131313;
}

.p-lmenu-h1 {
    background-color : #edf3f3;
    font-family      : 'IBM Plex Sans', sans-serif;
    font-size        : 24px;
    font-weight      : bolder;
    padding          : 10px 15px;
    line-height      : 1;
}

.p-mbtn-1 {
    background-color : #f7f7f7;
    color            : #0a3f70;
    font-family      : 'Roboto', sans-serif;
    font-size        : 17px;
    font-weight      : 500;
    text-decoration  : none;
    text-transform   : uppercase;
    transition       : 300ms all ease-in;
}

.p-mbtn-1:hover {
    background-color : #0e3342;
    color            : #cbcbe4;
    font-family      : 'Roboto', sans-serif;
    font-size        : 17px;
    font-weight      : 500;
    text-decoration  : none;
    text-transform   : uppercase;
    transition       : 300ms all ease-in;
}

.p-btn-1 {
    color            : #23638b;
    border-top       : 1px solid transparent;
    border-bottom    : 1px solid transparent;
    cursor           : none;
    padding-top      : 0;
    padding-bottom   : 0;
    margin           : 0;
    background-color : transparent;
    font-family      : 'Roboto', sans-serif;
    font-size        : 17px;
    font-weight      : 500;
    text-decoration  : none;
    text-transform   : uppercase;
    transition       : 300ms all ease-in;
}

.p-btn-1:hover {
    border-top       : 1px dotted #6e97a5;
    border-bottom    : 1px dotted #6e97a5;
    color            : #6e97a5;
    cursor           : pointer;
    padding-left     : 11px;
    padding-top      : 0;
    padding-bottom   : 0;
    margin           : 0;
    background-color : transparent;
    font-family      : 'Roboto', sans-serif;
    font-size        : 17px;
    font-weight      : 500;
    text-decoration  : none;
    transition       : 300ms all ease-out;
}

.p-btn-1:active {
    background-color : #0a3f70;
    color            : white;
    border-top       : 1px solid transparent;
    border-bottom    : 1px solid transparent;
    cursor           : none;
    padding-top      : 0;
    padding-bottom   : 0;
    margin           : 0;
    font-family      : 'Roboto', sans-serif;
    font-size        : 17px;
    font-weight      : 500;
    text-decoration  : none;
    text-transform   : uppercase;
    transition       : 100ms all ease-in;
}

.p-btn-1:focus {
    background-color : #0a3f70;
    color            : white;
    border-top       : 1px solid transparent;
    border-bottom    : 1px solid transparent;
    cursor           : none;
    padding-top      : 0;
    padding-bottom   : 0;
    margin           : 0;
    font-family      : 'Roboto', sans-serif;
    font-size        : 17px;
    font-weight      : 500;
    text-decoration  : none;
    text-transform   : uppercase;
    transition       : 100ms all ease-in;
}

.p-link {
    font-family      : 'Poppins', sans-serif;
    background-color : transparent;
    border-radius    : 0;
    text-transform   : uppercase;
    font-size        : 18px;
    padding          : 4px 8px;
    transition       : 222ms all ease-in-out;
}

.ct-jitsi-link {
    color            : #0a5ba6;
    font-family      : 'Roboto', sans-serif;
    background-color : transparent;
    text-decoration  : none;
    border-radius    : 0;
    text-indent      : 0;
    text-transform   : capitalize;
    font-size        : 18px;
    padding          : 4px 8px;
    transition       : 222ms all ease-in-out;
}

.ct-jitsi-link:hover {
    color            : #686868;
    font-family      : 'Roboto', sans-serif;
    background-color : transparent;
    text-decoration  : none;
    border-radius    : 0;
    margin-left      : 10px;
    text-transform   : capitalize;
    font-size        : 18px;
    padding          : 4px 8px;
    transition       : 222ms all ease-in-out;
}

.p-link:hover {
    font-family    : 'Poppins', sans-serif;
    color          : rgba(28, 142, 255, 0.93);
    cursor         : pointer;
    border-radius  : 0;
    text-transform : uppercase;
    font-size      : 18px;
    padding        : 4px 8px;
    transition     : 222ms all ease-in-out;
}

.p-button-submit {
    font-family      : 'Poppins', sans-serif;
    color            : white;
    background-color : #4c5866;
    border-radius    : 0;
    text-transform   : uppercase;
    text-decoration  : none;
    font-size        : 18px;
    padding          : 8px 16px;
    transition       : 222ms all ease-in-out;
}

.p-button-submit:hover {
    font-family                : 'Poppins', sans-serif;
    color                      : white;
    cursor                     : pointer;
    background-color           : rgba(28, 142, 255, 0.93);
    border-bottom-right-radius : 30px;
    text-transform             : uppercase;
    font-size                  : 18px;
    padding                    : 8px 16px;
}

.p-button-submit-g {
    font-family      : 'Roboto', sans-serif;
    color            : white;
    cursor           : none;
    background-color : #3d8c00;
    border-radius    : 0;
    text-transform   : uppercase;
    font-size        : 19px;
    font-weight      : bolder;
    padding          : 11px 12px;
    transition       : 222ms all ease-in-out;
}

.p-button-submit-g:hover {
    font-family                : 'Roboto', sans-serif;
    color                      : white;
    cursor                     : pointer;
    background-color           : #3d8c00;
    border-bottom-right-radius : 30px;
    font-size                  : 19px;
    padding                    : 11px 12px;
    transition                 : 222ms all ease-in-out;
}

.p-button-submit-b {
    font-family      : 'Roboto', sans-serif;
    color            : white;
    cursor           : none;
    background-color : #0a5ba6;
    border-radius    : 0;
    text-transform   : uppercase;
    font-size        : 19px;
    font-weight      : bolder;
    padding          : 11px 12px;
    transition       : 222ms all ease-in-out;
}

.p-button-submit-b:hover {
    font-family                : 'Roboto', sans-serif;
    color                      : white;
    cursor                     : pointer;
    background-color           : #0d87f2;
    border-bottom-right-radius : 30px;
    font-size                  : 19px;
    padding                    : 11px 12px;
    transition                 : 222ms all ease-in-out;
}

.p-button-submit-r {
    font-family      : 'Roboto', sans-serif;
    color            : white;
    cursor           : none;
    background-color : red;
    border-radius    : 0;
    text-transform   : uppercase;
    font-size        : 19px;
    font-weight      : bolder;

    padding          : 11px 12px;
    transition       : 222ms all ease-in-out;
}

.p-button-submit-r:hover {
    font-family                : 'Roboto', sans-serif;
    color                      : white;
    cursor                     : pointer;
    background-color           : darkred;
    border-bottom-right-radius : 30px;
    font-size                  : 19px;
    padding                    : 11px 12px;
    transition                 : 222ms all ease-in-out;
}

.p-tooltip-text-1 {
    color          : #545454;
    font-size      : 13px;
    font-family    : 'Montserrat Alternates', sans-serif;
    font-style     : normal;
    font-weight    : 400;
    text-transform : capitalize;
    text-align     : justify;
    line-height    : 15px;
}

.p-text-error {
    color       : #ae1129;
    font-family : 'Roboto', sans-serif;
    font-size   : 15px;
    font-style  : normal;
    font-weight : normal;
    text-shadow : 0 0 1px #747474;
}

.qf-select-1 {
    border                    : 1px solid white;
    display                   : inline-block;
    font-style                : normal;
    padding-top               : 5px;
    padding-bottom            : 5px;
    background-color          : #bad4ff;
    color                     : #007bff;
    border-radius             : 0;
    text-indent               : 6px;
    width                     : 30vmin;
    animation-duration        : 1s;
    animation-timing-function : ease-out;
    letter-spacing            : 1px;
    transition                : 1s all ease;
}

.qf-select-1, eion {
    border                    : 1px solid white;
    display                   : inline-block;
    font-style                : normal;
    padding-top               : 5px;
    padding-bottom            : 5px;
    margin-left               : 0.1vmin;
    background-color          : #122b40;
    color                     : #c8c8df;
    border-radius             : 0;
    text-indent               : 6px;
    width                     : 30vmin;
    animation-duration        : 1s;
    animation-timing-function : ease-out;
    transition                : 1s all ease;
}

.qf-select-1:focus {
    border           : 1px solid white;
    display          : inline-block;
    font-style       : normal;
    padding-top      : 5px;
    padding-bottom   : 5px;
    margin-left      : 0.1vmin;
    background-color : #090d17;
    color            : #7bbaff;
    border-radius    : 0;
    text-indent      : 6px;
    width            : 30vmin;
    letter-spacing   : 3px;
}

.qf-select-1:hover {
    border           : 1px solid white;
    display          : inline-block;
    font-style       : normal;
    padding-top      : 5px;
    padding-bottom   : 5px;
    margin-left      : 0.1vmin;
    background-color : #090d17;
    color            : #009cf3;
    border-radius    : 0;
    text-indent      : 6px;
    width            : 30vmin;
}

.qf-select-1:active {
    border           : 1px solid white;
    display          : inline-block;
    font-style       : normal;
    padding-top      : 5px;
    padding-bottom   : 5px;
    margin-left      : 0.1vmin;
    background-color : #090d17;
    color            : #7bbaff;
    border-radius    : 0;
    text-indent      : 6px;
    width            : 30vmin;
    letter-spacing   : 3px;
}

.pf-accordion-1 {
    border-bottom    : 1px solid whitesmoke;
    color            : whitesmoke;
    font-family      : 'Roboto', sans-serif;
    font-weight      : 400;
    text-transform   : uppercase;
    font-size        : 15px;
    padding          : 4px 10px;
    background-color : darkred;
    cursor           : pointer;
}

.pf-accordion-1:hover {
    background-color : dimgrey;
    border-bottom    : 1px solid whitesmoke;
    color            : whitesmoke;
    font-family      : 'Roboto', sans-serif;
    font-weight      : 400;
    text-transform   : uppercase;
    font-size        : 15px;
    padding          : 4px 10px;
    background-color : darkred;
    cursor           : pointer;
}

.pf-accordion-2 {
    border-bottom    : 1px solid whitesmoke;
    background-color : dimgrey;
    color            : whitesmoke;
    font-family      : 'Roboto', sans-serif;
    font-weight      : 400;
    text-transform   : uppercase;
    font-size        : 15px;
    padding          : 8px 10px;
    margin-top       : 3px;
    margin-bottom    : 2px;
    background-color : #303030;
    cursor           : pointer;
}

.pf-accordion-2:hover {
    background-color : #3c3c3c;
    border-bottom    : 1px solid whitesmoke;
    color            : whitesmoke;
    font-family      : 'Roboto', sans-serif;
    font-weight      : 400;
    text-transform   : uppercase;
    font-size        : 15px;
    padding          : 8px 10px;
    margin-top       : 3px;
    margin-bottom    : 2px;
    cursor           : pointer;
}

.pf-tablink-1 {
    font-family   : 'Roboto', sans-serif;
    font-weight   : 600;
    border-bottom : 6px solid dodgerblue;
    transition    : 300ms all ease-in;
}

.pf-tablink-1:hover {
    font-family   : 'Roboto', sans-serif;
    font-weight   : 600;
    border-bottom : 6px solid #bebebe;
    transition    : 300ms all ease-out;
}

/*

font-family: 'Quicksand', sans-serif;
font-family: 'IBM Plex Sans', sans-serif;
font-family: 'Fira Sans Condensed', sans-serif;
font-family: 'Monda', sans-serif;
font-family: 'Didact Gothic', sans-serif;
font-family: 'Montserrat Alternates', sans-serif;
font-family: 'Aldrich', sans-serif;
font-family: 'Chakra Petch', sans-serif;

 */

/*======================================================================================
	Members
 ======================================================================================*/
qm-text-1 {
    color           : #00050a;
    font-family     : 'Roboto', sans-serif;
    font-size       : 16px;
    font-weight     : 600;
    text-decoration : none;
}

.p-input-text {
    font-family    : 'Poppins', sans-serif;
    color          : #599ce3;
    font-style     : normal;
    font-weight    : 500;
    text-transform : uppercase;
    font-size      : 16px;
    padding-left   : 5px;
    padding-bottom : -10px;
    margin-bottom  : -1px;
    transition     : 444ms all ease-in-out;
}

.p-select-text {
    border           : 1px solid silver;
    background-color : #f0f6f9;
    font-family      : 'Poppins', sans-serif;
    color            : #0b0b13;
    font-style       : normal;
    font-weight      : 600;
    text-transform   : uppercase;
    font-size        : 15px;
    padding-left     : 5px;
    padding-bottom   : -10px;
    margin-bottom    : -1px;
    transition       : 300ms all ease-in;
}

.p-select-text:hover {
    border           : 1px solid silver;
    background-color : #d6dcdf;
    font-family      : 'Poppins', sans-serif;
    color            : #0b0b13;
    font-style       : normal;
    font-weight      : 600;
    text-transform   : uppercase;
    font-size        : 15px;
    padding-left     : 5px;
    padding-bottom   : -10px;
    margin-bottom    : -1px;
    transition       : 1300ms all ease-out;
}

.p-select-text, eion {
    font-weight : 600;
}

.p-textarea-1 {
    font-family  : 'Poppins', sans-serif;
    color        : #07111d;
    font-style   : normal;
    font-weight  : 400;
    font-size    : 14px;
    padding-left : 5px;
    border       : 1px dotted #131313;
}

.p-lmenu-h1 {
    background-color : #edf3f3;
    font-family      : 'IBM Plex Sans', sans-serif;
    font-size        : 24px;
    font-weight      : bolder;
    padding          : 10px 15px;
    line-height      : 1;
}

.p-mbtn-1 {
    background-color : #f7f7f7;
    color            : #0a3f70;
    font-family      : 'Roboto', sans-serif;
    font-size        : 17px;
    font-weight      : 500;
    text-decoration  : none;
    text-transform   : uppercase;
    transition       : 300ms all ease-in;
}

.p-mbtn-1:hover {
    background-color : #0e3342;
    color            : #cbcbe4;
    font-family      : 'Roboto', sans-serif;
    font-size        : 17px;
    font-weight      : 500;
    text-decoration  : none;
    text-transform   : uppercase;
    transition       : 300ms all ease-in;
}

.p-btn-1 {
    color            : #23638b;
    border-top       : 1px solid transparent;
    border-bottom    : 1px solid transparent;
    cursor           : none;
    padding-top      : 0;
    padding-bottom   : 0;
    margin           : 0;
    background-color : transparent;
    font-family      : 'Roboto', sans-serif;
    font-size        : 17px;
    font-weight      : 500;
    text-decoration  : none;
    text-transform   : uppercase;
    transition       : 300ms all ease-in;
}

.p-btn-1:hover {
    border-top       : 1px dotted #6e97a5;
    border-bottom    : 1px dotted #6e97a5;
    color            : #6e97a5;
    cursor           : pointer;
    padding-left     : 11px;
    padding-top      : 0;
    padding-bottom   : 0;
    margin           : 0;
    background-color : transparent;
    font-family      : 'Roboto', sans-serif;
    font-size        : 17px;
    font-weight      : 500;
    text-decoration  : none;
    transition       : 300ms all ease-out;
}

.p-btn-1:active {
    background-color : #0a3f70;
    color            : white;
    border-top       : 1px solid transparent;
    border-bottom    : 1px solid transparent;
    cursor           : none;
    padding-top      : 0;
    padding-bottom   : 0;
    margin           : 0;
    font-family      : 'Roboto', sans-serif;
    font-size        : 17px;
    font-weight      : 500;
    text-decoration  : none;
    text-transform   : uppercase;
    transition       : 100ms all ease-in;
}

.p-btn-1:focus {
    background-color : #0a3f70;
    color            : white;
    border-top       : 1px solid transparent;
    border-bottom    : 1px solid transparent;
    cursor           : none;
    padding-top      : 0;
    padding-bottom   : 0;
    margin           : 0;
    font-family      : 'Roboto', sans-serif;
    font-size        : 17px;
    font-weight      : 500;
    text-decoration  : none;
    text-transform   : uppercase;
    transition       : 100ms all ease-in;
}

.p-link {
    font-family      : 'Poppins', sans-serif;
    background-color : transparent;
    border-radius    : 0;
    text-transform   : uppercase;
    font-size        : 18px;
    padding          : 4px 8px;
    transition       : 222ms all ease-in-out;
}

.ct-jitsi-link {
    color            : #0a5ba6;
    font-family      : 'Roboto', sans-serif;
    background-color : transparent;
    text-decoration  : none;
    border-radius    : 0;
    text-indent      : 0;
    text-transform   : capitalize;
    font-size        : 18px;
    padding          : 4px 8px;
    transition       : 222ms all ease-in-out;
}

.ct-jitsi-link:hover {
    color            : #686868;
    font-family      : 'Roboto', sans-serif;
    background-color : transparent;
    text-decoration  : none;
    border-radius    : 0;
    margin-left      : 10px;
    text-transform   : capitalize;
    font-size        : 18px;
    padding          : 4px 8px;
    transition       : 222ms all ease-in-out;
}

.p-link:hover {
    font-family    : 'Poppins', sans-serif;
    color          : rgba(28, 142, 255, 0.93);
    cursor         : pointer;
    border-radius  : 0;
    text-transform : uppercase;
    font-size      : 18px;
    padding        : 4px 8px;
    transition     : 222ms all ease-in-out;
}

.p-button-submit-1 {
    font-family      : 'Poppins', sans-serif;
    color            : white;
    background-color : #3c3e42;
    border-radius    : 0;
    text-transform   : uppercase;
    font-size        : 18px;
    padding          : 4px 8px;
    transition       : 222ms all ease-in-out;
}

.p-button-submit-1:hover {
    font-family                : 'Poppins', sans-serif;
    color                      : white;
    cursor                     : pointer;
    background-color           : #a9b100;
    text-transform             : uppercase;
    font-size                  : 18px;
    padding                    : 4px 8px;
}
.p-button-submit {
    font-family      : 'Poppins', sans-serif;
    color            : white;
    background-color : #4c5866;
    border-radius    : 0;
    text-transform   : uppercase;
    font-size        : 18px;
    padding          : 8px 16px;
    transition       : 222ms all ease-in-out;
}

.p-button-submit:hover {
    font-family                : 'Poppins', sans-serif;
    color                      : white;
    cursor                     : pointer;
    background-color           : rgba(28, 142, 255, 0.93);
    border-bottom-right-radius : 30px;
    text-transform             : uppercase;
    font-size                  : 18px;
    padding                    : 8px 16px;
}

.p-button-submit-g {
    font-family      : 'Roboto', sans-serif;
    color            : white;
    cursor           : none;
    background-color : #3d8c00;
    border-radius    : 0;
    text-transform   : uppercase;
    font-size        : 19px;
    font-weight      : bolder;
    padding          : 11px 12px;
    transition       : 222ms all ease-in-out;
}

.p-button-submit-g:hover {
    font-family                : 'Roboto', sans-serif;
    color                      : white;
    cursor                     : pointer;
    background-color           : #3d8c00;
    border-bottom-right-radius : 30px;
    font-size                  : 19px;
    padding                    : 11px 12px;
    transition                 : 222ms all ease-in-out;
}

.p-button-submit-b {
    font-family      : 'Roboto', sans-serif;
    color            : white;
    cursor           : none;
    background-color : #0a5ba6;
    border-radius    : 0;
    text-transform   : uppercase;
    font-size        : 19px;
    font-weight      : bolder;
    padding          : 11px 12px;
    transition       : 222ms all ease-in-out;
}

.p-button-submit-b:hover {
    font-family                : 'Roboto', sans-serif;
    color                      : white;
    cursor                     : pointer;
    background-color           : #0d87f2;
    border-bottom-right-radius : 30px;
    font-size                  : 19px;
    padding                    : 11px 12px;
    transition                 : 222ms all ease-in-out;
}

.p-button-submit-r {
    font-family      : 'Roboto', sans-serif;
    color            : white;
    cursor           : none;
    background-color : red;
    border-radius    : 0;
    text-transform   : uppercase;
    font-size        : 19px;
    font-weight      : bolder;

    padding          : 11px 12px;
    transition       : 222ms all ease-in-out;
}

.p-button-submit-r:hover {
    font-family                : 'Roboto', sans-serif;
    color                      : white;
    cursor                     : pointer;
    background-color           : darkred;
    border-bottom-right-radius : 30px;
    font-size                  : 19px;
    padding                    : 11px 12px;
    transition                 : 222ms all ease-in-out;
}

.p-tooltip-text-1 {
    color          : #545454;
    font-size      : 13px;
    font-family    : 'Montserrat Alternates', sans-serif;
    font-style     : normal;
    font-weight    : 400;
    text-transform : capitalize;
    text-align     : justify;
    line-height    : 15px;
}

.p-text-error {
    color       : #ae1129;
    font-family : 'Roboto', sans-serif;
    font-size   : 15px;
    font-style  : normal;
    font-weight : normal;
    text-shadow : 0 0 1px #747474;
}

.qf-select-1 {
    border                    : 1px solid white;
    display                   : inline-block;
    font-style                : normal;
    padding-top               : 5px;
    padding-bottom            : 5px;
    background-color          : #bad4ff;
    color                     : #007bff;
    border-radius             : 0;
    text-indent               : 6px;
    width                     : 30vmin;
    animation-duration        : 1s;
    animation-timing-function : ease-out;
    letter-spacing            : 1px;
    transition                : 1s all ease;
}

.qf-select-1, eion {
    border                    : 1px solid white;
    display                   : inline-block;
    font-style                : normal;
    padding-top               : 5px;
    padding-bottom            : 5px;
    margin-left               : 0.1vmin;
    background-color          : #122b40;
    color                     : #c8c8df;
    border-radius             : 0;
    text-indent               : 6px;
    width                     : 30vmin;
    animation-duration        : 1s;
    animation-timing-function : ease-out;
    transition                : 1s all ease;
}

.qf-select-1:focus {
    border           : 1px solid white;
    display          : inline-block;
    font-style       : normal;
    padding-top      : 5px;
    padding-bottom   : 5px;
    margin-left      : 0.1vmin;
    background-color : #090d17;
    color            : #7bbaff;
    border-radius    : 0;
    text-indent      : 6px;
    width            : 30vmin;
    letter-spacing   : 3px;
}

.qf-select-1:hover {
    border           : 1px solid white;
    display          : inline-block;
    font-style       : normal;
    padding-top      : 5px;
    padding-bottom   : 5px;
    margin-left      : 0.1vmin;
    background-color : #090d17;
    color            : #009cf3;
    border-radius    : 0;
    text-indent      : 6px;
    width            : 30vmin;
}

.qf-select-1:active {
    border           : 1px solid white;
    display          : inline-block;
    font-style       : normal;
    padding-top      : 5px;
    padding-bottom   : 5px;
    margin-left      : 0.1vmin;
    background-color : #090d17;
    color            : #7bbaff;
    border-radius    : 0;
    text-indent      : 6px;
    width            : 30vmin;
    letter-spacing   : 3px;
}

.pf-accordion-1 {
    border-bottom    : 1px solid whitesmoke;
    color            : whitesmoke;
    font-family      : 'Roboto', sans-serif;
    font-weight      : 400;
    text-transform   : uppercase;
    font-size        : 15px;
    padding          : 4px 10px;
    background-color : darkred;
    cursor           : pointer;
}

.pf-accordion-1:hover {
    background-color : dimgrey;
    border-bottom    : 1px solid whitesmoke;
    color            : whitesmoke;
    font-family      : 'Roboto', sans-serif;
    font-weight      : 400;
    text-transform   : uppercase;
    font-size        : 15px;
    padding          : 4px 10px;
    background-color : darkred;
    cursor           : pointer;
}

.pf-accordion-2 {
    border-bottom    : 1px solid whitesmoke;
    background-color : dimgrey;
    color            : whitesmoke;
    font-family      : 'Roboto', sans-serif;
    font-weight      : 400;
    text-transform   : uppercase;
    font-size        : 15px;
    padding          : 8px 10px;
    margin-top       : 3px;
    margin-bottom    : 2px;
    background-color : #303030;
    cursor           : pointer;
}

.pf-accordion-2:hover {
    background-color : #3c3c3c;
    border-bottom    : 1px solid whitesmoke;
    color            : whitesmoke;
    font-family      : 'Roboto', sans-serif;
    font-weight      : 400;
    text-transform   : uppercase;
    font-size        : 15px;
    padding          : 8px 10px;
    margin-top       : 3px;
    margin-bottom    : 2px;
    cursor           : pointer;
}

.pf-tablink-1 {
    font-family   : 'Roboto', sans-serif;
    font-weight   : 600;
    border-bottom : 6px solid dodgerblue;
    transition    : 300ms all ease-in;
}

.pf-tablink-1:hover {
    font-family   : 'Roboto', sans-serif;
    font-weight   : 600;
    border-bottom : 6px solid #bebebe;
    transition    : 300ms all ease-out;
}

/*

font-family: 'Quicksand', sans-serif;
font-family: 'IBM Plex Sans', sans-serif;
font-family: 'Fira Sans Condensed', sans-serif;
font-family: 'Monda', sans-serif;
font-family: 'Didact Gothic', sans-serif;
font-family: 'Montserrat Alternates', sans-serif;
font-family: 'Aldrich', sans-serif;
font-family: 'Chakra Petch', sans-serif;

 */

.p-submit-1 {
    background-color : #15426d;
    border           : 1px solid transparent;
    border-radius    : 5px;
    color            : #ffffff;
    font-family      : 'Jura', sans-serif;
    font-size        : 2vh;
    font-style       : normal;
    font-weight      : bolder;
    padding          : 4px 11px;
    letter-spacing   : -0.02vh;
    text-transform   : uppercase;
    vertical-align   : text-top;
    text-decoration  : none;

    text-shadow      : 0 0 1px #747474;
    transition       : 333ms all ease-in-out;
}

.p-submit-1:hover {
    background-color : #2c77c0;
    border           : 1px solid transparent;
    border-radius    : 5px;
    color            : #ffffff;
    font-family      : 'Jura', sans-serif;
    font-size        : 2vh;
    font-style       : normal;
    font-weight      : bolder;
    padding          : 4px 11px;
    letter-spacing   : -0.02vh;
    cursor           : pointer;
    text-transform   : uppercase;
    vertical-align   : text-top;
    text-decoration  : none;
    text-shadow      : 0 0 2px #ffffff;
}

.p-submit-2 {
    background-color : #29a400;
    border           : 1px solid transparent;
    border-radius    : 2px;
    color            : #ffffff;
    font-family      : 'Jura', sans-serif;
    font-size        : 18px;
    font-style       : normal;
    font-weight      : bolder;
    padding          : 3px 8px;
    letter-spacing   : -0.02vh;
    text-transform   : uppercase;
    vertical-align   : text-top;
    text-decoration  : none;
    text-shadow      : 0 0 1px #747474;
    transition       : 333ms all ease-in-out;
}

.p-submit-2:hover {
    background-color : #1f7b00;
    border           : 1px solid #0c3100;
    border-radius    : 2px;
    color            : #ffffff;
    font-family      : 'Jura', sans-serif;
    font-size        : 18px;
    font-style       : normal;
    font-weight      : bolder;
    padding          : 3px 8px;
    letter-spacing   : -0.02vh;
    cursor           : pointer;
    text-transform   : uppercase;
    vertical-align   : text-top;
    text-decoration  : none;
    text-shadow      : 0 0 2px #ffffff;
}

.p-submit-3 {
    background-color : #187ae1;
    border           : 1px solid transparent;
    color            : #ffffff;
    font-family      : 'Jura', sans-serif;
    font-size        : 2vh;
    font-style       : normal;
    font-weight      : bolder;
    padding          : 4px 11px;
    letter-spacing   : -0.02vh;
    text-transform   : uppercase;
    vertical-align   : text-top;
    text-decoration  : none;

    text-shadow      : 0 0 1px #747474;
    transition       : 333ms all ease-in-out;
}

.p-submit-3:hover {
    background-color : #375068;
    border           : 1px solid transparent;
    color            : #ffffff;
    font-family      : 'Jura', sans-serif;
    font-size        : 2vh;
    font-style       : normal;
    font-weight      : bolder;
    padding          : 4px 11px;
    letter-spacing   : -0.02vh;
    cursor           : pointer;
    text-transform   : uppercase;
    vertical-align   : text-top;
    text-decoration  : none;
    text-shadow      : 0 0 2px #ffffff;
}