@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Advent+Pro:100,300,400,500,600,700|Marvel:400,700|Open+Sans+Condensed:300,700&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Archivo:400,400i,500,500i,600,600i,700,700i|Jura:400,500,600,700|Montserrat+Alternates:200,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900|Prompt:100,200,300,300i,400,400i,500,500i,600,600i,700i,800,800i&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=New+Rocker&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Anonymous+Pro');
@import url('https://fonts.googleapis.com/css?family=Satisfy');
@import url('https://fonts.googleapis.com/css?family=Gugi|Metamorphous|Nova+Square|Righteous');
@import url('https://fonts.googleapis.com/css?family=Overpass+Mono:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Uncial+Antiqua');
@import url('https://fonts.googleapis.com/css?family=Audiowide&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=UnifrakturMaguntia');
@import url('https://fonts.googleapis.com/css?family=Wallpoet');
@import url('https://fonts.googleapis.com/css?family=Iceland');
@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow:400,500,600,700|Libre+Barcode+39+Extended+Text|Macondo|Miriam+Libre:400,700|Revalia|Sirin+Stencil&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Major+Mono+Display|Roboto+Mono:400,500,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Fira+Mono:400,500,700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:100,300,400,500,700,800,900|PT+Sans+Caption:400,700|Rajdhani:300,400,500,600,700|Saira:200,300,400,500,600,700,800,900|Sarpanch:400,500,600,700,800,900&display=swap&subset=latin-ext');
/*font-family: 'Nunito Sans', sans-serif;*/
/*font-family: 'Open Sans Condensed', sans-serif;*/
/*font-family: 'Advent Pro', sans-serif;*/
/*font-family: 'Marvel', sans-serif;*/
/*font-family: 'Archivo Narrow', sans-serif;*/
/*font-family: 'Prompt', sans-serif;*/
/*font-family: 'Montserrat Alternates', sans-serif;*/
/*font-family: 'Archivo', sans-serif;*/
/*font-family: 'Jura', sans-serif;*/
/*font-family: 'Anonymous Pro', monospace;*/
/*font-family: 'Satisfy', cursive;*/
/*font-family: 'Metamorphous', cursive;*/
/*font-family: 'Nova Square', cursive;*/
/*font-family: 'Righteous', cursive;*/
/*font-family: 'Audiowide', cursive;*/
/*font-family: 'Iceland', cursive;*/
/*font-family: 'Uncial Antiqua', cursive;*/
/*font-family: 'Wallpoet', cursive;*/
/*font-family: 'Overpass Mono', monospace;*/
/*font-family: 'Revalia', cursive;*/
/*font-family: 'Macondo', cursive;*/
/*font-family: 'Miriam Libre', sans-serif;*/
/*font-family: 'Fira Mono', monospace;*/
/*font-family: 'Roboto Mono', monospace;*/
/*font-family: 'New Rocker', cursive;
font-family: 'Sirin Stencil', cursive;
font-family: 'Major Mono Display', monospace;
font-family: 'Gugi', cursive;
font-family: 'UnifrakturMaguntia', cursive;
font-family: 'Libre Barcode 39 Extended Text', cursive;
*/
/*
font-family: 'PT Sans Caption', sans-serif;

font-family: 'Sarpanch', sans-serif;
font-family: 'Rajdhani', sans-serif;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Saira', sans-serif;
*/
@import url('https://fonts.googleapis.com/css?family=Saira:200,300,400,500,600,700,800,900|Sarpanch:400,500,600,700,800,900&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Baumans|Gruppo|Inconsolata:400,700|Quicksand:400,600|Varela+Round&display=swap&subset=latin-ext');
@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: 'Roboto', sans-serif;
font-family: 'Muli', sans-serif;

*/
/*
font-family: 'Sarpanch', sans-serif;
font-family: 'Saira', sans-serif;

font-family: 'Gruppo', cursive;
font-family: 'Baumans', cursive;
font-family: 'Inconsolata', monospace;
font-family: 'Quicksand', sans-serif;
font-family: 'Varela Round', sans-serif;
*/
/**************************************

 *********************************/
/*************************************
A4 PRINT PREFERENCES
*************************/
/******************************************************
**
** SHAPES
**
******************************************************/
.p-cpara-2 {
  color           : rgb(27, 137, 234);
  font-family     : 'Jura', sans-serif;
  font-size       : 1.95vh;
  font-style      : normal;
  font-weight     : 600;
  font-variant    : titling-caps;
  text-shadow     : 0px 0px 1px #003a6b;
  padding-left    : 0vh;
  text-decoration : none;
  transition      : 369ms all ease-in-out;
}

.p-options-text-1 {
  color           : #105490;
  font-family     : 'Jura', sans-serif;
  font-size       : 2.1vh;
  font-style      : normal;
  font-weight     : 700;
  text-transform  : uppercase;
  text-shadow     : 1px 0px 1px #1e5279;
  padding-left    : 0vh;
  text-decoration : none;
  transition      : 369ms all ease-in-out;
}

.p-options-text-2 {
  color           : #5c7d9a;
  font-family     : 'Jura', sans-serif;
  font-size       : 1.65vh;
  font-style      : normal;
  font-weight     : 700;
  text-shadow     : 1px 0px 1px #1e5279;
  text-transform  : uppercase;
  padding-left    : 0vh;
  text-decoration : none;
  letter-spacing  : 1px;
}

.p-cparda-2:hover {
  color           : rgb(0, 58, 107);
  font-family     : 'Jura', sans-serif;
  font-size       : 1.85vh;
  font-style      : normal;
  font-weight     : 600;
  font-variant    : titling-caps;
  text-shadow     : 0px 0px 1px #504e4f;
  padding-left    : 0vh;
  text-decoration : none;
  transition      : 369ms all ease-in-out;
}

.qfp-title-table-head-1 {
  color          : #2d83eb;
  font-family    : 'saira', sans-serif;
  font-size      : 2.1vh;
  font-style     : normal;
  font-weight    : bolder;
  text-transform : uppercase;
}

.p-text-l3 {
  color           : #008bd3;
  font-family     : 'Jura', sans-serif;
  font-size       : 2.1vh;
  font-style      : normal;
  font-weight     : 700;
  text-transform  : uppercase;
  text-shadow     : 1px 0px 1px #008bd3;
  padding-left    : 0vh;
  text-decoration : none;
  transition      : 369ms all ease-in-out;
}

.p-text-l4 {
  color           : rgba(250, 10, 0, 0.77);
  font-family     : 'Jura', sans-serif;
  font-size       : 1.65vh;
  font-style      : normal;
  font-weight     : 600;
  font-variant    : titling-caps;
  padding-left    : 0vh;
  text-decoration : none;
  text-shadow     : 0 0 1px red;
  transition      : 369ms all ease-in-out;
}

.p-text-l4:hover {
  color           : rgba(250, 10, 0, 0.77);
  font-family     : 'Jura', sans-serif;
  font-size       : 1.65vh;
  font-style      : normal;
  font-weight     : 600;
  font-variant    : titling-caps;
  padding-left    : 2vh;
  text-decoration : none;
  transition      : 369ms all ease-in-out;
}

.p-title-table-head-2 {
  color          : #179b09;
  font-family    : 'saira', sans-serif;
  font-size      : 2.1vh;
  font-style     : normal;
  font-weight    : bolder;
  text-transform : uppercase;
}

.qfp-title-table-head-3 {
  color          : darkgoldenrod;
  font-family    : 'saira', sans-serif;
  font-size      : 2.1vh;
  font-style     : normal;
  font-weight    : bolder;
  text-transform : uppercase;
}

.qfp-title-table-head-4 {
  color          : #a91b21;
  font-family    : 'saira', sans-serif;
  font-size      : 2.1vh;
  font-style     : normal;
  font-weight    : bolder;
  text-transform : uppercase;
}

.qfp-title-table-text-1 {
  color          : #2d83eb;
  font-family    : 'saira', sans-serif;
  font-size      : 1.8vh;
  font-style     : normal;
  font-weight    : normal;
  text-transform : capitalize;
  text-shadow    : 0 0 1px #327cb0;
}

.qfp-title-table-text-2 {
  color          : #179b09;
  font-family    : 'saira', sans-serif;
  font-size      : 1.8vh;
  font-style     : normal;
  font-weight    : normal;
  text-transform : capitalize;
  text-shadow    : 0 0 1px #179b09;
}

.qfp-title-table-text-3 {
  color          : darkgoldenrod;
  font-family    : 'saira', sans-serif;
  font-size      : 1.8vh;
  font-style     : normal;
  font-weight    : normal;
  text-transform : capitalize;
  text-shadow    : 0 0 1px darkgoldenrod;
}

.qfp-title-table-head-4 {
  color          : #a91b21;
  font-family    : 'saira', sans-serif;
  font-size      : 2.1vh;
  font-style     : normal;
  font-weight    : bolder;
  text-transform : uppercase;
}

.qff-text-link {
  font-family     : 'Saira', sans-serif;
  color           : #bfbfbf;
  font-weight     : normal;
  line-height     : 18px;
  font-size       : 16px;
  text-decoration : none;
  text-transform  : uppercase;
  cursor          : none;
}

.qff-text-link:hover {
  font-family     : 'Saira', sans-serif;
  color           : #56b1fb;
  font-weight     : normal;
  line-height     : 18px;
  font-size       : 16px;
  text-decoration : none;
  text-transform  : uppercase;
  cursor          : pointer;
}

.qff-text-1 {
  font-family : 'Varela Round', sans-serif;
  color       : #0f89f4;
  line-height : 24px;
  font-size   : 24px;
}

.qff-copyright-1 {
  font-family    : 'Varela Round', sans-serif;
  color          : #8d8d8d;
  line-height    : 18px;
  font-size      : 16px;
  text-transform : uppercase;
}

/*************************************
A4 PRINT PREFERENCES
*************************/

/******************************************************
**
** SHAPES
**
******************************************************/
.qfp-title-shead-1 {
  color          : #262626;
  font-family    : 'saira', sans-serif;
  font-size      : 3.5vh;
  font-style     : normal;
  font-weight    : normal;
  letter-spacing : -0.08vh;
  text-transform : uppercase;
  text-shadow    : 0 0 1px #b8d2ff;
}

.qfp-title-shead-2 {
  color          : #688c99;
  font-family    : 'saira', sans-serif;
  font-size      : 2.5vh;
  font-style     : italic;
  font-weight    : normal;
  letter-spacing : -0.08vh;
  text-transform : capitalize;
  text-shadow    : 0 0 1px #b8d2ff;
}

.qfp-title-shead-3 {
  color          : rgba(55, 74, 80, 0.82);
  font-family    : 'saira', sans-serif;
  font-size      : 2.12vh;
  font-style     : normal;
  font-weight    : bolder;
  letter-spacing : -0.08vh;
  text-transform : capitalize;
}

.qfp-title-phead-1 {
  color          : #2777d2;
  font-family    : 'Audiowide', sans-serif;
  font-size      : 2.2vh;
  font-style     : normal;
  font-weight    : normal;
  letter-spacing : -0.08vh;
  text-transform : uppercase;
  text-shadow    : 0 0 1px #b8d2ff;
}

.qfp-title-ptext-1 {
  color          : #3261aa;
  font-family    : 'Sarpanch', sans-serif;
  font-style     : normal;
  font-weight    : bolder;
  letter-spacing : -0.02vh;
  text-transform : uppercase;
  text-shadow    : 0 0 1px #578fff;
}

.qfp-title-ptext-2 {
  color          : #7e7e7e;
  font-family    : 'Sarpanch', sans-serif;
  font-style     : normal;
  font-weight    : normal;
  letter-spacing : -0.02vh;
  text-transform : capitalize;
  text-shadow    : 0 0 1px #578fff;
}

.qfp-title-para-1 {
  color          : #262626;
  font-family    : 'saira', sans-serif;
  font-size      : 1.8vh;
  font-style     : normal;
  font-weight    : normal;
  letter-spacing : -0.02vh;
  line-height    : 1.95vh;
  text-transform : capitalize;
  text-align     : justify;
  text-shadow    : 0 0 1px #a2a0a1;
}

.qfdr-icon-1 {
  color       : rgba(43, 93, 174, 0.58);
  font-weight : lighter;
}

.qfdr-title-1 {
  color       : #2b5dae;
  font-family : 'Audiowide', sans-serif;
  font-size   : 2.5vh;
  font-style  : italic;
  font-weight : normal;
}

.qfdr-title-2 {
  color          : #0f7ae9;
  font-family    : 'Sarpanch', sans-serif;
  font-size      : 1.85vh;
  font-style     : italic;
  font-weight    : 600;
  text-transform : uppercase;
  letter-spacing : -0.05vh;
}

.qfdr-title-2-2 {
  color          : #0f7ae9;
  font-family    : 'Sarpanch', sans-serif;
  font-size      : 1.85vh;
  font-style     : normal;
  font-weight    : 600;
  text-transform : uppercase;
  letter-spacing : -0.09vh;
}

.qfdr-title-3 {
  color          : rgba(55, 120, 169, 0.9);
  font-family    : 'Sarpanch', sans-serif;
  font-size      : 1.60vh;
  font-style     : normal;
  font-weight    : 400;
  text-transform : capitalize;
  letter-spacing : -0.01vh;
  text-shadow    : 0px 1px 0 #194b67;
}

.qfdr-text-1 {
  color          : #3b393a;
  font-family    : 'Sarpanch', sans-serif;
  font-size      : 1.70vh;
  font-style     : normal;
  font-weight    : normal;
  letter-spacing : -0.01vh;
  text-align     : left;
  line-height    : 1.85vh;
  text-transform : capitalize;
}

.qfdr-text-1-1 {
  color          : #254660;
  font-family    : 'Sarpanch', sans-serif;
  font-size      : 1.78vh;
  font-style     : normal;
  font-weight    : normal;
  letter-spacing : -0.01vh;
  text-align     : left;
  line-height    : 1.85vh;
  text-shadow    : 0 0 1px #44494d;
}

.qfdr-text-2 {
  color          : #000000;
  font-family    : 'Sarpanch', sans-serif;
  font-size      : 1.65vh;
  letter-spacing : -0.09vh;
  font-style     : normal;
  text-align     : left;
  font-weight    : 300;
  padding-left   : 1vh;
}

.qfdr-text-2-2 {
  color          : #020202;
  font-family    : 'Saira', sans-serif;
  font-size      : 1.55vh;
  letter-spacing : -0.06vh;
  font-style     : normal;
  text-align     : left;
  font-weight    : 500;;
}

.qfdr-text-para-1 {
  color          : #000000;
  font-family    : 'Sarpanch', sans-serif;
  font-size      : 1.65vh;
  letter-spacing : -0.08vh;
  font-style     : normal;
  text-align     : left;
  font-weight    : 400;
  padding-left   : 1vh;
}

.qfdr-link-1 {
  color           : #000000;
  font-family     : 'Sarpanch', sans-serif;
  font-size       : 1.65vh;
  font-style      : normal;
  font-weight     : 500;
  letter-spacing  : -0.04vh;
  text-align      : left;
  text-transform  : capitalize;
  cursor          : none;
  padding-left    : 0;
  text-decoration : none;
  transition      : 900ms all ease-out;
}

.qfdr-link-1:hover {
  color           : #235f8c;
  font-family     : 'Sarpanch', sans-serif;
  font-size       : 1.65vh;
  font-style      : normal;
  font-weight     : 500;
  letter-spacing  : -0.04vh;
  text-align      : left;
  text-transform  : capitalize;
  cursor          : pointer;
  padding-left    : 2vh;
  text-decoration : none;
  transition      : 250ms all ease-out;
}

.qfdr-linnk-2 {
  color            : #c6e3ff;
  background-color : #327cb0;
  font-family      : 'Sarpanch', sans-serif;
  font-size        : 2vh;
  font-style       : normal;
  font-weight      : 500;
  text-align       : center;
  text-transform   : capitalize;
  cursor           : none;
  text-decoration  : none;
  transition       : 900ms all ease-out;
}

.qfdr-linnk-2:hover {
  background-color : #091c31;
  color            : #c6e3ff;
  font-family      : 'Sarpanch', sans-serif;
  font-size        : 2vh;
  font-style       : normal;
  font-weight      : 500;
  text-align       : center;
  text-transform   : capitalize;
  cursor           : pointer;
  text-decoration  : none;
  transition       : 900ms all ease-out;
}

.qfdr-para-1 {
  color          : #787878;
  font-family    : 'Saira', sans-serif;
  font-size      : 1.8vh;
  letter-spacing : -0.08vh;
  font-style     : normal;
  font-weight    : 400;
  text-shadow    : 0 0 1px silver;
}

/******************************************************
**
** SHAPES
**
******************************************************/
.qfpee-subtitle-table-1 {
  color          : #f45cb6;
  font-size      : 2.5vh;
  font-style     : normal;
  font-weight    : bolder;
  text-transform : uppercase;
}

.qi-legend-title {
  color          : #30537b;
  font-family    : 'Audiowide', cursive;
  font-size      : 2.2vh;
  font-style     : normal;
  font-weight    : bolder;
  text-transform : uppercase;
  letter-spacing : 1px;
  text-shadow    : 1px 0 0 #5fa2f4;
}

.qi-legend-head {
  color          : #2a70cd;
  font-family    : 'Audiowide', cursive;
  font-size      : 1.8vh;
  font-style     : italic;
  font-weight    : normal;
  text-transform : uppercase;
  text-shadow    : 1px 0 0 #0e2442;
}

.qi-legend-text {
  color          : #5b5b63;
  font-family    : 'Archivo Narrow', sans-serif;
  font-size      : 1.5vh;
  font-style     : normal;
  font-weight    : normal;
  text-transform : uppercase;
}

.qi-legend-text-1 {
  color          : #797985;
  font-family    : 'Archivo Narrow', sans-serif;
  font-size      : 1.4vh;
  font-style     : normal;
  font-weight    : bolder;
  text-transform : uppercase;
}

.qi-dot-med {
  font-family      : 'Roboto Mono', monospace;
  font-weight      : bolder;
  border           : 4px solid #3385ee;
  color            : gold;
  font-size        : 1.8vh;
  height           : 7vh;
  width            : 7vh;
  background-color : #091c31;
  border-radius    : 50%;
  display          : inline-block;
}

.qi-breadcrumb-link {
  color           : #0e2442;
  font-family     : 'Archivo Narrow', sans-serif;
  font-size       : 1.8vh;
  font-style      : normal;
  font-weight     : bolder;
  text-decoration : none;
  text-transform  : uppercase;
}

.qi-breadcrumb-link:hover {
  color           : #3385ee;
  font-family     : 'Archivo Narrow', sans-serif;
  font-size       : 1.8vh;
  font-style      : normal;
  font-weight     : bolder;
  text-decoration : none;
  text-transform  : uppercase;
}

/*************************************
A4 PRINT STYLES
*************************/

.qcp-heading-1 {
  font-family     : 'Audiowide', cursive;
  font-weight     : bolder;
  font-style      : normal;
  font-size       : 20pt;
  text-transform  : uppercase;
  text-decoration : none;
}

.qcp-heading-1-sub {
  font-family     : 'Archivo Narrow', sans-serif;
  color           : #656565;
  font-weight     : bolder;
  font-style      : italic;
  font-size       : 14pt;
  text-transform  : uppercase;
  text-decoration : none;
}

.qcp-heading-2-sub {
  font-family     : 'Archivo Narrow', sans-serif;
  color           : #656565;
  font-weight     : bolder;
  font-style      : normal;
  font-size       : 16pt;
  text-transform  : uppercase;
  text-decoration : none;
}

.qcp-heading-2 {
  font-family     : 'Archivo Narrow', sans-serif;
  font-weight     : bolder;
  font-style      : normal;
  font-size       : 20pt;
  text-transform  : uppercase;
  text-decoration : none;
}

.qcp-heading-3 {
  font-family     : 'Archivo Narrow', sans-serif;
  font-weight     : bolder;
  font-style      : italic;
  font-size       : 16pt;
  text-transform  : uppercase;
  text-decoration : none;
}

.qcp-heading-3b {
  font-family     : 'Archivo Narrow', sans-serif;
  font-weight     : bolder;
  font-style      : normal;
  font-size       : 14pt;
  text-transform  : uppercase;
  text-decoration : none;
}

.qcp-heading-4 {
  font-family     : 'Archivo Narrow', sans-serif;
  font-weight     : bolder;
  font-style      : normal;
  font-size       : 14pt;
  text-transform  : uppercase;
  text-decoration : none;
}

.qcp-heading-5 {
  font-family     : 'Archivo Narrow', sans-serif;
  font-weight     : bolder;
  font-style      : normal;
  font-size       : 13pt;
  text-transform  : uppercase;
  letter-spacing  : -1px;
  text-decoration : none;
}

.qcp-tems-1 {
  font-family     : 'Archivo Narrow', sans-serif;
  font-weight     : bolder;
  font-style      : normal;
  font-size       : 11pt;
  text-transform  : uppercase;
  letter-spacing  : -1px;
  text-decoration : none;
}

.qcp-headingr-2 {
  font-family     : 'Nova Square', cursive;
  color           : #3385ee;
  font-weight     : bolder;
  font-style      : normal;
  font-size       : 18pt;
  text-transform  : uppercase;
  letter-spacing  : 1px;
  text-decoration : none;
}

.qcp-text-1 {
  color       : #0f2e52;
  font-weight : normal;
  font-family : 'Archivo Narrow', sans-serif;
  font-size   : 23px;
}

/*****************************************************
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
*****************************************************/

.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;
}

/*****************************************************
PATIENT TRANSACTION HISTORY
*****************************************************/

.qth-head-1 {
  font-family     : 'Nova Square', cursive;
  color           : #007bff;
  font-weight     : bolder;
  font-style      : normal;
  font-size       : 3vh;
  text-decoration : none;
  letter-spacing  : 1px;
  text-shadow     : 0 1px 1px #636363;
}

.qth-head-2 {
  font-family     : 'Archivo Narrow', sans-serif;
  color           : #007bff;
  font-weight     : bold;
  font-style      : normal;
  font-size       : 1.9vh;
  text-decoration : none;
  letter-spacing  : -1px;
  text-transform  : uppercase;
}

.qth-head-text-1 {
  color           : #4b4b4b;
  font-family     : 'Archivo Narrow', sans-serif;
  font-weight     : bolder;
  font-style      : normal;
  font-size       : 1.4vh;
  text-transform  : uppercase;
  text-decoration : none;
}

.qth-text-1 {
  font-family     : 'Archivo Narrow', sans-serif;
  font-weight     : bolder;
  font-style      : normal;
  font-size       : 1.4vh;
  text-transform  : uppercase;
  text-decoration : none;
}

.qcc-cpara-1 {
  font-size   : 15px;
  color       : #292728;
  font-family : 'Poppins', sans-serif;
  font-style  : normal;
  font-weight : 400;
  line-height : 1.9vh;
  text-align  : left;
}

.qcc-cpara-2 {
  font-size   : 14px;
  color       : #424041;
  font-family : 'Poppins', sans-serif;
  font-style  : normal;
  font-weight : 400;
  text-align  : left;
}

/*****************************************************
PATIENT DASHBOARD
*****************************************************/

.qpd-title-1 {
  font-family     : 'Nova Square', cursive;
  color           : #4a6a83;
  font-weight     : bolder;
  font-style      : italic;
  font-size       : 2.6vmin;
  text-decoration : none;
  letter-spacing  : 2px;
  text-shadow     : 0 1px 2px #a4a4a4;
}

.qcc-stitle-1 {
  font-size   : 16px;
  color       : #1d62ab;
  font-family : 'Poppins', sans-serif;
  font-style  : normal;
  font-weight : 400;
  text-align  : left;
}

.qpd-card-img {
  color : #0088ff;
}

.qpd-card-head {
  color           : #656565;
  font-weight     : bolder;
  font-family     : 'Archivo Narrow', sans-serif;
  text-decoration : none;
  font-size       : 2.5vmin;
  text-shadow     : 1px 0 0 #dfdfdf;
}

.qpd-card-link-text {
  font-family     : 'Archivo Narrow', sans-serif;
  color           : #0058a5;
  font-weight     : bolder;
  font-style      : italic;
  font-size       : 3vmin;
  text-decoration : none;

}

.qpd-card-link {
  color                     : #0058a5;
  font-weight               : bolder;
  font-family               : 'Nova Square', cursive;
  text-decoration           : none;
  font-size                 : 2vmin;
  animation-duration        : 1s;
  animation-timing-function : ease-out;
  transition                : 300ms all linear;
}

.qpd-card-link:hover {
  color           : #007deb;
  font-weight     : bolder;
  font-family     : 'Nova Square', cursive;
  text-decoration : none;
  font-size       : 2.5vmin;
}

.qpd-nav-div {
  font-family     : 'Archivo Narrow', sans-serif;
  color           : #3279e2;
  font-weight     : bolder;
  font-style      : italic;
  text-decoration : none;

}

.qpd-nav-link-1 {
  color                     : #0058a5;
  font-size                 : 2vh;
  font-weight               : bolder;
  font-family               : 'Archivo Narrow', sans-serif;
  text-decoration           : none;
  animation-duration        : 1s;
  animation-timing-function : ease-out;
  transition                : 300ms all linear;
}

.qpd-nav-link-1:hover {
  background-color : #122b40;
  color            : #007deb;
  font-size        : 2vh;
  font-weight      : bolder;
  font-family      : 'Archivo Narrow', sans-serif;
  text-decoration  : none;
}

.qpd-nav-div-text-1 {
  font-family     : 'Archivo Narrow', sans-serif;
  padding-top     : 0.5vh;
  padding-bottom  : 0.5vh;
  font-weight     : bolder;
  font-style      : italic;
  text-decoration : none;
}

.qpd-nav-link-1:hover + .flyout {
  font-size : 2vh;
  display   : block;
}

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

	QFADMIN FORM STYLES

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

.qfa-alert-btn {
  background-color : #122b40;
  color            : #c6a308;
  border           : 1px solid #122b40;
  font-size        : 1vw;
  font-style       : normal;
  font-family      : 'Audiowide', sans-serif;
  font-weight      : normal;
  text-transform   : uppercase;
  width            : auto;
  line-height      : 1.8vw;
  padding          : 0.2vw 0.5vw;
  text-align       : center;
  transition       : 369ms all ease-in-out;
  z-index          : 1;
}

.qfa-alert-btn:hover {
  background-color : #d7d4ce;
  color            : #756009;
  border           : 1px solid goldenrod;
  font-size        : 1vw;
  font-style       : normal;
  font-family      : 'Audiowide', sans-serif;
  font-weight      : bolder;
  text-transform   : uppercase;
  width            : auto;
  line-height      : 1.8vw;
  padding          : 0.2vw 0.5vw;
  text-align       : center;
  cursor           : pointer;
  pointer-events   : all;
  text-shadow      : 0 1px 0 #ffc125;
}

.qfa-alert-btn:focus {
  color               : #007ee7;
  font-family         : 'Nova Square', cursive;
  font-weight         : bolder;
  border-bottom       : 1px dotted #131313;
  font-style          : italic;
  animation-name      : QF-INPUT-1;
  animation-fill-mode : both;
}

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

	FORM STYLES

************************************************************/
input {
  font-style : normal;
}

.qf-title {
  font-family : 'Audiowide', cursive;
  font-size   : 3.5vh;

}

.qf-head {
  color           : #2e5f8d;
  font-weight     : bolder;
  font-family     : 'Nova Square', cursive;
  text-decoration : none;
  font-size       : 3vmin;
}

.qf-sub-head-1 {
  color           : steelblue;
  font-weight     : bolder;
  font-style      : italic;
  font-family     : 'Archivo Narrow', sans-serif;
  text-decoration : none;
  font-size       : 1.7vmin;
}

.qf-sub-head-2 {
  color           : #1e86da;
  font-weight     : bolder;
  font-style      : normal;
  font-family     : 'Archivo Narrow', sans-serif;
  text-decoration : none;
  font-size       : 2.7vmin;
}

.qf-label {
  color           : #3a75af;
  font-weight     : bolder;
  font-style      : normal;
  font-family     : 'Nova Square', cursive;
  font-variant    : small-caps;
  text-decoration : none;
  font-size       : 2.2vmin;
  letter-spacing  : 1px;
  text-shadow     : 0 1px 0 #8e8e8e;
}

.qf-input-text {
  color           : #1a65a7;
  font-weight     : bolder;
  font-style      : normal;
  font-family     : 'Archivo Narrow', sans-serif;
  text-decoration : none;
  font-size       : 2.2vmin;
}

.qf-input-1-text {
  font-family    : 'Archivo Narrow', sans-serif;
  color          : #091c31;
  font-style     : normal;
  font-weight    : bolder;
  text-transform : uppercase;
  font-size      : 2.0vh;
  padding-left   : 0.2vmin;
  transition     : 444ms all ease-in-out;
}

.qf-input-3-text {
  font-family    : 'Archivo Narrow', sans-serif;
  color          : #939393;
  font-style     : italic;
  font-weight    : bolder;
  text-transform : uppercase;
  font-size      : 15px;
  padding-left   : 0.2vmin;
  transition     : 444ms all ease-in-out;
}

.qf-input-1-1-text {
  font-family    : 'Varela Round', sans-serif;
  color          : #6d6d6d;
  font-style     : italic;
  font-weight    : bolder;
  text-transform : uppercase;
  font-size      : 1.7vh;
  padding-left   : 0.2vmin;
  transition     : 444ms all ease-in-out;
}

.qf-input-1-1-1-text {
  font-family    : 'Jura', sans-serif;
  color          : #5a5a5a;
  font-style     : normal;
  font-weight    : bolder;
  text-transform : uppercase;
  font-size      : 1.7vh;
  text-shadow    : 1px 0 1px #7585a2;
  transition     : 444ms all ease-in-out;
}

.qf-input-2-text {
  font-family    : 'Jura', sans-serif;
  color          : #09599f;
  font-style     : normal;
  font-weight    : normal;
  text-transform : uppercase;
  font-size      : 2vh;
  padding-left   : 0.2vmin;
  text-shadow    : 1px 0 1px #0a3f70;
}

.p-input-1 {
  color       : #004279;
  font-style  : normal;
  font-weight : normal;
  font-family : 'Muli', sans-serif;
  border      : 1px dotted #131313;
  transition  : 222ms all linear;
}

.p-input-1:hover {
  font-family : 'Muli', sans-serif;
  color       : #007ee7;
  font-style  : normal;
  font-weight : normal;
  font-size   : 2vh;
  border      : 1px dotted #131313;
  transition  : 222ms all ease-in-out;
}

.p-input-1:focus {
  color       : #007ee7;
  font-family : 'Muli', sans-serif;
  font-weight : normal;
  border      : 1px solid white;
  font-style  : normal;
}

.p-input-2 {
  color       : #3c3c3c;
  font-style  : normal;
  font-weight : normal;
  font-family : 'Muli', sans-serif;
  font-size   : 14px;
  border      : 1px dotted #131313;
  transition  : 222ms all linear;
}

.p-input-2:hover {
  font-family : 'Muli', sans-serif;
  color       : #3c3c3c;
  font-style  : normal;
  font-weight : normal;
  font-size   : 14px;
  border      : 1px dotted #131313;
  transition  : 222ms all ease-in-out;
}

.p-input-2:focus {
  color       : #3c3c3c;
  font-family : 'Muli', sans-serif;
  font-weight : normal;
  border      : 1px solid white;
  font-style  : normal;
}

.p-input-textarea-1 {
  font-family : 'Jura', sans-serif;
  color       : #004279;
  font-style  : normal;
  font-weight : bolder;
  font-size   : 1.85vh;
  line-height : 1.95vh;
  border      : 1px dotted #131313;
  transition  : 222ms all linear;
  height      : 20vh;
}

.p-input-textarea-1:hover {
  font-family : 'Jura', sans-serif;
  color       : #004279;
  font-style  : normal;
  font-weight : bolder;
  font-size   : 1.85vh;
  line-height : 1.95vh;
  border      : 1px dotted #131313;
  transition  : 222ms all ease-in-out;
  height      : 20vh;
}

.p-check, .p-radio {
  background-color : #0b97c4;
  display          : inline;
  border-radius    : 0;
  padding-top      : 15px;
  width            : 19px;
  height           : 19px;
  border           : 15px solid #094377;
  color            : #0b97c4;
}

input[type=checkbox]:default {
  background-color : #0b97c4;
  padding          : 22px;
}

.qf-input-search {
  color                     : #007bff;
  font-style                : normal;
  display                   : inline-block;
  font-family               : 'Roboto Mono', monospace;
  font-weight               : bolder;
  font-variant              : normal;
  padding-left              : 0.2vmin;
  animation-duration        : 1s;
  animation-timing-function : ease-out;
  transition                : 1s all ease;

}

.qf-input-search:hover {
  color               : #00203b;
  display             : inline-block;
  font-family         : 'Roboto Mono', monospace;
  font-weight         : normal;
  border-bottom       : 1px dotted #131313;
  padding-left        : 2.5vmin;
  animation-fill-mode : both;
  transition          : 1s all ease;
}

.qf-input-search:focus {
  color                     : #004d91;
  font-family               : 'Roboto Mono', monospace;
  font-weight               : normal;
  border-bottom             : 1px dotted #131313;
  text-indent               : 2px;
  animation-name            : QF-INPUT-SEARCH;
  animation-fill-mode       : both;
  animation-duration        : 1s;
  animation-timing-function : ease-out;
  transition                : 1s all ease;
}

@keyframes QF-INPUT-SEARCH {

  from {
    color         : #0e1525;
    border-radius : 0;
    font-style    : normal;
    border-bottom : 1px solid #0e1525;
  }

  to {
    background-color          : #f4f6f9;
    color                     : #004d91;
    border-radius             : 11px;
    font-style                : normal;
    border-bottom             : 1px solid #282828;
    animation-duration        : 1s;
    animation-timing-function : ease-out;
    transition                : 1s all ease;

  }

}

.p-select-1 {
  font-family               : 'Roboto Mono', monospace;
  border                    : 1px solid white;
  display                   : inline-block;
  font-style                : normal;
  padding-top               : 5px;
  padding-bottom            : 5px;
  margin-left               : 0.1vmin;
  background-color          : #bad4ff;
  color                     : #42b1f3;
  border-radius             : 0;
  text-indent               : 6px;
  width                     : 30vmin;
  animation-duration        : 1s;
  animation-timing-function : ease-out;
  letter-spacing            : 1px;
  transition                : 1s all ease;
}

.p-select-1 {
  font-family      : 'Roboto Mono', monospace;
  border           : 1px solid white;
  display          : inline-block;
  background-color : #122b40;
  color            : #c8c8df;
  font-style       : italic;
  text-indent      : 6px;
  transition       : 1s all ease;
}

.p-select-1:focus {
  font-family      : 'Roboto Mono', monospace;
  border           : 1px solid #4480a1;
  display          : compact;
  font-style       : normal;
  padding-top      : 0;
  padding-bottom   : 0;
  margin-left      : 0.1vmin;
  background-color : #090d17;
  color            : #d7d7d7;
  border-radius    : 0;
  text-indent      : 6px;
}

.p-select-1:hover {
  font-family      : 'Roboto Mono', monospace;
  border           : 1px solid white;
  display          : inline-block;
  font-style       : normal;
  padding-top      : 5px;
  padding-bottom   : 5px;
  margin-left      : 0.1vmin;
  background-color : #090d17;
  color            : #42b1f3;
  border-radius    : 0;
  text-indent      : 6px;
}

.p-select-1:active {
  font-family      : 'Roboto Mono', monospace;
  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;
}

.custom-select {
  position       : relative;
  font-family    : 'Archivo Narrow', sans-serif;
  font-size      : 1.7vh;
  letter-spacing : 1px;
}

.custom-select select {
  display : none; /*hide original SELECT element:*/
}

.select-selected {
  background-color : #327cb0;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position     : absolute;
  content      : "";
  top          : 11px;
  right        : 10px;
  width        : 0;
  height       : 0;
  border-color : #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color : transparent transparent #fff transparent;
  top          : 2px;
}

/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
  color        : #ffffff;
  padding      : 2px 4px;
  border-color : transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor       : pointer;
  user-select  : none;
}

/*style items (options):*/
.select-items {
  position         : absolute;
  background-color : #2887d7;
  top              : 100%;
  left             : 0;
  right            : 0;
  z-index          : 99;
  letter-spacing   : 1px;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display : none;
}

.select-items div:hover, .same-as-selected {
  background-color : rgba(0, 0, 0, 0.3);
  letter-spacing   : 1px;
}

.qf-tooltip-text-1 {
  color       : #545454;
  font-family : 'Archivo Narrow', sans-serif;
  font-style  : normal;
}

.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;
}

/***************************************************************************
**
** PATIENT NOTES
**
***************************************************************************/

.qfn-head-1 {
  text-transform : uppercase;
  color          : #1b508e;
  font-weight    : normal;
  font-family    : 'Nova Square', cursive;
  font-size      : 2vh;
  text-shadow    : 1px 0 1px #004d91;
}

.qfn-head-text-1 {
  text-transform : uppercase;
  color          : #5e5e5e;
  font-weight    : bold;
  font-family    : 'Archivo Narrow', sans-serif;
  font-size      : 2vh;
  text-shadow    : 1px 0 1px #efefef;
}

.qfn-head-text-2 {
  text-transform : capitalize;
  color          : #242424;
  font-weight    : bold;
  font-family    : 'Archivo Narrow', sans-serif;
  font-size      : 1.4vh;
  text-shadow    : 1px 0 0 #d5d5d5;
}

/*
Light Background
*/

.qw-error {
  color          : darkred;
  font-family    : 'Archivo Narrow', sans-serif;
  font-style     : italic;
  letter-spacing : 1px;
  font-size      : 14px;
  font-weight    : 600;
}

.qw-error-1 {
  color          : #d60000;
  font-family    : 'Archivo Narrow', sans-serif;
  font-style     : italic;
  letter-spacing : 1px;
  font-size      : 18px;
  font-weight    : 600;
}

.qw-button-title-1 {

  color       : #0f2e52;
  font-weight : normal;
  font-family : 'Archivo Narrow', sans-serif;
  font-size   : 23px;
}

.qw-ctitle-1 {
  color       : #909090;
  font-weight : normal;
  font-family : 'Archivo Narrow', sans-serif;
  font-size   : 23px;
}

.qw-head-1 {
  color       : #386eb0;
  font-weight : bolder;
  font-family : 'Nova Square', cursive;
  font-size   : 4vh;
}

.qw-sub-head-1 {
  color       : #003563;
  font-weight : bolder;
  font-family : 'Nova Square', cursive;
  font-size   : 16px;
}

.qw-sub-head-2 {
  color       : #86beee;
  font-weight : bold;
  font-style  : normal;
  font-family : 'Major Mono Display', monospace;
  font-size   : 16px;
}

.qw-sub-head-2i {
  color       : #326fcc;
  font-weight : bold;
  font-style  : italic;
  font-family : 'Nova Square', cursive;
  font-size   : 16px;
}

.qw-sub-head-3i {
  color       : #0299ff;
  font-weight : bold;
  font-style  : italic;
  font-family : 'Nova Square', cursive;
  font-size   : 13px;
}

.qw-para-text {
  color       : #929497;
  font-family : 'Archivo Narrow', sans-serif;
  font-size   : 16px;
  text-shadow : 0px 1px 0 #e3e3e6;
  line-height : 18px;
}

.qw-text-1 {
  color          : rgb(218, 238, 242);
  font-weight    : normal;
  font-family    : 'Archivo Narrow', sans-serif;
  letter-spacing : 1px;
  font-size      : 18px;
}

.qw-text-2 {
  color       : rgb(14, 31, 56);
  font-weight : bold;
  font-family : 'Roboto Mono', monospace;
  font-size   : 13px;
}

.qw-text-2-sub-head-1 {
  color       : rgb(14, 31, 56);
  font-weight : bold;
  font-family : 'Roboto Mono', monospace;
  font-size   : 16px;
}

.qw-head-links-1 {
  color                   : #236fc5;
  font-weight             : bolder;
  font-family             : 'Archivo Narrow', sans-serif;
  font-variation-settings : normal;
  font-variant            : oldstyle-nums;
  font-size               : 20px;
}

.qw-input-1 {
  color         : #005add;
  font-size     : 16px;
  font-family   : 'Roboto Mono', monospace;
  font-weight   : bolder;
  border-bottom : 1px dotted #131313;
  text-indent   : 2px;

}

.qw-input-1:focus {
  color                     : #003563;
  font-size                 : 16px;
  font-family               : 'Roboto Mono', monospace;
  font-weight               : bolder;
  border-bottom             : 1px dotted #131313;
  text-indent               : 2px;
  animation-name            : QW-INPUT-1;
  animation-fill-mode       : both;
  animation-duration        : 1s;
  animation-timing-function : ease-out;
  transition                : 1s all ease;
}

@keyframes QW-INPUT-1 {

  from {
    color                      : gray;
    border-bottom-left-radius  : 0;
    border-bottom-right-radius : 0;
    border-bottom              : 1px solid gray;
  }

  to {
    color                      : #0059d4;
    border-bottom-left-radius  : 11px;
    border-bottom-right-radius : 11px;
    border-bottom              : 1px solid #005add;

  }

}

.qw-link-1 {
  background-color : transparent;
  color            : #1f6280;
  padding-bottom   : 2px;
  font-family      : 'Audiowide', sans-serif;
  font-style       : normal;
  font-weight      : 500;
  text-decoration  : none;
  font-size        : 2vh;
}

.qw-link-1:hover {
  background-color : transparent;
  color            : #002036;
  text-decoration  : underline;
  font-family      : 'Audiowide', sans-serif;
  font-style       : italic;
  font-weight      : 500;
  font-size        : 2vh;
}

.qw-btn-2 {
  background-color          : #368aff;
  color                     : #f7f7f7;
  border                    : 1px solid #368aff;
  font-family               : 'Nova Square', cursive;
  text-shadow               : 0px 1px 0 #0b213b;
  font-weight               : normal;
  text-decoration           : none;
  padding-top               : 2px;
  min-height                : 3vh;
  font-size                 : 2vh;
  animation-duration        : 1s;
  animation-timing-function : ease-out;
  vertical-align            : center;
}

.qw-btn-2:hover {
  background-color          : #1f538f;
  color                     : #f9cd08;
  border                    : 1px solid #184984;
  font-family               : 'Nova Square', cursive;
  text-shadow               : 0px 1px 0 black;
  font-weight               : normal;
  text-decoration           : none;
  font-size                 : 2vh;
  animation-name            : QWFX-Button-2;
  animation-fill-mode       : both;
  animation-duration        : 369ms;
  animation-timing-function : ease-out;
}

@keyframes QWFX-Button-2 {

  from {
    border-top-left-radius     : 0;
    border-bottom-right-radius : 0;
    border                     : 2px solid #184984;
  }

  to {
    border-top-left-radius     : 18px;
    border-bottom-right-radius : 18px;
    border                     : 2px solid #e9bf08;

  }

}

/*****************************************************
LOOKUP
*****************************************************/

.p-head-1 {
  color       : #2361ac;
  font-weight : bolder;
  font-family : 'Roboto Mono', monospace;
  font-size   : 22px;
}

.p-head-2 {
  color       : #a27e35;
  font-weight : bolder;
  font-family : 'Roboto Mono', monospace;
  font-size   : 3.6vh;
}

.p-head-2-i {
  color       : #3385ee;
  font-weight : normal;
  font-family : 'Nova Square', cursive;
  font-style  : italic;
  font-size   : 1.5vh;
  margin-top  : 1vh;
}

.p-head-2-iv {
  color       : #3385ee;
  font-weight : normal;
  font-family : 'Nova Square', cursive;
  font-style  : italic;
  font-size   : 16px;
  margin-top  : 1vh;
}

.p-head-2-iv-lrg {
  color       : #2c89ff;
  font-weight : normal;
  font-family : 'Nova Square', cursive;
  font-style  : italic;
  font-size   : 20px;
  margin-top  : -1.6vh;
}

.p-head-2-n {
  color       : #3385ee;
  font-weight : normal;
  font-family : 'Nova Square', cursive;
  font-style  : normal;
  font-size   : 17px;
  margin-top  : 0.4vh;
}

.p-head-2-nl {
  color       : #94c8ff;
  font-weight : normal;
  font-family : 'Nova Square', cursive;
  font-style  : normal;
  font-size   : 13px;
  margin-top  : 0.8vh;
}

.p-head-3-i {
  color       : #ebb30f;
  font-weight : normal;
  font-family : 'Nova Square', cursive;
  font-style  : italic;
  font-size   : 16px;
}

.p-head-2-sub {
  color          : #d3a10d;
  font-weight    : normal;
  font-family    : 'Nova Square', cursive;
  font-style     : italic;
  font-size      : 1.55vh;
  letter-spacing : 1px;
}

.p-head {
  color       : #929497;
  font-family : 'Archivo Narrow', sans-serif;
  font-size   : 2vh;
}

.p-text-head-1 {
  color       : rgb(27, 95, 156);
  font-weight : bolder;
  font-family : 'Archivo Narrow', sans-serif;
  text-shadow : 1px 0 1px #cfe2ff;
  top         : 0;
  font-size   : 2vh;
  line-height : 2vh;

}

.p-action-link-1 {
  color          : rgb(44, 75, 111);
  font-weight    : normal;
  font-family    : 'Jura', sans-serif;
  text-shadow    : 1px 0 1px #1b5f9c;
  top            : 0;
  font-size      : 1.8vmin;
  line-height    : 2vh;
  letter-spacing : 0;
  transition     : 369ms all linear;
}

.p-action-link-1:hover {
  color          : rgb(75, 169, 247);
  font-weight    : normal;
  font-family    : 'Jura', sans-serif;
  text-shadow    : 1px 0 1px #1b8cef;
  top            : 0;
  font-size      : 1.8vmin;
  line-height    : 2vh;
  letter-spacing : 1px;
}

.p-text-head-2 {
  color       : #3e484b;
  font-weight : normal;
  font-family : 'Archivo Narrow', sans-serif;
  font-size   : 1.8vh;
  line-height : 2vh;
}

.p-text-head-2-2-2 {
  color          : #3e484b;
  font-weight    : normal;
  font-family    : 'Fira Mono', monospace;
  text-transform : capitalize;
  font-size      : 1.55vh;
  line-height    : 1.8vh;
  letter-spacing : -1px;
}

.p-text-head-2-1 {
  color          : #3e484b;
  font-weight    : normal;
  font-family    : 'Archivo Narrow', sans-serif;
  text-transform : capitalize;
  font-size      : 1.7vh;
  line-height    : 1.9vh;
  letter-spacing : 1px;
}

.p-text-head-2-2 {
  color          : #08080b;
  font-weight    : normal;
  font-family    : 'Jura', sans-serif;
  font-size      : 1.7vh;
  text-transform : capitalize;
  text-shadow    : 0 0 1px #343434;
}

.p-text-head-3 {
  color          : #164059;
  font-weight    : bold;
  font-family    : 'Jura', sans-serif;
  font-size      : 1.5vh;
  line-height    : 1.8vh;
  letter-spacing : -1px;
  text-transform : uppercase;
}

.p-text-1 {
  color       : #373f43;
  font-weight : 500;
  font-family : 'Nova Square', cursive;
  font-size   : 1.4vh;

}

.p-text-2a {
  color       : #005188;
  font-weight : 500;
  font-family : 'Nova Square', cursive;
  font-size   : 1.7vmin;
  text-shadow : 1px 0 1px #afafaf;

}

.p-text-2b {
  color       : #007acc;
  font-weight : 500;
  font-family : 'Nova Square', cursive;
  font-size   : 1.7vh;
  text-shadow : 1px 0 1px #afafaf;

}

.p-text-2-1 {
  color       : #006398;
  font-weight : bold;
  font-family : 'Nova Square', cursive;
  font-size   : 1.55vh;
  font-style  : italic;
  text-shadow : 1px 0 1px rgb(243, 245, 250);

}

.p-text-2 {
  color       : #006398;
  font-weight : bold;
  font-family : 'Nova Square', cursive;
  font-size   : 1.55vh;
  font-style  : normal;
  text-shadow : 1px 0 1px rgb(243, 245, 250);
}

.p-ct {
  color          : #275b9e;
  font-family    : 'Audiowide', sans-serif;
  font-size      : 2.1vh;
  font-style     : normal;
  font-weight    : normal;
  letter-spacing : -0.08vh;
  text-transform : uppercase;
  text-shadow    : 0 0 1px #b8d2ff;
}

.p-ct-1 {
  color          : #275b9e;
  font-family    : 'Audiowide', sans-serif;
  font-size      : 2.3vh;
  font-style     : normal;
  font-weight    : normal;
  letter-spacing : -0.08vh;
  text-transform : uppercase;
  text-shadow    : 0 0 1px #b8d2ff;
}

.qfrp-ct-2 {
  color          : #7e7e7e;
  font-family    : 'Audiowide', sans-serif;
  font-size      : 1.8vh;
  font-style     : normal;
  font-weight    : normal;
  letter-spacing : -0.08vh;
  text-transform : uppercase;
}

.p-cth-1 {
  color          : #275b9e;
  font-family    : 'Jura', sans-serif;
  font-size      : 4vh;
  font-style     : normal;
  font-weight    : bold;
  letter-spacing : -0.08vh;
  text-transform : uppercase;
  text-shadow    : 0 0 1px #7585a2;
}

.p-cth-2 {
  color          : #275b9e;
  font-family    : 'Jura', sans-serif;
  font-size      : 2.5vh;
  font-style     : normal;
  font-weight    : bold;
  letter-spacing : -0.08vh;
  text-transform : uppercase;
  text-shadow    : 0 0 1px #7585a2;
}

.p-cparah-1 {
  font-size   : 1.9vh;
  color       : #424041;
  font-family : 'Jura', sans-serif;
  font-style  : normal;
  font-weight : 600;
  text-align  : left;
  text-shadow : 1px 0 0px black;
}

.p-section-main-1 {
  color          : #003a6b;
  font-family    : 'Jura', sans-serif;
  font-size      : 2.5vh;
  font-style     : normal;
  font-weight    : bolder;
  text-transform : uppercase;
  letter-spacing : -0.05vh;
  text-shadow    : 0px 0px 1px #2d2d3c;
}

.p-section-alt-1 {
  color          : white;
  font-family    : 'Jura', sans-serif;
  font-size      : 2.4vh;
  font-style     : normal;
  font-weight    : bolder;
  text-transform : uppercase;
  letter-spacing : -0.1vh;
  text-shadow    : 0px 1px 1px #000000;
}

.qfrp-ct-1 {
  color          : #275b9e;
  font-family    : 'Audiowide', sans-serif;
  font-size      : 2.85vh;
  font-style     : normal;
  font-weight    : normal;
  letter-spacing : -0.08vh;
  text-transform : uppercase;
  text-shadow    : 0 0 1px #b8d2ff;
}

.p-ct-3 {
  color          : #898989;
  font-family    : 'Audiowide', sans-serif;
  font-size      : 2.25vh;
  font-style     : italic;
  font-weight    : normal;
  letter-spacing : -0.08vh;
  text-transform : uppercase;
  text-shadow    : 0 0 1px #b8d2ff;
}

.p-ct-1 {
  color          : #275b9e;
  font-family    : 'Audiowide', sans-serif;
  font-size      : 4vh;
  font-style     : normal;
  font-weight    : normal;
  letter-spacing : -0.08vh;
  text-transform : uppercase;
  text-shadow    : 0 0 1px #a6bde6;
}

.p-ct-2 {
  color          : #7e7e7e;
  font-family    : 'Audiowide', sans-serif;
  font-size      : 1.8vh;
  font-style     : normal;
  font-weight    : normal;
  letter-spacing : -0.08vh;
  text-transform : uppercase;
}

.p-cpara-1 {
  font-size   : 1.7vh;
  color       : #15426d;
  font-family : 'Jura', sans-serif;
  font-style  : normal;
  font-weight : 500;
  text-shadow : 0 0 1px #3a4447;
  text-align  : left;
}

.p-para-2 {
  color           : #2686b5;
  font-family     : 'Jura', sans-serif;
  font-size       : 1.7vh;
  font-style      : normal;
  font-weight     : 800;
  text-align      : left;
  text-shadow     : 0 0 1px #1e5279;
  text-transform  : uppercase;
  text-decoration : none;
  transition      : 250ms all ease-in-out;
}

.p-para-2:hover {
  color           : #217dca;
  font-family     : 'Jura', sans-serif;
  font-size       : 1.7vh;
  font-style      : normal;
  font-weight     : 800;
  text-align      : left;
  text-shadow     : 0 0 1px #30a1ff;
  text-transform  : uppercase;
  text-decoration : underline;
}

.p-para-2g {
  color          : rgb(41, 166, 0);
  font-family    : 'Jura', sans-serif;
  font-size      : 1.7vh;
  font-style     : normal;
  font-weight    : 900;
  text-align     : left;
  text-transform : uppercase;
  text-shadow    : 0 0 1px #196300;
  transition     : 250ms all ease-in-out;
}

.p-para-2r {
  color          : rgb(166, 0, 45);
  font-family    : 'Jura', sans-serif;
  font-size      : 1.7vh;
  font-style     : normal;
  font-weight    : 900;
  text-align     : left;
  text-transform : uppercase;
  text-shadow    : 0 0 1px #ea003f;
  transition     : 250ms all ease-in-out;
}

.p-icon-1 {
  color          : rgb(16, 84, 144);
  font-size      : 2.5vh;
  font-weight    : 900;
  padding-bottom : 0.4vh;
  text-shadow    : -1px -1px 1px #2f4f7e;
}

.p-icon-1:hover {
  color          : rgb(23, 123, 211);
  font-size      : 2.5vh;
  font-weight    : 900;
  padding-bottom : 0.4vh;
  text-shadow    : -1px -1px 1px #2f4f7e;
}

.p-icon-1g {
  color       : rgb(48, 191, 0);
  font-size   : 2.5vh;
  font-weight : 900;
  line-height : 1.1;
  text-shadow : 1px 0 1px #1f7b00;
}

.p-icon-1r {
  color          : rgb(166, 0, 45);
  font-size      : 2.5vh;
  font-weight    : 900;
  line-height    : 2vh;
  padding-bottom : 0.4vh;
  text-shadow    : 1px 0 1px #ea003f;
}

.p-cpara-2-2 {
  font-family : 'Jura', sans-serif;
  font-size   : 1.8vh;
  color       : #424041;
  font-style  : normal;
  font-weight : 500;
  text-align  : left;

}

.p-ctitle-1-1 {
  color          : #14406a;
  font-family    : 'Jura', sans-serif;
  font-size      : 1.48vh;
  font-style     : normal;
  font-weight    : bold;
  letter-spacing : -0.08vh;
  text-transform : uppercase;
  text-shadow    : 0 0 1px #b1b1b1;
}

.p-ctitle-2 {
  color          : #393738;
  font-family    : 'Jura', sans-serif;
  font-size      : 1.55vh;
  font-style     : normal;
  font-weight    : bold;
  letter-spacing : -0.02vh;
  text-transform : capitalize;
  text-shadow    : 0 0 1px #9d9d9d;
}

.p-ctitle-3 {
  color          : #4f4d4e;
  font-family    : 'Jura', sans-serif;
  font-size      : 1.7vh;
  font-style     : normal;
  font-weight    : normal;
  letter-spacing : -0.01vh;
  text-align     : justify;
  line-height    : 1.75vh;
  text-transform : full-width;
  text-shadow    : 0 0 1px #6c6c6c;

}

.p-ctitle-4 {
  color          : #4f4d4e;
  font-family    : 'Jura', sans-serif;
  font-size      : 1.60vh;
  font-style     : normal;
  font-weight    : normal;
  letter-spacing : -0.01vh;
  text-align     : justify;
  line-height    : 1.75vh;
  text-transform : full-width;
  text-shadow    : 0 0 1px #6c6c6c;

}

.p-ctitle-4-1 {
  color          : #7e7c7d;
  font-family    : 'Jura', sans-serif;
  font-size      : 1.33vh;
  font-style     : normal;
  font-weight    : normal;
  letter-spacing : -0.01vh;
  text-align     : justify;
  line-height    : 1.75vh;
  text-transform : full-width;
  text-shadow    : 0 0 1px #313131;

}

.p-ctitle-5 {
  color          : #102f5e;
  font-family    : 'Jura', sans-serif;
  font-size      : 1.55vh;
  font-style     : normal;
  font-weight    : normal;
  letter-spacing : -0.01vh;
  text-align     : justify;
  line-height    : 1.7vh;
  text-transform : full-width;
  text-shadow    : 0 0 1px #141414;
}

.p-ctitle-5-err {
  color          : #b20600;
  font-family    : 'Jura', sans-serif;
  font-size      : 1.60vh;
  font-style     : normal;
  font-weight    : normal;
  letter-spacing : -0.01vh;
  text-align     : justify;
  line-height    : 1.7vh;
  text-transform : full-width;
  text-shadow    : 0 0 1px #141414;
}

.p-card-1 {
  background-color : rgba(243, 243, 243, 0.4);
  border           : 1px solid rgb(193, 193, 193);
}