@charset "UTF-8"; 

body {
background-color: #083293;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}



*, *::before, *::after {
box-sizing: border-box;
}



/* hdr bloc */

/* screen 1 - a */

.hdr_parent {
background: #083293;
display: flex;
flex-wrap: wrap;
flex-direction: row; /* Reverses the stacking direction */
gap: 0px;
align-content: flex-start; /* Aligns wrapped content to the start */
justify-content:center;
align-items:center;
}
.hdr_child {
text-align: center;
color: white;
font-size: 13px;
}


#hdr_cid01 {
display:flex;
width: 420px !important;
height: 74px;
justify-content:center;
align-items:center;
}
.hdr_cid01 {
display:flex;
width:96%;
height:54px;
border-radius:12px;
-mos-border-radius:12px;
-webkit-border-radius:12px;
-o-border-radius:12px;
-ms-border-radius:12px;
-pie-border-radius:12px;
background:#000037;
/*background:#000058;*/
background-image: none;
background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
-webkit-background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
-moz-background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
-ms-background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
-o-background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
padding:3px;
}
.hdr_cid01_a {
display:flex;
flex:1;
justify-content:center;
align-items:center;
color: black;
font-size: 13px;
background: url('../img/KeyArb-brand-l.png');
background-size: 194px 54px;
background-repeat: no-repeat;
background-position: left center;
}
.hdr_cid01_b {
display:flex;
flex:1;
justify-content:center;
align-items:center;
text-align: center;
color: black;
font-size: 13px;
}
.hdr_cid01_bpar {
display:flex;
flex-direction:row;
width:96%;
height:34px;
justify-content:center;
align-items:center;
border-radius:12px;
-mos-border-radius:12px;
-webkit-border-radius:12px;
-o-border-radius:12px;
-ms-border-radius:12px;
-pie-border-radius:12px;
}
.hdr_cid01_bchi_a {
display:flex;
flex:110px;
height:34px;
justify-content:center;
align-items:center;
color: black;
font-size: 13px;
background: #DBDEE0; 
border-bottom-left-radius:12px; border-top-left-radius:12px;
-mos-border-bottom-left-radius:12px; -mos-border-top-left-radius:12px;
-webkit-border-bottom-left-radius:12px; -webkit-border-top-left-radius:12px;
-o-border-bottom-left-radius:12px; -o-border-top-left-radius:12px;
-ms-border-bottom-left-radius:12px; -ms-border-top-left-radius:12px;
-pie-border-bottom-left-radius:12px; -pie-border-top-left-radius:12px;
}
.hdr_cid01_bchi_b {
display:flex;
flex:1;
height:34px;
justify-content:center;
align-items:center;
text-align: center;
color: black;
font-size: 13px;
background: #DBDEE0; 
border-bottom-right-radius:12px; border-top-right-radius:12px;
-mos-border-bottom-right-radius:12px; -mos-border-top-right-radius:12px;
-webkit-border-bottom-right-radius:12px; -webkit-border-top-right-radius:12px;
-o-border-bottom-right-radius:12px; -o-border-top-right-radius:12px;
-ms-border-bottom-right-radius:12px; -ms-border-top-right-radius:12px;
-pie-border-bottom-right-radius:12px; -pie-border-top-right-radius:12px;
}
.spc {
margin:3px; height:24px; width:calc(100% - 8px);
border-bottom-left-radius:12px; border-top-left-radius:12px;
-mos-border-bottom-left-radius:12px; -mos-border-top-left-radius:12px;
-webkit-border-bottom-left-radius:12px; -webkit-border-top-left-radius:12px;
-o-border-bottom-left-radius:12px; -o-border-top-left-radius:12px;
-ms-border-bottom-left-radius:12px; -ms-border-top-left-radius:12px;
-pie-border-bottom-left-radius:12px; -pie-border-top-left-radius:12px;
text-decoration:none;
border:none;
outline:none;
padding:4px;
color:#000000;
font-size:15px;
}
.sbt {
margin:3px; height:24px; width:calc(100% - 8px);
border-bottom-right-radius:12px; border-top-right-radius:12px;
-mos-border-bottom-right-radius:12px; -mos-border-top-right-radius:12px;
-webkit-border-bottom-right-radius:12px; -webkit-border-top-right-radius:12px;
-o-border-bottom-right-radius:12px; -o-border-top-right-radius:12px;
-ms-border-bottom-right-radius:12px; -ms-border-top-right-radius:12px;
-pie-border-bottom-right-radius:12px; -pie-border-top-right-radius:12px;
text-decoration:none;
border:none;
outline:none;
padding:4px;
color:#ffffff;
font-size:18px;
background:#B1AFAF !important;
cursor:pointer;
}
.sbt:hover {background:#000000 !important; color:white;}
.sbt:active {background:#007AE1 !important; color:white;}


#hdr_cid02 {
display:flex;
flex: 1;  /* Allows it to grow and fill available space in its row */
flex-direction: column;
align-items:center !important;
justify-content:center !important;
height: 74px;
gap:4px;
}
.hdr_cid02bx {
display:flex;
width: 90%;  /* Allows it to grow and fill available space in its row */
flex-direction: row;
align-items:center !important;
justify-content:left !important;
gap:20px;
font-size:15px !important;
}


.hdr_cid02 {
display:flex;
height:34px;
line-height:34px;
cursor:pointer;
text-align:left;
align-items:left;
}
.hdr_cid02:hover {
color:#66FFFF;
padding-left:12px;
padding-right:12px;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
-o-border-radius:7px;
-ms-border-radius:7px;
-pie-border-radius:7px;
background:rgba(2555, 2555, 2555, 0.5) !important;

}
.hdr_cid02:active {color:#66FF66;}
.act {color:#FFD800; font-weight:normal;}
.act:hover {color:#00EAFF;}
.act:active {color:#ffffff;}

.macc, .mact {display:none;}
.mol {display:block;}


#hdr_cid03 {
display:flex;
flex: 1;  /* Allows it to grow and fill available space in its row */
flex-direction: column;
align-items:center !important;
justify-content:center !important;
height: 74px;
gap:4px;
}
.hdr_cid03bx {
display:flex;
width: 92%;  /* Allows it to grow and fill available space in its row */
flex-direction: row;
align-items:center !important;
justify-content:right !important;
gap:20px;
font-size:15px;
font-weight:bold !important;
}
.hdr_cid03 {
display:flex;
flex-direction:column;
flex:1;
height:34px;
justify-content:center;
align-items:center;
font-size:12px;
cursor:pointer;
}
.rgr {
display:flex;
flex-direction:column;
flex:1;
height:34px;
justify-content:center;
align-items:center;
cursor:pointer;
color:#ffffff;
}
.rgr:hover {color:#66FF66;}
.rgr:active {color:#ffffff;}
.loi {
display:flex;
flex-direction:column;
flex:1;
height:34px;
justify-content:center;
align-items:center;
font-size:15px !important; 
color:#FFFFFF; 
background:#00B700; 
border-radius:7px;
-mos-border-radius:7px;
-webkit-border-radius:7px;
-o-border-radius:7px;
-ms-border-radius:7px;
-pie-border-radius:7px;
padding:2px;
cursor:pointer;
}
.loi:hover {background:#006CC6;}
.loi:active {background:#C37007;}
.rzt {
display:flex;
flex-direction:column;
flex:1;
height:34px;
justify-content:center;
align-items:center;
line-height:12px !important;
cursor:pointer;
color:#FFFD00; 
}
.rzt:hover {color:#ffffff !important;}
.rzt:active {color:#FDB700 !important;}
.lgt {color:#FF5100;}
.mdp {color:#FFFD00; font-weight:bold;}
.idd {color:#35D8FD; font-size:11px;}
.acc {font-size:11px; font-weight:bold;}
.lgg {
background:#006CC6; color:#FFFFFF; margin-right:8px;
border-radius:7px;
-mos-border-radius:7px;
-webkit-border-radius:7px;
-o-border-radius:7px;
-ms-border-radius:7px;
-pie-border-radius:7px;
font-weight:normal !important;
padding-left:6px;
padding-right:6px;
cursor:pointer;
}
.lgg:hover {background:#00B700;}
.tkk {color:#ffffff;}
.tkk:hover {color:#66FF66;}
.tkk:active {color:#ffffff;}


.br2_bx_rr4 {
display: flex;
flex:1;
flex-direction:eow;
flex-wrap:nowrap;
gap: 4px;
align-items: center;
justify-content: center;
text-align:center;
font-family: Roboto Thin, Helvetica, sans-serif !important;
text-transform: capitalize !important;
padding-left:12px; 
padding-right:12px; 
background: #0A215D;
background-image: linear-gradient(to right, #0066BF 0%, #0A215D 100%);
-webkit-background-image: linear-gradient(to right, #0066BF 0%, #0A215D 100%);
-moz-background-image: linear-gradient(to right, #0066BF 0%, #0A215D 100%);
-ms-background-image: linear-gradient(to right, #0066BF 0%, #0A215D 100%);
-o-background-image: linear-gradient(to right, #0066BF 0%, #0A215D 100%);
box-shadow: 0.6px 0.6px 5px rgba(0, 0, 0, 0.8);
cursor:pointer;
border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px;
}
.br2_bx_rr4:hover {background: #006CC6; color:#ffffff;}
.br2_bx_rr4:active {background: #0A215D; color:#ffffff;}


 






/* bdy */


.bdy_parent {
background: #00096B;
display: flex;
flex-direction: column; /* Reverses the stacking direction */
justify-content:center;
align-items:center;
}
.bdy_child {
display:flex;
flex-direction:row;
width: 98%;
margin-top:12px;
margin-bottom:12px;
gap:10px;
justify-content:center;
align-items:top;
}
.bdy_child01 {
display:flex; 
flex:1;
flex-direction:column;
/* border:1px solid #ffffff; */
}
.bdy_child01_1 {
display:flex;
flex-direction:row;
align-items: flex-start;
width:100%;
gap:10px;
/* border:1px solid red; */
}
.bdy_child01_1a {
display:flex;
flex-direction:column;
flex:1;
margin:3px;
/* border:1px solid white; */
}
.bdy_child01_1b {
display:flex;
flex-direction: column;
width:700px;
margin:3px;
gap:10px;
padding:4px !important;
}
.bdy_child01_1bi {
display: flex;
flex-direction:column;
width: 100%;
height:42px;
justify-content:center;
align-items:center;
color:#ffffff;
font-size:13px;
padding:3px;
background:#00628D;
}
.bdy_child01_1bii {
display: flex;
width: 100%;
justify-content:center;
align-items:center;
background:#000058;
}

.bdy_child02 {
display:flex;
flex-direction:column;
width:290px;
/* border:1px solid #ffffff; */
}

.crt {
display:none;
}
.crt:hover {color:#66FF66;}
.crt:active {color:#ffffff;}

.crx {
display:flex;
flex-direction:row;
width:100%;
flex-basis:30px;
justify-content:left;
align-items:center;
font-size:22px;
}
.cry {
display:flex;
width:100%;
flex-basis:14px;
justify-content:left;
align-items:center;
font-size:12px;
font-weight:normal !important;
}
.circler {
width: 30px; 
height: 22px;
background-color:#FF0000;
border-radius: 50%;
color:#ffffff;
font-weight:bold !important;
font-size:12px;
padding:3px;
padding-top:4px;
position:relative;
margin:auto;
top:0; bottom:50%; left:0; right:70%;
}

/*#*/
.selectbx_p {
position:relative; width: 100%;
display: flex;
flex-direction:column;
background:#152D6A;
}
.selectbx_p div {
align-self: flex-start;
}
.selectbx_pbd {
position:relative; width: calc(100% - 14px); margin:7px;
text-align:center;
margin-top:14px;
margin-bottom:14px;
color: rgba(255,255,255,0.85);
}
.selectbx_pbr {
position:relative; width: calc(100% - 6px); height:34px; line-height:34px; 
color:#ffffff; 
font-size:16px; 
 text-align:left;
 font-weight:bold;
font-family: Roboto Thin, Helvetica, sans-serif !important; background:#0055A6; padding-left:6px;
}
.bct_selct1 {
position:absolute; width:30px; height:34px;
background: #B88528;
clip-path: polygon(50% 5%, 50% 100%, 0% 50%);
display: flex;  
align-items: right;
text-align:right;
right: -15px; bottom: 0px;
z-index:10;
}
.bct_selct2 {
position:absolute; width:30px; height:34px;
background: #E5AF35;  
clip-path: polygon(60% 38%, -2% 100%, 100% 100%);
display: flex;  
align-items: right;
text-align:right;
right: 0px; bottom: 0px;
}
.trackbx_p {
position:relative; width: 100%;
display: flex;
flex-direction:column;
background:#152D6A;
margin-top: 14px;
}
.trackbx_p div {
align-self: flex-start;
}
.trackbx_pbr {
position:relative; width: calc(100% - 6px); height:34px; line-height:34px; 
color:#ffffff; 
font-size:15px; 
font-weight:bold !important;
font-family: Roboto Thin, Helvetica, sans-serif !important; 
background:#0055A6; text-align:left; padding-left:6px;
}
.bct_selct1 {
position:absolute; width:30px; height:34px;
background: #B88528; 
clip-path: polygon(50% 5%, 50% 100%, 0% 50%);
display: flex; /* this automatically  sets flex-direction to row which is required for columns */
align-items: right;
text-align:right;
right: -15px; bottom: 0px;
z-index:10;
}
.bct_selct2 {
position:absolute; width:30px; height:34px;
background: #E5AF35; 
clip-path: polygon(60% 38%, -2% 100%, 100% 100%);
display: flex; /* this automatically  sets flex-direction to row which is required for columns */
align-items: right;
text-align:right;
right: 0px; bottom: 0px;
}
.trackbx_pbd {
position:relative; width: calc(100% - 14px); margin:7px;
text-align:center;
margin-top:14px;
margin-bottom:14px;
color: rgba(255,255,255,0.85);
}
.tidlabel {position:relative; width:100%; height:29px; text-align:left;}
.tidfields {position:relative; width:100%; text-align:left; margin-bottom:8px;}
.tidtx {
position:relative;
border:2px solid #0099F1; background:#ffffff; color:#000000; font-size:15px; padding:6px 3px !important;
border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px;
}
.tidbt {
position:relative; float:right; cursor:pointer;
border:2px solid #0099F1; background:#0099F1; color:#ffffff; font-size:15px; padding:6px 12px;
border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px;
}
.tidbt:hover {background:#0F0F48; border:1px solid #0F0F48; color:#ffffff;}
.tidbt:active {background:#ffffff; border:1px solid #ffffff; color:#0F0F48;}
.tidtx_d {
position:relative; display:inline-block;
border:2px solid #0099F1; color:#ffffff; font-size:15px; padding:6px 24px; background:none;
border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px;
}
.tidbtt {
position:relative; float:right; cursor:pointer;
font-size:15px; padding:6px 12px;
background:#0F0F48; border:1px solid #0F0F48; color:#E5AF35;
background-image: linear-gradient(to right, #0066BF 0%, #0A215D 100%);
-webkit-background-image: linear-gradient(to right, #0066BF 0%, #0A215D 100%);
-moz-background-image: linear-gradient(to right, #0066BF 0%, #0A215D 100%);
-ms-background-image: linear-gradient(to right, #0066BF 0%, #0A215D 100%);
-o-background-image: linear-gradient(to right, #0066BF 0%, #0A215D 100%);
border:2px solid #0099F1; 
border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px;
}
.tidbtt:hover {
border:1px solid #0F0F48; color:#ffffff;
background:#0F0F48; border:1px solid #0F0F48; color:#ffffff;
background-image: linear-gradient(to top, #0066BF 0%, #0A215D 100%);
-webkit-background-image: linear-gradient(to top, #0066BF 0%, #0A215D 100%);
-moz-background-image: linear-gradient(to top, #0066BF 0%, #0A215D 100%);
-ms-background-image: linear-gradient(to top, #0066BF 0%, #0A215D 100%);
-o-background-image: linear-gradient(to top, #0066BF 0%, #0A215D 100%);
border:2px solid #ffffff; 
}
.tidbtt:active {background:#ffffff; border:1px solid #ffffff; color:#0F0F48;}
.trackbx_p {
position:relative; width: 100%;
display: flex;
flex-direction:column;
background:#152D6A;
margin-top: 14px;
}
.trackbx_p div {
align-self: flex-start;
}

.trackbx_pbr {
position:relative; width:100%; height:34px; line-height:34px; color:#ffffff; font-size:15px; font-family: Roboto Thin, Helvetica, sans-serif !important; background:#0055A6; text-align:left; padding-left:6px;
}
.bct_selct1 {
position:absolute; width:30px; height:34px;
background: #B88528; 
clip-path: polygon(50% 5%, 50% 100%, 0% 50%);
display: flex; /* this automatically  sets flex-direction to row which is required for columns */
align-items: right;
text-align:right;
right: -15px; bottom: 0px;
z-index:10;
}
.bct_selct2 {
position:absolute; width:30px; height:34px;
background: #E5AF35; 
clip-path: polygon(60% 38%, -2% 100%, 100% 100%);
display: flex; /* this automatically  sets flex-direction to row which is required for columns */
align-items: right;
text-align:right;
right: 0px; bottom: 0px;
}
.trackbx_pbd {
position:relative; width: calc(100% - 14px); margin:7px;
text-align:center;
margin-top:14px;
margin-bottom:14px;
color: rgba(255,255,255,0.85);
}
.tidtx {
position:relative;
border:2px solid #0099F1; background:#ffffff; color:#000000; font-size:15px; padding:6px 12px;
border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px;
}
.tidbt {
position:relative; float:right; cursor:pointer;
border:2px solid #0099F1; background:#0099F1; color:#ffffff; font-size:15px; padding:6px 8px;
border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px;
}
.tidbt:hover {background:#0F0F48; border:1px solid #0F0F48; color:#ffffff;}
.tidbt:active {background:#ffffff; border:1px solid #ffffff; color:#0F0F48;}

/*#*/
.bct_mast {
position:relative; width:100%; height:36px; line-height:46px; color:#FFFFFF; text-align:center;
background: #0F0F48;
background-image: linear-gradient(to right, #2C2F58 0%, #00628D 60%, #028FD5 100%);
-webkit-background-image: linear-gradient(to right, #2C2F58 0%, #00628D 60%, #028FD5 100%);
-moz-background-image: linear-gradient(to right, #2C2F58 0%, #00628D 60%, #028FD5 100%);
-ms-background-image: linear-gradient(to right, #2C2F58 0%, #00628D 60%, #028FD5 100%);
-o-background-image: linear-gradient(to right, #2C2F58 0%, #00628D 60%, #028FD5 100%);
padding-top:4px;
}
.bct_mast1 {
position:absolute; width:30px; height:36px;
background: #0F0F48;/*0F0F48*/
background-image: linear-gradient(to right, #2C2F58 0%, #00628D 60%, #028FD5 100%);
-webkit-background-image: linear-gradient(to right, #2C2F58 0%, #00628D 60%, #028FD5 100%);
-moz-background-image: linear-gradient(to right, #2C2F58 0%, #00628D 60%, #028FD5 100%);
-ms-background-image: linear-gradient(to right, #2C2F58 0%, #00628D 60%, #028FD5 100%);
-o-background-image: linear-gradient(to right, #2C2F58 0%, #00628D 60%, #028FD5 100%);
clip-path: polygon(50% 5%, 50% 100%, 0% 50%);
display: flex; /* this automatically  sets flex-direction to row which is required for columns */
align-items: right;
text-align:right;
right: -17px; bottom: 0px;
z-index:10;
}
.bct_mast2 {
position:absolute; width:30px; height:36px;
background: #0F0F48;/*0F0F48*/
background-image: linear-gradient(to right, #2C2F58 0%, #00628D 60%, #028FD5 100%);
-webkit-background-image: linear-gradient(to right, #2C2F58 0%, #00628D 60%, #028FD5 100%);
-moz-background-image: linear-gradient(to right, #2C2F58 0%, #00628D 60%, #028FD5 100%);
-ms-background-image: linear-gradient(to right, #2C2F58 0%, #00628D 60%, #028FD5 100%);
-o-background-image: linear-gradient(to right, #2C2F58 0%, #00628D 60%, #028FD5 100%);
clip-path: polygon(60% 38%, -2% 100%, 100% 100%);
display: flex; /* this automatically  sets flex-direction to row which is required for columns */
align-items: right;
text-align:right;
right: 0px; bottom: 0px;
}
.tops {
position:absolute; top:0; left:0; right:0; bottom:0; margin: auto; width: calc(100% - 4px); height:26px; line-height:26px; text-align:center !important; font-size:16px;
z-index:10;
}
.bs_showcase {
position:relative;
width: calc(100% - 2px); height:179px;
background:#000037;
background-image: none;
background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
-webkit-background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
-moz-background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
-ms-background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
-o-background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
margin-bottom:4px;
/* border:1px solid rgba(0,204,255,0.45); */
}

.bgl_showcase {
font-family: Roboto Thin, Helvetica, sans-serif !important; 
position:relative; width: 100%; height:32px; line-height:32px; 
color: rgba(255,255,255,0.45);
text-align:left; 
border-bottom:1px solid #1569AE;
cursor:pointer;
display: flex;
justify-content: center;
align-items: center;
}
.bgl_showcase:hover {color:rgba(0,204,255);}
.bgl_showcase:active {color:#ffffff;}


.bgl_showcasedx {
font-family: Roboto Thin, Helvetica, sans-serif !important; 
position:relative; width: 100%; height:37px; 
display: flex;
flex-direction:row;
color: #ffffff;
font-size:15px;
font-weight:bold;
justify-content: left;
align-items: center;
padding:4px; 
border-bottom:1px solid #1569AE;
background:#0072C1; 
background-image: linear-gradient(to top, #0072C1 0%, #005791 100%);
-webkit-background-image: linear-gradient(to top, #0072C1 0%, #005791 100%);
-moz-background-image: linear-gradient(to top, #0072C1 0%, #005791 100%);
-ms-background-image: linear-gradient(to top, #0072C1 0%, #005791 100%);
-o-background-image: linear-gradient(to top, #0072C1 0%, #005791 100%);
transition: 0.4s;
}
.bgl_showcasedx:hover {
color:#ffffff;
background:#008EFF; 
}
.bgl_showcasedx:active {color:#ffffff;}

.elbar2 {display:flex; text-align:left;  margin-right:8px;}
.elbar3 {display:flex; flex:1; flex-direction:row;  justify-content:right; align-items:center; }
.elbar3 span {display:flex; justify-content: left; align-items: center;}

.counterr {
color:inherit;
font-size:15px; float:right;
font-family: Roboto Thin, Helvetica, sans-serif !important;
}
.counterr2 {
position:relative;  
color:#ffffff;
font-size:inherit; 
font-family: Roboto Thin, Helvetica, sans-serif !important;
display:inline-block;
}
.defaultlinks {position:relative; color:#ffffff; cursor:pointer; text-decoration:none; outline:none; display:inline-block;}
.defaultlinks:hover {color:#52A2E4;}
.defaultlinks:active {color:#CC9933;}




.eventslist {
font-family: Roboto Thin, Helvetica, sans-serif !important;
text-align:left; font-size:15px; font-weight:600;
letter-spacing:1;

background-color: #eee;
color: #444;
cursor: pointer;
padding: 8px;
width: 100%;
border: 1px solid #ccc;
text-align: left;
transition: 0.4s;
}
.eventslist:hover {background-color: #ccc; border:1px solid #ccc; color:#000033;}
.eventslist:active {background: #fff; border:1px solid #ffffff; color:#000;}

.downarr {
color:inherit;
font-size:13px;
display: inline-block;
transform: rotate(90deg);
margin-left:3px;
margin-right:2px;
}


.eventslist_001_hide {
position:relative;
width: 100%;
background:#FFFFFF;
color:#000000;
display:none;
}
.eventslist_001_show {
position:relative;
width: 100%;
background:#FFFFFF;
color:#000000;
display:block;
}


/*************/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu {
width: 100%;
font-family: Roboto Thin, Helvetica, sans-serif !important;
}
#cssmenu ul ul {
  display: none;
}
.align-right {
  float: right;
}
#cssmenu > ul > li > a {
padding: 15px 10px;
border-left: 1px solid #1682ba;
border-right: 1px solid #1682ba;
border-top: 1px solid #1682ba;
cursor: pointer;
z-index: 2;
text-decoration: none;
font-family: Roboto Thin, Helvetica, sans-serif !important;
background: #fff !important;
color: #444444 !important;
font-weight: bold !important;
letter-spacing: 1;
text-align: left;
transition: 0.4s;
}
#cssmenu > ul > li > a:hover {
background: #ccc !important; 
color: #444;
transition: 0.4s;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li.open > a {
  color: #eeeeee;
  background: #1fa0e4;
  background: -webkit-linear-gradient(#1fa0e4, #1992d1);
  background: -moz-linear-gradient(#1fa0e4, #1992d1);
  background: -o-linear-gradient(#1fa0e4, #1992d1);
  background: -ms-linear-gradient(#1fa0e4, #1992d1);
  background: linear-gradient(#1fa0e4, #1992d1);
  transition: 0.4s;
}
#cssmenu > ul > li.open > a {
  border-bottom: 1px solid #1682ba;
}
#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
  border-bottom: 1px solid #1682ba;
}
.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 12px; /* position of arrow of the first children */
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 17px;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}
#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {
  border-color: #444; /* color of arrows of children of first level */
}
.holder::before {
  top: 18px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
#cssmenu ul ul li a {
  cursor: pointer;
  border-bottom: 1px solid #32373e;
  border-left: 1px solid #32373e;
  border-right: 1px solid #32373e;
  padding: 15px 20px;
  z-index: 1;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold !important;
  color: #eeeeee;
  background: #49505a; /* bgcolour for second level*/
  transition: 0.4s;
}
#cssmenu ul ul li:hover > a {
  background: #5f656f; /* hover bgcolour for second level*/
  color: #ffffff;
  transition: 0.4s;
}
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
  background: #424852; /* hover bgcolour for second level*/
  color: #ffffff;
}
#cssmenu ul ul li:first-child > a {
  box-shadow: none;
}




#cssmenu ul ul ul li a {
  cursor: pointer;
  border-bottom: 1px solid #32373e;
  border-left: 1px solid #32373e;
  border-right: 1px solid #32373e;
  padding: 15px 20px;
  z-index: 1;
  text-decoration: none;
  font-size: 15px;
  color: #eeeeee;
  background: #32373e; /* bgcolour for second level*/
  transition: 0.4s;
}
#cssmenu ul ul ul li:hover > a {
  background: #000000; /* hover bgcolour for second level*/
  color: #ffffff;
  transition: 0.4s;
}


#cssmenu ul ul ul li a {
  padding-left: 30px;
}
#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#cssmenu ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 11.5px;
  border-top: 2px solid #eeeeee; /* downward arrow for children of second level */
  border-left: 2px solid #eeeeee;  /* downward arrow for children of second level */
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#cssmenu ul ul li.active > a::after,
#cssmenu ul ul li.open > a::after,
#cssmenu ul ul li > a:hover::after {
  border-color: #ffffff; /* downward arrow for children of second level */
}








#cssmenu ul ul ul ul li a {
cursor: pointer;
border-bottom: 1px solid #32373e;
border-left: 1px solid #32373e;
border-right: 1px solid #32373e;
padding: 15px 38px;
z-index: 1;
text-decoration: none;
font-size: 15px;
color: #000000;
border:1px solid #DEF3FA !important;
background: #def3fa;
background: linear-gradient(to bottom left,rgba(222, 243, 250, 1) 0%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%);
background-image: -webkit-linear-gradient(to bottom left,rgba(222, 243, 250, 1) 0%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%);
background-image: -moz-linear-gradient(to bottom left,rgba(222, 243, 250, 1) 0%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%);
background-image: -o-linear-gradient(to bottom left,rgba(222, 243, 250, 1) 0%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%);
background-image: -ms-linear-gradient(to bottom left,rgba(222, 243, 250, 1) 0%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%);
transition: 0.4s;
}
#cssmenu ul ul ul ul li:hover > a {
  background: #E5F3FF; 
  color: #000000;
  transition: 0.4s;
}


/******mmm*******/








.eventslist_sub {
font-family: Roboto Thin, Helvetica, sans-serif !important;
position:relative; width: 100%; height:38px; line-height:38px;  margin-bottom:1px;
color:#000033;
text-align:left; font-size:15px; font-weight:600;
background: #F8F0B7;/*0F0F48*/
outline:none; border:none;
cursor:pointer;
}
.eventslist_sub:hover {background: #808080; color:#ffffff;}
.eventslist_sub:active {background: #E46D30; color:#FFFFFF;}

.eventslist_subb {
font-family: Roboto Thin, Helvetica, sans-serif !important;
position:relative; width: 100%; height:38px; line-height:38px; margin-bottom:1px;  
color:#ffffff;
text-align:left; font-size:15px; font-weight:600;
background: #02608B;/*0F0F48*/
outline:none; border:none;
cursor:pointer;
border-bottom:1px solid #634927;
}
.eventslist_subb:hover {background: #CCFFFF; color:#000000;}
.eventslist_subb:active {background: #000000; color:#FFFFFF;}
.eventslist_subb span {display:none;}





.eventslist_suba {
font-family: Roboto Thin, Helvetica, sans-serif !important;
position:relative; width: 100%; height:38px; line-height:38px;  margin-bottom:1px;
color:#ffffff;
text-align:left; font-size:15px; font-weight:600;
background: #BA8016;/*0F0F48*/
outline:none; border:none;
cursor:pointer;
}
.eventslist_suba:hover {background: #E46D30; color:#ffffff;}
.eventslist_suba:active {background: #000000; color:#FFFFFF;}



.eventslist_subba {
font-family: Roboto Thin, Helvetica, sans-serif !important;
position:relative; width: 100%; height:38px; line-height:38px; margin-bottom:1px;  
color:#000000 !important;
text-align:left; font-size:15px; font-weight:600;
background: #EDEEF2;
outline:none; border:none;
cursor:pointer;
border-bottom:1px solid #634927;
}
.eventslist_subba:hover {background: #cccccc; color:#ffffff;}
.eventslist_subba:active {background: #000000; color:#FFFFFF;}
.eventslist_subba span {display:block;}


.eventslista {
font-family: Roboto Thin, Helvetica, sans-serif !important;
position:relative; width: 100%; height:38px; line-height:38px;  margin-bottom:1px; margin-top:1px;
color: #ffffff; /*#000033;*/
text-align:left; font-size:15px; font-weight:600;
background: #663300; /*rgba(0,204,255);/*0F0F48*/
outline:none; border:none;
cursor:pointer;
}
.eventslista:hover {background: rgba(0,204,255); color:#ffffff;}
.eventslista:active {background: #cccccc; color:#808080;}
.eventslista span {transform: rotate( 0deg );}
/*#*/









/* @ */
.ftr_parent {
background: #008EFF;
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 0px;
justify-content: center;
align-items: center;
text-align:center;
}
.ftr_child {
display: flex;
flex-direction:column;
width:98%;
margin-top:10px;
margin-bottom:10px;
justify-content: center;
align-items: center;
text-align:center;
padding:7px;
color:#ffffff;
gap:10px;
}

.ftr_child1 {
display: flex;
flex-direction:row;
width:100%;
gap:7px;
justify-content: center;
align-items: center;
text-align:center;
color:#ffffff;
font-size:15px;
}
.ftr_child_sp {
display: flex;
flex-direction:column;
width:100%;
justify-content: center;
align-items: center;
text-align:center;
}
.ftr_spacer {
display: flex;
width:40%;
height:1px;
background:#ffffff;
}

.ftr_brands {
display: flex;
flex-direction:column;
justify-content: center;
align-items: center;
text-align:center;
width:100px;
height:70px;
}
.ftr_notes {
display: flex;
flex-direction:column;
width:65%;
color:#ffffff;
font-size:14px;
justify-content: center;
align-items: center;
}





/* ^ */
.mob_parent {
background: #000058;
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 0px;
justify-content: center;
align-items: center;
text-align:center;
}
.mob_child {
display: flex;
width:98%;
margin-top:10px;
margin-bottom:10px;
justify-content: center;
align-items: center;
text-align:center;
padding:7px;
color:#ffffff;
font-size:15px;
border:1px solid #ffffff;
}








/*  ---- */
.slider, 
.slider > div {
    background-position: center center;
    display: block;
    width: 100%;
    height: 157px;
    /* height: 100vh; *//* If you want fullscreen */
    position: relative;
    /* background-size: contain; */
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
    overflow: hidden;
    -moz-transition: transform .4s;
    -o-transition: transform .4s;
    -webkit-transition: transform .4s;
    transition: transform .4s;
}

.slider > div {
    position: absolute;
}

.slider > i {
    color: #5bbd72;
    position: absolute;
    font-size: 10px;
    margin: 20px;
    top: 15%;
    text-shadow: 0 10px 2px #223422;
    transition: .3s;
    width: 10px;
    padding: 10px 13px;
    background: #fff;
    background: rgba(255, 255, 255, .3);
    cursor: pointer;
    line-height: 0;
    box-sizing: content-box;
    border-radius: 3px;
    z-index: 4;
}

.slider > i svg {
    margin-top: 3px;
}

.slider > .left {
    left: -100px;
}
.slider > .right {
    right: -100px;
}
.slider:hover > .left {
    left: 0;
}
.slider:hover > .right {
    right: 0;
}

.slider > i:hover {
    background:#fff;
    background: rgba(255, 255, 255, .8);
    transform: translateX(-2px);
}

.slider > i.right:hover {
    transform: translateX(2px);
}

.slider > i.right:active,
.slider > i.left:active {
    transform: translateY(1px);
}
 
.slider > ul {
    position: absolute;
    top: 10px;
    right: 5%;
    z-index: 4;
    padding: 0;
    margin: 0;
}

.slider > ul > li {
    padding: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    list-style: none;
    float: left;
    margin: 5px 5px 0;
    cursor: pointer;
    border: 1px solid #fff;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.slider > ul > .showli {
background-color:#00CCFF;
-moz-animation: boing .5s forwards;
-o-animation: boing .5s forwards;
-webkit-animation: boing .5s forwards;
animation: boing .5s forwards;
}

.slider > ul > li:hover {
    background-color: #7EC03D;
}

.slider > .show {
    z-index: 1;
}

.hideDots > ul {
    display: none;
}

.showArrows > .left {
    left: 0;
}

.showArrows > .right {
    right: 0;
}



@keyframes boing {
0% {transform: scale(1.2);}
40% {transform: scale(.6);}
60% {transform: scale(1.2);}
80% {transform: scale(.8);}
100% {transform: scale(1);}
}













.animatednow {
font-size: 14px;
font-weight:bold;
font-family: Roboto Thin, Helvetica, sans-serif !important;
animation: colorblink 2s infinite; /* Bind the animation: name, duration, iteration count */
}
/* Define the animation sequence */
@keyframes colorblink {
0% {color:#66FFFF;}
25% {color:#FF99FF;}
50% {color:#FFFF00;}
75% {color:#FFFFFF;}
100% {color: #00FF66;}
}

.animatedarr {
font-size: 14px;
font-weight:bold;
font-family: Roboto Thin, Helvetica, sans-serif !important;
animation: animarr 2s infinite; /* Bind the animation: name, duration, iteration count */
}
/* Define the animation sequence */
@keyframes animarr {
0% {color:#33FF33}
25% {color:#ffffff;}
50% {color:#FFFF00;}
75% {color:#FF00FF;}
100% {color:#CCCCCC;}
}



.cxen {
display:flex;
flex-direction:row;
gap:4px;
align-items:center; 
justify-content:center; 
text-transform: capitalize !important;
font-family: Roboto Thin, Helvetica, sans-serif !important;
}







.br2 {
position:relative; width:100%; height:52px;  display:block; text-align: center; vertical-align:middle;
background: rgb(31,74,164,0.45);
}
.br2_bx {position:absolute; max-width:1295px; /*96%; /*90%;*/ height:35px; line-height:35px; display:flex; text-align:center; top:0; bottom:0; left:0; right:0; margin:auto; 
}
.br2_bx_rr1 {
position: relative; width: 108px; height: 35px; display: inline-block; letter-spacing:-0.251;
filter: drop-shadow(0.6px 0.6px 5px rgba(0, 0, 0, 0.8));
}
.br2_bx_rr1_cl {
position: relative; width: 100%; height: 100%; line-height: 35px;
font-family: Roboto Thin, Helvetica, sans-serif !important;
letter-spacing:1;
text-align:center;
display:flex;
justify-content:left;
align-items:center;
font-weight:bold;
color:#66FFFF; text-align:left; padding-left:8px;
clip-path: polygon(0 0, 100% 0, 77% 100%, 0% 100%);
background: #0A215D;
background-image: linear-gradient(to right, #0A215D 0%, #0066BF 50%, #0A215D 100%);
-webkit-background-image: linear-gradient(to right, #0A215D 0%, #0066BF 50%, #0A215D 100%);
-moz-background-image: linear-gradient(to right, #0A215D 0%, #0066BF 50%, #0A215D 100%);
-ms-background-image: linear-gradient(to right, #0A215D 0%, #0066BF 50%, #0A215D 100%);
-o-background-image: linear-gradient(to right, #0A215D 0%, #0066BF 50%, #0A215D 100%);
}
.br2_bx_rr2 {
position:relative; width: calc(100% - 155px); height:35px; line-height:35px; display:inline-block; margin-left: -16px;
font-family: Roboto Thin, Helvetica, sans-serif !important;
color: #ffffff;
text-align:left; padding-left:32px;
clip-path: polygon(4.5% 0%, 100% 0%, 96% 100%, 0% 100%);
background: #0F0F48;
background-image: linear-gradient(to top, #2C2F58 0%, #00628D 60%, #028FD5 100%);
-webkit-background-image: linear-gradient(to top, #2C2F58 0%, #00628D 60%, #028FD5 100%);
-moz-background-image: linear-gradient(to top, #2C2F58 0%, #00628D 60%, #028FD5 100%);
-ms-background-image: linear-gradient(to top, #2C2F58 0%, #00628D 60%, #028FD5 100%);
-o-background-image: linear-gradient(to top, #2C2F58 0%, #00628D 60%, #028FD5 100%);
}
.br2_bx_rr2 text {margin-left:8px; position:relative; margin-bottom:-5px;}
.br2_bx_rr2 img {
margin-left:8px; position:relative; margin-bottom:-5px; width:19px; height:19px; 
}
.defaultlinks {
position:relative; color:inherit; cursor:pointer; 
outline:none; display:inline-block;
font-family: Roboto Thin, Helvetica, sans-serif !important;
letter-spacing:1;
color:#FFFFFF !important;
}
.defaultlinks:hover {color:rgba(0,204,255) !important;}
.defaultlinks:active {color:#CC9933;}
.defau {
font-size:15px; margin-top:4px;
color: #1BF4FF !important;
font-weight:bold;
line-height:22px;
}
.grate {
color:#ffffff; 
font-size:15px;
display: inline-block;
transform: rotate(270deg);
}
.rrate {
color:#FF0000;
font-size:15px;
display: inline-block;
transform: rotate(90deg);
}
.br2_bx_rr3 {
position:relative; width: 35px; height:35px; line-height:35px; display:inline-block;
margin-left: -36px;
clip-path: polygon(100% 0, 0 100%, 100% 100%);
background:#0B266B;
}


.br2_bx_rr5 {
position:relative; width: 30px; height:35px; display:inline-block; margin-left:6px; font-size:14px;
background: #0A215D;
background-image: linear-gradient(to right, #0066BF 0%, #0A215D 100%);
-webkit-background-image: linear-gradient(to right, #0066BF 0%, #0A215D 100%);
-moz-background-image: linear-gradient(to right, #0066BF 0%, #0A215D 100%);
-ms-background-image: linear-gradient(to right, #0066BF 0%, #0A215D 100%);
-o-background-image: linear-gradient(to right, #0066BF 0%, #0A215D 100%);
box-shadow: 0.6px 0.6px 5px rgba(0, 0, 0, 0.8);
cursor:pointer;
border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px;
}
.staby {margin-top: 30%;}
.rr4tx {color:rgba(0,204,255,0.65);}


.notified {
display:flex;
flex-direction:row;
padding:3px;
margin-left:5px;
margin-right:5px;
padding-left:15px;
padding-right:15px;
background:#FF0000;

/*
background: #FFD800;
background-image: none;
background-image: linear-gradient(to bottom, #BA8016 60%, #D5A30D 100%);
-webkit-background-image: linear-gradient(to bottom, #BA8016 60%, #D5A30D 100%);
-moz-background-image: linear-gradient(to bottom, #BA8016 60%, #D5A30D 100%);
-ms-background-image: linear-gradient(to bottom, #BA8016 60%, #D5A30D 100%);
-o-background-image: linear-gradient(to bottom, #BA8016 60%, #D5A30D 100%);
*/
height:26px;
margin-top:3px;
line-height:20px;
color:#ffffff;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
-o-border-radius:7px;
-pie-border-radius:7px;
-ms-border-radius:7px;
}




.holds {display:inline-block;}
.ddn {display:block;}
.clz {display:block;}



/* disposables */
.carriageparo {
font-family: Roboto Light, Helvetica, sans-serif !important;
width: calc(100% - 18px);
padding: 9px; padding-bottom: 3px;
background:#F7F8FA; /* rgba(255,255,255/*,0.45*/); */
color: #0072C1;
}
.carriage_1o {
font-family: Roboto Light, Helvetica, sans-serif !important;
width: (100% - 12px);
padding:6px; padding-top:12px; padding-bottom:12px;  margin-top:12px; margin-bottom:12px;
display: flex;
flex-wrap: wrap;
background: #EBEBEB;
color:#000000;
}
.fta_x3o {
font-family: Roboto Light, Helvetica, sans-serif !important;
display: flex;
flex: 1;
flex-wrap: wrap;
color:#000000;
padding-left:20px;
}
.fta_b3o {
font-family: Roboto Light, Helvetica, sans-serif !important;
text-align: left;
flex-basis: 60px;
flex-wrap: wrap;
font-size: 12px;
color:#000000;
margin-left: 1px;
margin-right: 1px;
padding-left: 5px;
padding-right: 5px;
letter-spacing: 0.15;
}
.fta_x4o {
font-family: Roboto Light, Helvetica, sans-serif !important;
display: flex;
flex-basis: calc(100% - 343px);
flex-wrap: wrap;
color:#000000; 
justify-content:center;
}

.carriagepar {
width: calc(100% - 18px);
padding: 9px;
background:#F7F8FA;  
color: #0072C1;
}



 
.carriage_o {
position:relative; width: calc(100% - 24px);
background:#0072C1; color:#ffffff; font-size:16px;
display: flex;
flex-wrap: wrap;
padding: 6px 12px;
text-align:left;
justify-content: space-between;
}



.closrxx {
position:relative; width: 25px; font-size:16px; font-weight:bolder; text-align: center; display:inline-block; float:right; cursor:pointer;
background: rgba(0,204,255,0.65);
}
.closrxx:hover {color:#FEEB00; background:#000000;}
.closrxx:active {color:#33FFFF; background:#663300;}

.carriage_2 {
width: calc(100% - 8px);
padding: 4px; padding-top:8px; padding-bottom:8px;
display: flex;
flex-wrap: wrap;
border-top:1px solid #B7EDFF;
background:#EAFFFF;
color:#000000;
justify-content: flex-end;
}



.fta_x1 {
display: flex;
flex: 1;
flex-wrap: wrap;
color:#0072C1;
padding-left:92px;
}


.fta_x2 {
display: flex;
flex-basis: calc(100% - 343px);
flex-wrap: wrap;
color:#0072C1;
}



.fta_r1 {
text-align: center;
flex-basis: 45px;
flex-wrap: wrap;
font-size: 13px;
color: #0072C1;
margin-left: 1px;
margin-right: 1px;
letter-spacing:0.125;
}
.fta_r1:nth-child(3) {margin-left:8px;}
.fta_r1:nth-child(4) {margin-right:8px;}



.carriage_3 {
width: (100% - 8px);
padding: 4px; padding-top:6px; padding-bottom:6px;
display: flex;
flex-wrap: wrap;
border-top:1px solid #EBEDEF;
border-bottom:1px solid #EBEDEF;
background: #ffffff;
color:#000000;
justify-content: flex-end;
}


.fta_b {
height: 38px;
line-height: 38px;
text-align: left;
flex-basis: 12px;
flex-wrap: wrap;
font-size: 12px;
color:#00CC33;
margin-left: 1px;
margin-right: 1px;
padding-left: 3px;
padding-right: 3px;
letter-spacing:0.15;
}

.fta_b2 {
height: 38px;
line-height: 38px;
text-align: left;
flex-basis: 60px;
flex-wrap: wrap;
font-size: 12px;
color: #949393;
margin-left: 1px;
margin-right: 1px;
padding-left: 5px;
padding-right: 5px;
letter-spacing:0.15;
}


.fta_x {
height: 38px;
display: flex;
flex-basis: calc(100% - 340px);
flex-wrap: wrap;
border-top:1px solid #EBEDEF;
border-bottom:1px solid #EBEDEF;
color:#000000;
justify-content: flex-end;
}


.fittd {margin-top:7px; font-weight:bolder;}
.cme {color:#949393; letter-spacing:1; font-size:11.5px;}

.fta_a {
height: 38px;
text-align: left;
flex-basis: calc(100% - 427px);
flex-wrap: wrap;
font-size: 13px;
color: #162A71;
margin-left: 1px;
margin-right: 1px;
letter-spacing:0.15;
}
.fta_r {
height: 38px;
line-height: 38px;
text-align: center;
flex-basis: 50px;
flex-wrap: wrap;
font-size: 13px;
color: #ffffff;
margin-left: 1px;
margin-right: 1px;
background:#0072C1; 
background-image: linear-gradient(to bottom, #0072C1 0%, #005791 100%);
-webkit-background-image: linear-gradient(to bottom, #0072C1 0%, #005791 100%);
-moz-background-image: linear-gradient(to bottom, #0072C1 0%, #005791 100%);
-ms-background-image: linear-gradient(to bottom, #0072C1 0%, #005791 100%);
-o-background-image: linear-gradient(to bottom, #0072C1 0%, #005791 100%);
letter-spacing:0.125;
cursor:pointer;
}

.carriage_3 {
width: (100% - 8px);
padding: 4px; padding-top:6px; padding-bottom:6px;
display: flex;
flex-wrap: wrap;
border-top:1px solid #EBEDEF;
border-bottom:1px solid #EBEDEF;
background: #ffffff;
color:#000000;
justify-content: flex-end;
}

.fta_b2 {
height: 38px;
line-height: 38px;
text-align: left;
flex-basis: 60px;
flex-wrap: wrap;
font-size: 12px;
color: #949393;
margin-left: 1px;
margin-right: 1px;

padding-left: 5px;
padding-right: 5px;
letter-spacing:0.15;
}
/* disposables ends */



.sqin {
background: none;
background-image: repeating-linear-gradient(30deg,#3eafee,#9c9de2 42%,#e58fd8);
-webkit-background-image: repeating-linear-gradient(30deg,#3eafee,#9c9de2 42%,#e58fd8);
-moz-background-image: repeating-linear-gradient(30deg,#3eafee,#9c9de2 42%,#e58fd8);
-ms-background-image: repeating-linear-gradient(30deg,#3eafee,#9c9de2 42%,#e58fd8);
-o-background-image: repeating-linear-gradient(30deg,#3eafee,#9c9de2 42%,#e58fd8);
padding:7px; color: #ffffff;
}
.sqina {
background: #F5F5F5;
padding:7px; color: #000000; 
margin-top:4px;
}
.sqinb {
background: #F5F5F5;
padding:7px; color: #000000; 
}
.sqinx {
background: #0072C1;
padding:7px; color: #ffffff; 
display:flex;
flex-direction:row;
gap:4px;
}
.sqinxa {
display:flex; flex: 1; background: #0072C1;
}
.sqinxb {
display:flex; background: rgba(0,204,255,0.65); padding:2px; padding-left:5px; padding-right:5px; cursor:pointer;
}
.sqinxb:hover {color:#FEEB00; background:#000000;}
.sqinxb:active {color:#33FFFF; background:#663300;}



.sqinn {
color: #0072C1;
font-size:14px;
display:flex;
flex-direction:row;
gap:5px;
}
.sqinna {
display:flex; flex: calc(100% - 160px);
flex-direction:column;
justify-content:left;
align-items:left ;
background: #EAFFFF;
padding-top:7px;
padding-bottom:7px;
}
.sqinnb {
display:flex; flex: 155px;
justify-content:left;
align-items:center;
background: #EAFFFF;
padding-top:7px;
padding-bottom:7px;
}

.sqinnt {
display:flex; flex: calc(100% - 160px);
flex-direction:column;
justify-content:left;
align-items:left ;
color:#FFFFFF;
background: none;

/*
background-image: repeating-linear-gradient(30deg,#3eafee,#9c9de2 42%,#e58fd8);
-webkit-background-image: repeating-linear-gradient(30deg,#3eafee,#9c9de2 42%,#e58fd8);
-moz-background-image: repeating-linear-gradient(30deg,#3eafee,#9c9de2 42%,#e58fd8);
-ms-background-image: repeating-linear-gradient(30deg,#3eafee,#9c9de2 42%,#e58fd8);
-o-background-image: repeating-linear-gradient(30deg,#3eafee,#9c9de2 42%,#e58fd8);
*/

background-image: repeating-linear-gradient(30deg,#33F,#9c9de2 42%,#f235d6);
-webkit-background-image: repeating-linear-gradient(30deg,#33F,#9c9de2 42%,#f235d6);
-moz-background-image: repeating-linear-gradient(30deg,#33F,#9c9de2 42%,#f235d6);
-ms-background-image: repeating-linear-gradient(30deg,#33F,#9c9de2 42%,#f235d6);
-o-background-image: repeating-linear-gradient(30deg,#3eafee,#9c9de2 42%,#e58fd8);


border-radius:12px;
-mos-border-radius:12px;
-webkit-border-radius:12px;
-o-border-radius:12px;
-ms-border-radius:12px;
-pie-border-radius:12px;
padding-left:7px;
padding-top:7px;
padding-bottom:7px;
}


.sqinnw {
display:flex; 
flex: 72px;
justify-content:left;
align-items:center;
background: #F9E9F7; /*F5F5F5; */
border-radius:12px;
-mos-border-radius:12px;
-webkit-border-radius:12px;
-o-border-radius:12px;
-ms-border-radius:12px;
-pie-border-radius:12px;
}
.sqinnu {
display:flex; 
flex: 68px;
justify-content:right;
align-items:center;
}

.selt{
padding:7px;
width:72px;
height:32px;
display:flex;
justify-content:center;
align-items:center;
color:#ffffff;
cursor:pointer;
background-image: none;
background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
-webkit-background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
-moz-background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
-ms-background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
-o-background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
border-radius:12px;
-mos-border-radius:12px;
-webkit-border-radius:12px;
-o-border-radius:12px;
-ms-border-radius:12px;
-pie-border-radius:12px;
}
.selt:hover{background: #18D326;}
.selt:active{background: rgba(0,204,255,0.65);}

.dsel{
padding:7px;
width:72px;
height:32px;
display:flex;
justify-content:center;
align-items:center;
color:#ffffff;
cursor:pointer;
background: red;
border-radius:12px;
-mos-border-radius:12px;
-webkit-border-radius:12px;
-o-border-radius:12px;
-ms-border-radius:12px;
-pie-border-radius:12px;
}
.dsel:hover{background: #000000;}
.dsel:active{background: yellow; color: black;}


.aarb {
position: relative; background: #ffffff; padding:4px; color: #0072C1; cursor:pointer; border: 1px solid #008EFF; white-space: nowrap;
}

.aarb:after {
content:'';
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border-top: solid 10px #008EFF;
border-left: solid 10px transparent;
border-right: solid 10px transparent;
}

.aarb:hover {
border: 1px solid #E5AF35;
color: #E5AF35;
}
.aarb:active {
border: 1px solid #000000;
color: #000000;
}

.aarb:hover:after {
content:'';
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border-top: solid 10px #E5AF35 !important;
border-left: solid 10px transparent;
border-right: solid 10px transparent;
}
.aarb:active:after {
content:'';
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border-top: solid 10px #000000 !important;
border-left: solid 10px transparent;
border-right: solid 10px transparent;
}

.iarb {background: #008EFF; padding:4px; color: #ffffff; cursor:pointer; white-space: nowrap;}
.iarb:hover {background: #E5AF35; padding:4px; color: #ffffff; cursor:pointer;}
.iarb:active {background: #000000; padding:4px; color: #ffffff; cursor:pointer;}


/* ~~~~~~~~~~~~~ */


















/* ------------ */



@media only screen and (max-width:1292px) {
.bdy_child01 {
display: flex;
}
.bdy_child01_1 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: flex-start;
gap:0px;
}
.bdy_child01_1a {
display: flex;
width: 100%;
}
.bdy_child01_1b {
display: flex;
flex-direction: column;
width: 100%;
/*
align-self: flex-start; go to top of parent
align-self: flex-start; stay at the bottom of parent
*/
}
}






@media only screen and (max-width:1023px) {
.hdr_parent {
/* background: #00004E; */
background: #083293;
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse; /* Reverses the stacking direction */
gap: 0px;
align-content: flex-start; /* Aligns wrapped content to the start */
justify-content:center;
align-items:center;
}
.hdr_cid01 {
background: none;
}
#hdr_cid01 {
display:flex;
width: 100% !important;
order: 3; /* This div will be placed last in the flow, in the second "row" */
height: 64px;
background: #000058;
background-image: none;
background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
-webkit-background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
-moz-background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
-ms-background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
-o-background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
}
.hdr_cid01_a {
display:flex;
flex:1;
flex-direction:row;
align-items:center;
justify-content:left !important;
text-align:left !important;
background: url('../img/KeyArb-brand-l.png');
background-size: 194px 54px;
background-repeat: no-repeat;
background-position: left center;
}
.hdr_cid01_b {
display:flex;
flex:1;
flex-direction:row;
align-items:center;
justify-content:right !important;
text-align:right !important;
}
.hdr_cid01_bpar {
display:flex;
flex-direction:row;
width:66%;
height:34px;
justify-content:center;
align-items:center;
border-radius:12px;
-mos-border-radius:12px;
-webkit-border-radius:12px;
-o-border-radius:12px;
-ms-border-radius:12px;
-pie-border-radius:12px;
}
.bdy_child01_1 {
display: flex;
flex-direction: row;
align-items: flex-start;
flex-flow: row wrap;
}

#hdr_cid02 {
display:flex;
order: 2; /* This will be the first item placed, in the first "row" */
flex: 1;  /* Allows it to grow and fill available space in its row */
flex-direction: column;
align-items:center !important;
justify-content:center !important;
height: 52px;
}
.hdr_cid02bx {
display:flex;
width: 90%;  /* Allows it to grow and fill available space in its row */
flex-direction: row;
align-items:center !important;
justify-content:left !important;
gap:20px;
}

#hdr_cid03 {
display:flex;
order: 1; /* This will be the first item placed, in the first "row" */
flex: 1;  /* Allows it to grow and fill available space in its row */
flex-direction: column;
align-items:center !important;
justify-content:center !important;
height: 52px;
}
.hdr_cid03bx {
display:flex;
width: 90%;  /* Allows it to grow and fill available space in its row */
flex-direction: row;
align-items:center !important;
justify-content:right !important;
gap:20px;
}

.bdy_child {width: 95%;}
}





@media only screen and (max-width:1000px) {
.crt {
display:flex;
flex-direction:column;
width:48px;
height:44px;
justify-content:center;
align-items:center;
font-size:12px;
cursor:pointer;
font-weight:bold;
color:#ffffff;
}
.bdy_child02 {
display:none;
}
.ftr_notes {
display: flex;
flex-direction:column;
width:75%;
color:#ffffff;
font-size:14px;
justify-content: center;
align-items: center;
}
}





/* @media only screen and (max-width:726px) { */
@media only screen and (max-width:803px) {
.holds {display:none;}
}






@media only screen and (max-width:699px) {
.ftr_notes {
display: flex;
flex-direction:column;
width:85%;
color:#ffffff;
font-size:14px;
justify-content: center;
align-items: center;
}
}










/* @media only screen and (max-width:671px) { */
@media only screen and (max-width:694px) {
.hdr_parent {
/* background: #00004E; */
background: #083293;
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse; /* Reverses the stacking direction */
gap: 0px;
align-content: flex-start; /* Aligns wrapped content to the start */
justify-content:center;
align-items:center;
}
#hdr_cid01 {
display:flex;
flex:100%;
width: 100% !important;
order: 3; /* This div will be placed last in the flow, in the second "row" */
height: 64px;
background: #000058;
background-image: none;
background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
-webkit-background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
-moz-background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
-ms-background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
-o-background-image: linear-gradient(to top right, #072F81 15%, #3333FF 40%, #019AFB 100%);
}

#hdr_cid02 {
display:flex;
flex:100%;
order: 2; /* This will be the first item placed, in the first "row" */
flex-direction: row;
align-items:center;
height: 40px;
gap:10px;
color:#000000;
text-align:left;
background:#DBDEE0;
}

#hdr_cid03 {
display:flex;
order: 1; /* This will be the second item placed, in the first "row" */
width: 100%; /* Makes it span the full width/row */
flex-direction: row;
height: 52px;
gap:4px;
}

.act {color:#000000; font-weight:normal;}
.hde {display:none; !important; font-size:15px !important;}
.und {
display:flex;
flex:1;
flex-direction:row !important;
height:34px;
line-height:34px;
font-size:15px !important;
cursor:pointer;
text-align:left !important; justify-content:center; align-items:center;
}

.macc {display:flex; width:20px; padding-right:20px; color:#999999;}
.mact {display:flex; flex:1;}


.rgr {
display:flex;
flex-direction:row;
height:34px;
line-height:34px;
cursor:pointer;
justify-content:center;
align-items:center;
color:#ffffff;
}
.rgr:hover {color:#66FF66 !important;}
.rgr:active {color:#ffffff;}

.act {color:#000000;}
.act:hover {color:#006CC6; font-weight:bold;}
.act:active {color:#ffffff;}
}









@media only screen and (max-width:580px) {
.ftr_spacer {
display: flex;
width:70%;
height:1px;
background:#ffffff;
}
}








@media only screen and (max-width:417px) {
.ddn {display:none;}
}



@media only screen and (max-width:400px) {
.ftr_spacer {
display: flex;
width:90%;
height:1px;
background:#ffffff;
}
.clz {display:none;}
.br2_bx_rr1 {width: 78px;}
.br2_bx_rr2 {
width: calc(100% - 125px); 
}
.hdr_cid03bx {
gap:7px;
}
}




@media only screen and (max-width:399px) {
.hdr_cid01_a {
background: url('../img/KeyArb-brand-x.png');
background-size: 194px 54px;
background-repeat: no-repeat;
background-position: left center;
}
.lgt {display:none;}
.hdr_cid01_bpar {
display:flex;
flex-direction:row;
width:90%;
height:34px;
justify-content:center;
align-items:center;
border-radius:12px;
-mos-border-radius:12px;
-webkit-border-radius:12px;
-o-border-radius:12px;
-ms-border-radius:12px;
-pie-border-radius:12px;
}
}






@media only screen and (max-width:364px) {
.ftr_spacer {
display: flex;
width:90%;
height:1px;
background:#ffffff;
}
}




@media only screen and (max-width:363px) {
.hdr_cid01_a {
background: url('../img/KeyArb-brand-m.png');
background-size: 194px 54px;
background-repeat: no-repeat;
background-position: left center;
}
}