@charset "utf-8";
:root {
	--padding-y:		35px;
	--padding-x:		40px;
	--margin-y:			70px;
	--border-radius: 	15px;
}
* {
  position:relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-family: sans-serif;
  /*-webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;*/
}
body {
	background:#FFF;
	margin: 0;
	padding: 0;
	color: #444;
}

.frame {
    background:#FFF;

	font-family:Roboto,Helvetica,Arial,Lucida,sans-serif;
	color:#424251;
	font-size:17px;
	font-weight:400;
	
	overflow:hidden;
}
.frame.site-offline { background-image:url(../images/offline.gif); background-repeat:repeat; background-position:top right; }

header { z-index:3; }
#main { z-index:2; }
footer { z-index:1; }

#displayText { background:#CCC; border:1px solid #999; color:#222; }
#displayText h2 { color:#000 !important; }

/* --- page spacing --- */
.pageRow { padding:1em 0; }

.container {
	max-width:1400px;
	margin:0 auto;
}
.padding	{ padding:var(--padding-y) var(--padding-x); }
.padding-y 	{ padding:var(--padding-y) 0; }
.padding-x 	{ padding:1px var(--padding-x); }

.margin 	{ margin:var(--margin-y) var(--padding-x); }
.margin-y 	{ margin-top:var(--margin-y); margin-bottom:var(--margin-y); }
.margin-x 	{ margin-left:var(--padding-x); margin-right:var(--padding-x); }

.sectionRow	{ padding-top:0.3em; padding-bottom:0.3em; margin:4.3em auto; }

.rowFlex { display:flex; flex-direction:row; align-items:stretch; }
.rowFlex.rowFlexCenter { justify-content:center; }
.rowFlex.rowFlexTop { align-items: flex-start }
.rowFlex.rowFlexWrap { flex-wrap:wrap; }
.rowFlex.rowFlexCols2 .rowFlexCol { width:50%; }
.rowFlex.rowFlexCols3 .rowFlexCol { width:33.33%; }
.rowFlex.rowFlexCols3 .rowFlexCol2 { width:66.66%; }
.rowFlex.rowFlexCols4 .rowFlexCol { width:25%; }
.rowFlex.rowFlexCols4 .rowFlexCol2 { width:50%; }
.rowFlex.rowFlexCols4 .rowFlexCol3 { width:75%; }
.rowFlex.rowFlexCols5 .rowFlexCol { width:20%; }
.rowFlex.rowFlexCols6 .rowFlexCol { width:16.66%; }

.rowFlex .rowFlexBox { height:100%; margin:0 auto; /*padding:1em;*/ }
.rowFlex.rowFlexCols2 .rowFlexBox { max-width:630px; }
.rowFlex.rowFlexCols3 .rowFlexBox { max-width:370px; }
.rowFlex.rowFlexCols3 .rowFlexCol2 .rowFlexBox { max-width:740px; }
.rowFlex.rowFlexCols4 .rowFlexBox { max-width:280px; }
.rowFlex.rowFlexCols4 .rowFlexCol2 .rowFlexBox { max-width:560px; }
.rowFlex.rowFlexCols4 .rowFlexCol3 .rowFlexBox { max-width:840px; }
.rowFlex.rowFlexCols5 .rowFlexBox { max-width:230px; }
.rowFlex.rowFlexCols6 .rowFlexBox { max-width:190px; }

.colFlex { display:flex; flex-direction:column; flex-wrap:wrap; }

/* general 
.roboto 		{ font-family:Roboto,Helvetica,Arial,Lucida,sans-serif !important; }
.young-serif 	{ font-family: 'Young Serif', "Times New Roman", Times, serif !important; }
.kanit,
.kanitRed,
.kanitBlkArws 	{ font-family:Kanit,Helvetica,Arial,Lucida,sans-serif !important; font-weight:600 !important; text-transform:uppercase; letter-spacing:3px; padding-left:3px; }
*/

.font-rubik,
h1, h2, h3, h4 {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
h1, h2, h3, h4 {
  font-weight: 600;
  margin: 1.7em 0 0.4em;
  padding:0;
  line-height: 130%;
  color:#00007F;
}
h1 {
    font-weight: 500;
	font-size:2.5em;
	margin:2em 0 0.35em;
}
h2 {
    font-weight: 600;
	font-size:1.8em;
}
h3 {
    font-weight: 700;
	font-size:1.6em;
}
h4 {
	font-size:1.4em;
}

.sub-hd {
	color:#000;
	font-size:1.6em !important;
	font-weight:500 !important;
	margin: 1.3em 0 0.6em;
    padding: 0;
    line-height: 125%;
	font-style:italic;
}
.sub-hd b { color:#ED5306; font-weight:700; }

.txt-xxs 		{ font-size:0.7em !important; }
.txt-xs 		{ font-size:calc(1em - 2px) !important; }
.txt-sm 		{ font-size:calc(1em - 1px) !important; }
.txt-lg 		{ font-size:calc(1em + 1px) !important; }
.txt-xl 		{ font-size:calc(1em + 3px) !important; }
.txt-xxl 		{ font-size:calc(1em + 5px) !important; }
.txt-thin 		{ font-weight:300 !important; }
.txt-bold 		{ color:#203030; font-weight:500; }
.txt-bolder		{ color:#172324; font-weight:700; }
.txt-info		{ font-style:italic; color:#646473 !important; font-size:calc(1em - 2px) !important; }
.txt-info-sm	{ font-size:calc(1em - 3px) !important; }
.txt-info-xs	{ font-size:calc(1em - 4px) !important; }
.txt-info-lg	{ font-size:calc(1em - 1px) !important; }
.txt-info-wht 	{ color:#FFF !important; opacity:0.75; }

a.txt-link		{ color:#0C407A; }
a.txt-link:hover{ color:#008C00 !important; }

.txt-error 		{ font-size:1.1em; font-weight:bold; color:#F00; }
.txt-red 		{ color:#C00 !important;; }
.txt-grn 		{ color:#090 !important;; }
.txt-orn 		{ color:#ED5306 !important;; }
.txt-blu 		{ /*color:#00008C !important;;*/ color:#0086B9 !important; } 
.txt-gry 		{ color:#AAA !important;;}
.txt-dark		{ color:#003133 !important;; }
.txt-blk 		{ color:#000 !important;; }
.txt-wht 		{ color:#FFF !important;; }
.txt-yel		{ color:#FFD24C !important;; }

.clr {clear:both;}
.br { display:block; padding-bottom:0.5em; }
.hidden { visibility:hidden; }

hr.bar { border:0; height:3px; background-color:#ED5306; margin:5em auto; }
hr.bar-short { width:25%; max-width:250px; }

.img-responsive-full { display:block; width:100%; height:auto; }

.timeZone { font-weight:300; font-size:0.8em; }
.border-radius { border-radius:6px; }

.loading-background-blk { background: #000 url(../images/loading_spinner_bck.gif) no-repeat center; }
.loading-box {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    background:#CAD6D9;
	border: 1px dotted #999;
	z-index:2;
}
.loading-box .lds-roller {
	/* see main.css -> .lds-roller */
	position:absolute;
	top:50%; left:50%;
	width:80px; height:80px;
	margin:-40px 0 0 -40px;
}
.loading-box .lds-roller div:after { background:#042974; }

.item-overlay {
    display: -webkit-flex;
    display: flex;
	position:absolute; 
	top:0; left:0; 
	width:100%; height:100%; 
	background:#FED700DD; opacity: 0;
    overflow: auto;
    transition: .5s ease;
	-webkit-align-items: center;
    align-items: center;
	text-decoration:none;
}
.item-overlay-content { width:100%; color:#FFF; }
.item-overlay-icon { font-size:4em; }
.item-overlay-text { padding:1px 15px 30px 15px; font-size:2em; line-height:110%; }
.item-overlay:hover { opacity:1; }

sup { font-size:0.6em; }

.inner-boarder:before { content:""; display:block; position:absolute; top:4px; right: 4px; bottom:4px; left:4px; border:1px solid #FFF; opacity:0.4; }

.box-shadow { box-shadow:0 1px 12px #282828; }
a.box-shadow:hover { box-shadow:0 1px 12px #FFF; }


/* BUTTONS -> see buttons.css */


/* Page UP */
#pageUp {
	display:none;
	position:absolute;
	top:1000px;
	right:17px;
	width:100px;
	height:100px;
	text-align:center;
	box-shadow:0 2px 6px #666;
	border-radius:50%;
	z-index:9999999;
}
#pageUp.stopBtm {
	position:absolute;
	/*bottom:255px;*/
}
#pageUp.stopTop {
	position:absolute;
	bottom:auto;
	/*top:400px;*/
}
#pageUp a {
	display:block;
	width:100%;
	height:50%;
	background:#E51971;
	border:2px solid #FFF;
	color:#FFF;
	font-size:18px;
	font-weight:900;
	text-decoration:none;
}
#pageUp a#btnUp {
	border-radius:50px 50px 0 0;
	border-bottom:1px dotted #FFF;
	padding-top:16px;
}
#pageUp a#btnTop {
	border-radius:0 0 50px 50px;
	border-top:0;
	padding-top:10px;
}
#pageUp a:hover { background:#008C00 !important; color:#000; transition:linear 0.3s; }


/* Owl Carousel */
.owl-carousel {
	--owl-dot-size: 16px;
}
.owl-carousel {  width:88%; margin:0 auto; z-index:1; }
.owl-carousel .owl-stage-outer { z-index:2; }
.owl-carousel .owl-item .item {}
.owl-carousel .owl-nav { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }
.owl-carousel .owl-nav button { position:absolute; top:0; width:var(--padding-x); height:100%; border:none; }
.owl-carousel .owl-nav button:hover { background:none; color:#FFF; }
.owl-carousel .owl-nav button.owl-prev { left: calc(var(--padding-x) * -1); }
.owl-carousel .owl-nav button.owl-next { right:calc(var(--padding-x) * -1); }

.owl-carousel .owl-nav .arw {
	position:	absolute;
	top: 		50%;
	margin-top:	calc(var(--padding-x) / -2);
	left:		calc(var(--padding-x) / 4);
	width:		calc(var(--padding-x) / 2);
	height:		calc(var(--padding-x) / 2);
	background:	#BCD1E7;
	border-radius:50%;
}
/*.owl-carousel .owl-nav .arw img { display:block; width:50%; }
.owl-carousel .owl-nav .arw-lt img { transform: scaleX(-1); }*/
.owl-carousel .owl-nav .arw-lt::after,
.owl-carousel .owl-nav .arw-rt::after {
	content:"";
	position:absolute;
	width:40%;
	height:50%;
	top:25%;
	background:#FFF;
}
.owl-carousel .owl-nav .arw-lt::after { left: 25%; clip-path: polygon(100% 100%, 100% 0%, 0% 50%); }
.owl-carousel .owl-nav .arw-rt::after { right:25%; clip-path: polygon(0% 0%, 0% 100%, 100% 50%); }

.owl-carousel .owl-nav button:hover .arw { background:#238C00; }


.owl-carousel .owl-dots {}
.owl-carousel .owl-dots { width:100%; margin:0.5em 0 1em; text-align:center; z-index:3; }
.owl-carousel .owl-dots button { display:inline-block; background:#CCC; border:none; width:1em; height:1em; border-radius:0.5em; margin:0 0.4em; }
.owl-carousel .owl-dots button.owl-dot 			{ background:#BCD1E7; font-size:var(--owl-dot-size)}
.owl-carousel .owl-dots button.owl-dot:hover 	{ background:#238C00; }
.owl-carousel .owl-dots button.owl-dot.active 	{ background:#1E004F; }

ul.owl-carousel {
	list-style:none;
	margin:0;
	padding:0;
}
ul.gallery-carousel li { width:100%; height:1px; padding-top:66%; }
/*ul.gallery-carousel,
ul.gallery-carousel li { min-height:300px; max-height:600px; }*/


/* image overlay */
.img-overlay {
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	z-index:2;
	pointer-events: none;
}
.img-overlay > .container {}
.img-overlay > h1,
.img-overlay > .img-title {
	margin:  0 0 15%;
	padding: 1.2em 1.5em;
	min-width: 50%;
	background:#000;
	opacity:0.85;
	
	color: #FFF;
	font-size: 1.8em;
	font-weight: 400;
	text-transform: uppercase;
	text-align:center;
}
.img-overlay > h1 { font-size:2em; margin-bottom:4%; }

.img-overlay > .img-btn,
.img-overlay > .img-badge,
.img-overlay > .img-label { position:absolute; line-height:0; min-height:20px; }
.img-overlay > .img-btn { top:53%; line-height:95%; }

.img-overlay > .img-badge {
	bottom:1em;
	width:22%;
}
.img-overlay > .img-label {
	top:1em; right:1em;
	width:14%;
	background:#FFF;
	text-align:right;
}
.img-overlay > .img-badge img,
.img-overlay > .img-label img { display:block; width:100%; }
.img-overlay > .img-label img { max-width:178px; }


/* CSS Loader / Spinner -> Roller */
.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* CSS Loader / Spinner -> Ellipsis */
.lds-ellipsis,
.lds-ellipsis div {
  box-sizing: border-box;
}
.lds-ellipsis {
  display: block;
  position: relative;
  width: 80px;
  height: 40px;
  margin:0 auto;
}
.lds-ellipsis div {
  position: absolute;
  top: 15px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: currentColor;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}



/* icon Boxes 
.iconBoxes { text-align:center; font-size:0.9em; color:#757575; padding:1em 0;  }
.iconCol { width:33.33%; display:flex; justify-content:center; }
.iconBox { background:#080808; max-width:360px !important; padding:25px; margin:10px 1em 2em !important; height:calc(100% - 2em - 10px) !important; }
.iconBoxIcon { color:#FF8000; font-size:2.2em; padding:8px 0; }
.iconBox p { padding:5px 0; margin:0; }
.iconBoxHd { font-size:1.3em; color:#EBEBF9; }
.iconBoxHd b { font-weight:400; }
*/

/* image Boxes 
.imgBoxes { text-align:center; color:#757575; padding:1em 0;  }
.block-img { width:33.33%; display:flex; justify-content:center; }
.imgBox { background:#080808; max-width:360px !important; padding:15px; margin:10px 1em 2em !important; height:calc(100% - 2em - 10px) !important; }
.imgBoxHd { color:#EBEBF9; }
.imgBoxImg { line-height:100%; }
.imgBoxImg img { display:block; width:100%; }
.imgBoxTxt {font-size:0.9em; }
*/

/* Section Box */
.section-box {
	margin: 3em auto;
	padding: 2em;
	background: rgba(255, 255, 255, 0.8);
	border-radius: var(--border-radius);
	border-left: 5px solid #2196F3;
	border-left: 5px solid #176DB5;
	overflow: hidden;
	animation: fadeIn 0.8s ease-out;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.section-box:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.section-box h2,
.section-box h3 {
	color: 			#2196F3;
	color: 			#176DB5;
	font-weight:	500;
}
.section-box h2 {
	padding-bottom: 0.4em;
	border-bottom: 	2px solid #e0e0e0;
	margin: 		0.2em 0 0.8em;
}
.section-box h3 {
	color: 			#3E749F;
	color:			#661A00;
	font-weight:	600;
	/*border-bottom: 	1px dashed #e0e0e0;*/
	margin: 		1.2em 0 0.6em;
}
/* form cover */
.section-box .form-cover {
    background:#7E9DB6 !important;
	border:none !important;
}

/* info Box */
.infoBox,
a.infoBox {
	width:100%;
	height:100%;
	background:#7D5540 !important;
	padding:12.5% 10% 0;
	color:#FFF !important;
	text-align:center;
	text-decoration:none;
	line-height:130%;
}
a.infoBox:hover { background:#D7723C !important; }
.infoBox p,
a.infoBox p { padding:0; margin:0.5em 0; }
.hdImg img { display:block; width:100%; margin:0 auto; }


/* follow Us Row */
.followUsRow { text-align:center; }
.followUsRow .social { font-size:30px; }
.followUsRow .social a { margin:0 0.5em; }


/* Count Down 
.countdownV2 { margin:10px auto; height:82px; padding:1px 0; line-height:100%; text-align:center; }
.countdownV2,
.countdownV2 span { vertical-align:top; }
.countdownV2 .drawTimeVal { 
	display:inline-block;
	min-width:80px;
	height:80px;
	background:#FFF;
	border-radius:40px;
	padding-top:27px;
	margin:0 10px;
	text-align:center;
	color:#000;
	font-weight:800; 
	font-size:40px;
}
.countdownV2 .drawTimeDesc { display:block; font-weight:500; font-size:12px; padding-top:10px; }
.countdownV2 .spacer {
	display:inline-block;
	padding-top:27px;
	height:80px;
	color:#FFF;
	font-weight:700; 
	font-size:40px;
}*/


/* ------- LIST RESULTS ------- */
#main .tblBox {
	position:relative;
	padding:0.5em 0.5em;
	margin:0.5em auto;
	text-align:left;
	font-size:17px;
	font-weight:400;
}
table.listTbl, table.listTblAlt {
	border-collapse:collapse;
	width:100%;
	margin:0;
}
table tr.listTblHd {
	color:#222;
	font-weight:bold;
	border-bottom:2px solid #BBB;
}
table tr.listTblsub-hd {
	font-weight:bold;
	font-style:italic;
	border-bottom:2px solid #BBB;
}
table.listTbl tbody tr {
    cursor: pointer;
}
table.listTbl td.leftLine, 
table.listTblAlt td.leftLine { border-left:1px solid #CCC; }
table.tblLg, .tblLg { font-size:1.05em; }
table.tblMd, .tblMd { font-size:0.9em; }
table.tblSm, .tblSm { font-size:0.85em; }

table.listTbl td, 
table.listTblAlt td { padding:0.4em 5px; }
table.tblMd td 		{ padding:0.3em 4px; }
table.tblSm td 		{ padding:0.2em 3px; }

.claimTbl table tr.listTblHd { border:none; }
.rowOdd  { background:#FFF; }
.rowEven { background:#FAF9DC; }
/*table.listTbl tr:nth-child(odd), 
table.listTblAlt tr:nth-child(odd) { background:#FFF; }
table.listTbl tr:nth-child(even), 
table.listTblAlt tr:nth-child(even) { background:#FAF9DC; }*/
table tr.trLine { height:1px; background:#DDD; }
table tr.trLine td { padding:0; }
table tr td.amountCol { min-width:70px; }
table tr td .tdDate { display:inline-block; width:150px; }
table tr td .tdStatus { text-align:right; display:inline-block; width:100px; padding-left:5px; }

table tr.rowSelected { background:#F5F4BC; color:#000; cursor:pointer;}
table tr.rowViewed   { background:#FFCC99; color:#000; cursor:pointer;}

.rowBlk		{ color:#111; }
.rowGrn		{ color:#360; }
.rowBlu		{ color:#036; }
.rowDrkGld	{ color:#A6611C; }
.rowGry		{ color:#999; }
.row-red	{ color:#C00; }
.row-bold	{ font-weight:500; }
.row-bolder	{ font-weight:700; }

.rowWin    	{ color:#360; font-weight:bold; }
.rowDeActive  { color:#CCC; font-weight:300; }


/* Message Box */
#displayMsg { padding-top:1px; padding-bottom:1px; background:#2C4E69; }
.msg-box {
	position:relative;
	color:#CC0000 !important;
	padding:1em 2em 0.9em;
	margin:1.5em auto 2em;
	background:#FFECEC;
	/*border:3px solid #FFCACA;*/
	border-left: 5px solid #CC0000;
	border-radius: var(--border-radius);
	text-align:left;
	line-height:140%;
	box-shadow:0 3px 10px rgba(0, 0, 0, 0.1);
	font-size:1em;
	font-weight:400;
}
.msg-box p { font-size:1em; padding:0.1em 0 !important; margin:0.2em 0 !important; z-index:1; }
.msg-box a.btn-rt { z-index:2; }
.msg-box p.msg-box-hd { color:#E00; font-size:1.13em; font-weight:700; }
.msg-box a.txt-link { color:#E00; }
.msg-box > b,
.msg-box p:first-child > b { font-size: calc(1em + 2px); font-weight:600; }
.msg-box i, 
.msg-box em { color:#900; font-size:0.9em; font-weight:400; }
.msg-box ul { padding:0.2em 0 0.5em 2em; margin:0; }
.msg-box ul li { margin:0; padding:0.2em 0; }

.msg-box-grn {
	color:#060 !important;
	background:#DFF3D6;
	border-color:#BAE8A4;
}
.msg-box-grn b { color:#050; }
.msg-box-grn i, 
.msg-box-grn em { color:#060; }

.msg-box-orn {
	color:#B25900 !important;
	background:#FFCC99;
	border-color:#FF8000;
}
.msg-box-orn a.txt-link,
.msg-box-orn b { color:#B22D00; }
.msg-box-orn i, 
.msg-box-orn em { color:#B25900; }

.msg-box-amb {
	color:#B25900 !important;
	background:#FFDC73;
	border-color:#FFA64D;
}
.msg-box-amb a.txt-link,
.msg-box-amb b { color:#8C4600; }
.msg-box-amb i, 
.msg-box-amb em { color:#B25900; }

.msg-box-gry {
	color:#999 !important;
	background:#EEE;
	border-color:#DDD;
}
.msg-box-gry a.txt-link,
.msg-box-gry b { color:#777 !important; }
.msg-box-gry i, 
.msg-box-gry em { color:#BBB; }

#disclaimer { font-size:13px; color:#888; line-height:120%; font-weight:300; width:90%; padding:1em 0; margin:2em auto; }
#disclaimer h3 { font-size:18px; color:#555; }
#disclaimer p { margin:10px 0; }


/* LOGOS */
.logos 				{ display:flex; justify-content:center; gap:1px 1em; margin:2em auto 3em; }
.logos .img 		{ width:25%; max-width:200px; line-height:0; }
.logos .img img 	{ display:block; width:100%; margin:0 auto; }


/* cookie consent */
#cookieConsent {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	padding:30px 34px 34px;
	background:#20202F;
	border-top:2px solid #FFF;
	color:#DDD;
	line-height:160%;
	z-index:9999999;
}
#cookieConsent a.btn { float:right; z-index:2; }
#cookieConsent p { padding:3px 0; margin:0; z-index:1; }
#cookieConsent p a { color:#FFF; }
#cookieConsent p .newLine { display:block; }


/* subscribe */
#subscribe {
	text-align:center;
	background:#BE152B;
	color:#FFF;
}
#subscribe h3 { color:#FFF; }
#subscribe form { padding:1em; margin:0; }
#subscribe form > * { vertical-align:top; }
#subscribe form input {
	padding: 9px 18px;
	width:500px;
	height:43px;
   
    background-color: #FFF;
    border: 1px solid #FFF;
	border-radius:3px;
    
	color:#000;
	font-size: 20px;
	text-align:left;
}
#subscribe form button { border-color:#FFF; color:#FFF; }


/* follow Us Side Bar */
#followUsSideBar {
	position:absolute;
	top:270px;
	left:0;
	width:60px;
	min-height:60px;
	text-align:center;
	box-shadow:0 2px 6px #000;
	z-index:9999998;
	
	background:#FFF;
	text-align:center;
}
#followUsSideBarHd,
#followUsSideBar a {
	display:block;
	width:60px;
	height:60px;
	padding:0;
	margin:0;
	border-radius:0;
}
#followUsSideBar a img { width:100%; }

#followUsSideBarHd {
	font-size:11px;
	color:#000;
	height:auto;
	padding:13px 0;
}

/* Header Nav Scrollbar */
@media only screen and (min-width: 600px) {
  /* Chrome */
  .scrollBar::-webkit-scrollbar {
	width:4px;
  }
  
  .scrollBar::-webkit-scrollbar-track {
	background-color: #111;
	/*box-shadow: inset 0 0 5px #000; */
	border-radius: 15px;
  }
  
  .scrollBar::-webkit-scrollbar-thumb {
	background-color:#222;
	border-radius: 15px;
	/*border: 1px solid #333;*/
  }
  
  .scrollBar::-webkit-scrollbar-button {
	background-color: #222;
	border-radius: 15px;
  }
  
  .scrollBar::-webkit-scrollbar-thumb:hover {
	background: #333; 
  }
  
  /* IE */
  .scrollBar {
	scrollbar-face-color:#222; 
	scrollbar-shadow-color:#111; 
	scrollbar-highlight-color:#333;
  }
  
  /* FireFox */
  .scrollBar {
	scrollbar-color: #222 #111;
	scrollbar-width: thin;
  }
  
  /* View Scrollbar */
  .scrollBar {
	overflow-y: scroll;
	overflow-x: hidden;
  }
}

/* LOGOS */
.logos 				{ display:flex; justify-content:center; gap:1px 1em; margin:2em auto 3em; }
.logos .img 		{ max-width:240px; line-height:0; }
.logos .img img 	{ display:block; width:100%; margin:0 auto; }


@media only screen and (min-width: 1401px) and (max-width: 1500px) {
	/* --- page spacing --- */
	:root {
		--padding-y:	30px;
		--padding-x:	40px;
		--margin-y:		80px;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
	.frame { font-size:16.5px; } 
	/* --- page spacing --- */
	:root {
		--padding-y:	25px;
		--padding-x:	40px;
		--margin-y:		80px;
	}
	
	/* general */
	.sub-hd 	{ font-size:1.5em !important; }
}
@media all and (min-width: 1025px) and (max-width: 1300px) {
	/* general */
	.sub-hd { font-size:1.4em !important; }
	/*
	h2 { font-size:2em; }
	h3 { font-size:1.75em; }
	h4 { font-size:1.4em; }
	h1 .hdStrap { font-size:50%; }
	h2 .hdStrap,
	h3 .hdStrap { font-size:42%; }
	*/
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
	.frame { font-size:16px; }
	/* --- page spacing --- */
	:root {
		--padding-y:	20px;
		--padding-x:	35px;
		--margin-y:		70px;
	}
}
@media all and (min-width: 1025px) and (max-width: 1200px) {
	/* general */
	h1 			{ font-size:2.4em; }
}
@media all and (min-width: 1001px) and (max-width: 1100px) {
	/* general */
	.sub-hd 	{ font-size:1.35em !important; }
	
	.txt-xxl 	{ font-size:calc(1em + 4px) !important; }
}
@media all and (min-width: 1025px) and (max-width: 1150px) {
	.frame { font-size:15px; }
	/* --- page spacing --- */
	
	:root {
		--padding-y:	17px;
		--padding-x:	30px;
		--margin-y:		60px;
	}
}
@media all and (min-width: 769px) and (max-width: 1000px) {
	/* general */
	h1 			{ font-size:2.3em; }
	h2 			{ font-size:1.8em; }
	h3 			{ font-size:1.7em; }
	.sub-hd 	{ font-size:1.3em !important; }
	
	.txt-xl 		{ font-size:calc(1em + 2px) !important; }
	.txt-xxl 		{ font-size:calc(1em + 3px) !important; }
}
@media all and (min-width: 769px) and (max-width: 1024px) {
	.frame { font-size:15px; } 
	
	/* --- page spacing --- */
	:root {
		--padding-y:	16px;
		--padding-x:	28px;
		--margin-y:		56px;
	}
	
	/* Message Box */
	.msg-box { border-width:3px; }
	
	/* Owl Carousel */
	.owl-carousel {
		--owl-dot-size: 15px;
	}

	/* Page UP */
	#pageUp {
		right:10px;
		width:70px;
		height:70px;
	}
	#pageUp a {
		padding-top:3px;
		font-size:15px;
	}
	#pageUp a#btnUp {
		padding-top:10px;
	}
	#pageUp a#btnTop {
		padding-top:7px;
	}
	
	.rowFlex.rowFlexCols3 .rowFlexCol { min-width:0; }
}
@media all and (min-width: 769px) and (max-width: 900px) {
	.frame { font-size:14px; }
	
	/* --- page spacing --- */
	:root {
		--padding-y:	15px;
		--padding-x:	26px;
		--margin-y:		52px;
	}
	
	/* Owl Carousel */
	.owl-carousel {
		--owl-dot-size: 14px;
	}
	
}
@media all and (min-width: 769px) and (max-width: 830px) {
	.frame { font-size:13px; }
	
	/* --- page spacing --- */
	:root {
		--padding-y:	14px;
		--padding-x:	24px;
		--margin-y:		48px;
	}
	
}
@media all and (max-width: 768px) {
	.frame { font-size:15px; }
	
	/* --- page spacing --- */
	:root {
		--padding-y:	16px;
		--padding-x:	26px;
		--margin-y:		52px;
	}
	
	/* general */
	h1 		{ font-size:2.2em; }
	h2 		{ font-size:1.7em; }
	h3 		{ font-size:1.6em; }
	.sub-hd { font-size:1.5em !important; }
	/*
	h4 { font-size:1.4em; }
	h1 .hdStrap { font-size:50%; }
	h2 .hdStrap,
	h3 .hdStrap { font-size:42%; }
	*/
	.txt-xl 		{ font-size:calc(1em + 2px) !important; }
	.txt-xxl 		{ font-size:calc(1em + 3px) !important; }
	
	.txt-info		{ font-size:calc(1em - 1px) !important; }
	.txt-info-sm	{ font-size:calc(1em - 1.5px) !important; }
	.txt-info-xs	{ font-size:calc(1em - 2px) !important; }
	.txt-info-lg	{ font-size:1em !important; }
	
	/* table */
	table tr td .tdDate { width:120px; }
	table tr td .tdStatus { width:90px; }
	
	/* Owl Carousel */
	.owl-carousel {
		--owl-dot-size: 13px;
	}
	
	/* Page UP */
	#pageUp {
		right:6px;
		width:30px;
		height:40px;
	}
	#pageUp a {
		padding-top:1px;
		font-size:13px;
	}

	/* Page UP */
	#pageUp {
		right:6px;
		width:52px;
		height:52px;
	}
	#pageUp a {
		font-size:11px;
	}
	#pageUp a#btnUp {
		padding-top:7px;
	}
	#pageUp a#btnTop {
		padding-top:5px;
	}
	
	/* logos */
    .logos .img { width:33%; }
	
	/* followUsSideBar */
	#followUsSideBar { display:none; } 
}
@media only screen and (max-width: 700px) {
	/* general */
	/*
	h2 { font-size:1.75em; }
	h3 { font-size:1.6em; }
	h4 { font-size:1.4em; }
	h1 .hdStrap { font-size:50%; }
	h2 .hdStrap,
	h3 .hdStrap { font-size:42%; }
	
	/* table */
	table.listTbl, 
	table.listTblAlt 			{ line-height: 130%; }
	table.tblLg, .tblLg 		{ font-size:1em; }
	table.tblMd, .tblMd 		{ font-size:0.85em; }
	table.tblSm, .tblSm 		{ font-size:0.8em; }
	table.listTbl td, 
	table.listTblAlt td 		{ padding:0.6em 5px; }
	table.tblMd td 				{ padding:0.5em 4px; }
	table.tblSm td 				{ padding:0.4em 3px; }
	table td.amountCol			{ min-width:20px; }
	table thead tr td .tdDate,
	table thead tr td .tdStatus { display:none; }
	table tr td .tdDate,
	table tr td .tdStatus,
	table tr td .tdFname 		{ display:block; width:auto; font-size:0.8em; font-style:italic; padding-bottom:3px; }
	table tr td .tdStatus 		{ padding:3px 0 0; }
	table.listTbl tbody tr, 
	table.listTblAlt tbody tr 	{ border-bottom:1px solid #DDD; }
}
@media only screen and (max-width: 650px) {
	/* general */
	h1 { font-size:2.1em; }
	h2 { font-size:1.7em; }
	h3 { font-size:1.5em; }
	.sub-hd { font-size:1.4em !important; }
	/*
	h3 { font-size:1.6em; }
	h4 { font-size:1.4em; }
	h1 .hdStrap { font-size:50%; }
	h2 .hdStrap,
	h3 .hdStrap { font-size:42%; }
	*/
	
	/* Owl Carousel */
	.owl-carousel {
		--owl-dot-size: 12px;
	}
}
@media only screen and (max-width: 600px) {
	.frame 				{ font-size:14px; }
	
	/* general */
	h1 { font-size:2em; }
	
	/* --- page spacing --- */
	:root {
		--padding-y:15px;
		--padding-x:24px;
	}
}

@media only screen and (max-width: 550px) {
	
	/* general */
	h1 { font-size:1.9em; }
	h2 { font-size:1.6em; }
	h3 { font-size:1.5em; }
	.sub-hd { font-size:1.35em !important; }
}
@media only screen and (max-width: 500px) {
	
	/* Owl Carousel */
	.owl-carousel {
		--owl-dot-size: 11px;
	}
}
@media only screen and (max-width: 450px) {
	
	/* --- page spacing --- */
	:root {
		--padding-y:	14px;
		--padding-x:	20px;
		--margin-y:		40px;
	}
	
	/* general */
	h1 { font-size:1.8em; }
	h2 { font-size:1.55em; }
	h3 { font-size:1.45em; }
	.sub-hd { font-size:1.3em !important; }
	
	/* tables */
	table.listTbl, 
	table.listTblAlt 	{ font-size:0.8em; }
	table.tblLg, .tblLg { font-size:0.85em; }
	table.tblMd, .tblMd { font-size:0.75em; }
	table.tblSm, .tblSm { font-size:0.7em; }
}
@media only screen and (max-width: 400px) {
	.frame { font-size:13px; }
	
    .logos .img { width:40%; }
	
	/* Owl Carousel */
	.owl-carousel {
		--owl-dot-size: 10px;
	}
}
@media only screen and (max-width: 374px) {
	
	/* --- page spacing --- */
	:root {
		--padding-y:	13px;
		--padding-x:	18px;
		--margin-y:		36px;
	}
	
	/* general */
	h1 { font-size:1.6em; }
	h2 { font-size:1.4em; }
	h3 { font-size:1.3em; }
	h4 { font-size:1.2em; }
	/*
	h1 .hdStrap { font-size:50%; }
	h2 .hdStrap,
	h3 .hdStrap { font-size:42%; }
	*/
	.sub-hd 	{ font-size:1.25em !important; }
	
	/* tables */
	table.listTbl, 
	table.listTblAlt 	{ font-size:0.75em; }
	table.tblLg, .tblLg { font-size:0.8em; }
	table.tblMd, .tblMd { font-size:0.7em; }
	table.tblSm, .tblSm { font-size:0.65em; }
}
@media only screen and (max-width: 350px) {
	
	/* --- page spacing --- */
	:root {
		--padding-y:	12px;
		--padding-x:	16px;
		--margin-y:		32px;
	}
	
	/* general */
	h1 { font-size:1.5em; }
	h2 { font-size:1.3em; }
	h3 { font-size:1.2em; }
	h4 { font-size:1.2em; }
	/*
	h1 .hdStrap { font-size:50%; }
	h2 .hdStrap,
	h3 .hdStrap { font-size:42%; }
	*/
	.sub-hd 	{ font-size:1.2em !important; }
}