@charset "utf-8";
* {
  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;
}

article.frame {
    background:#FFF;
    background-image: linear-gradient(225deg, #A6C9E6, #DBDBEA 6%, #ECECF4 14%, #FFF 25%);

	font-family:Roboto,Helvetica,Arial,Lucida,sans-serif;
	color:#3F3F51;
	font-size:17px;
	font-weight:300;
	
	overflow:hidden;
}
article.frame.siteOffline { 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:1700px;
	margin:0 auto;
}
.padding,
.padding-x,
.padding-y { padding:35px 70px; }
.padding-x { padding-top:0 !important; padding-bottom:0 !important; }
.padding-y { padding-left:0 !important; padding-right:0 !important; }

.margin,
.margin-x,
.margin-y { margin:35px 70px }
.margin-x { margin-top:0 !important; margin-bottom:0 !important; }
.margin-y { margin-left:0 !important; margin-right:0 !important; }

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

/* fonts
.coda { font-family:'Coda', "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:800; }
.lato { font-family:Lato, "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
*/

/* general */
.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; }
h1,
h2,
h3,
h4 {
	font-family:Kanit,Helvetica,Arial,Lucida,sans-serif !important;
	padding:0.6em 0 0.3em;
	margin:0;
	line-height:70%;
}
h1 { 
	color:#000;
	font-size:3.7em;
	font-weight:100;
}
h2 { 
	color:#000;
	font-size:2.5em;
	font-weight:300;
}
h3 { 
	color:#111;
	font-size:2em;
	font-weight:600;
}
h4 {
	color:#222;
	font-size:1.7em;
	font-weight:600;
}
.hdStrap { display:block; color:#D80000; text-transform:uppercase; font-weight:400; margin-top:0.5em; line-height:110%; }
h1 .hdStrap { font-size:50%; }
h2 .hdStrap, /*{ font-size:17px; }*/
h3 .hdStrap { font-size:42%; }


.kanitRed 				{ color:#D80000; font-size:1.2em; padding:0.5em 0 0.5em 3px; margin:1em 0 0.5em; line-height:125%; }

.kanitBlkArws 			{ display:inline-block; color:#000; font-size:1.4em; padding:1em 0 1em 3px; margin:3em 0 1em; }
.kanitBlkArws:before,
.kanitBlkArws:after 	{ content:" ";
						  position:absolute;
						  top:0;
						  height:100%;
						  width:3em;
						  background:#000; }
.kanitBlkArws:before 	{ left:-4.5em; clip-path: polygon(0% 50%,100% 45%,100% 55%); }
.kanitBlkArws:after 	{ right:-4.5em; clip-path: polygon(0% 45%, 0% 55%,100% 50%); }
	
.sub-hd1 {
	color:#1083B2 !important;
	font-size:1.6em !important;
	font-weight:400 !important;
	margin:0.4em 0;
}
.sub-hd2 {
	color:#B20000 !important;
	font-size:1.1em !important;
	font-weight:600 !important;
}

section > h1, section > h2, section > h3, section > h4 { padding-top:1.2em; }

.txt-vsm 		{ font-size:0.7em !important; }
.txt-sm 		{ font-size:calc(1em - 2px) !important; }
.txt-md 		{ font-size:calc(1em - 1px) !important; }
.txt-lg 		{ font-size:calc(1em + 1px) !important; }
.txt-lg2 		{ font-size:calc(1em + 3px) !important; }
.txt-thin 		{ font-weight:200 !important; }
.txt-bold 		{ color:#222; font-weight:500; }
.txt-info		{ font-style:italic; color:#747484 !important; font-size:calc(1em - 2px) !important; }
.txt-info-sm	{ font-size:calc(1em - 3px) !important; }
.txt-info-md	{ font-size:calc(1em - 4px) !important; }
.txt-info-ld	{ font-size:calc(1em - 1px) !important; }

.txt-error 		{ font-size:1.1em; font-weight:bold; color:#F00; }
.txt-red 		{ color:#C00; }
.txt-grn 		{ color:#090; }
.txt-orn 		{ color:#ED5306; } 
.txt-gry 		{ color:#AAA;}
.txt-blk 		{ color:#000; }
.txt-wht 		{ color:#FFF; }

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

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

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

.loading-background-blk { background: #000 url(../images/loading_spinner_bck.gif) no-repeat center; }
.loadingBox {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:1em 2em;
    background: #FFF url(../images/loading.gif) no-repeat center;
	overflow:hidden;
	color:#FFF;
	z-index:99999;
}
.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; }

.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:50px;
	height:60px;
	text-align:center;
	box-shadow:0 1px 2px #000;
	border-radius:4px;
	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%;
	padding-top:5px;
	
	background:#FF4000;
	color:#FFF;
	font-size:17px;
	text-decoration:none;
}
#pageUp a#btnUp {
	border-radius:4px 4px 0 0;
	border-bottom:1px dotted #FFF;
}
#pageUp a#btnTop {
	border-radius:0 0 4px 4px;
}
#pageUp a:hover { background:#66C824 !important; color:#000; transition:linear 0.3s; }


/* Top Section */
.topSection 		{ width:100%; }

/* Top Image */
.topImg 			{ line-height:0; }
.topImg img			{ display:block; width:100%; }
.topImg img.full 	{ max-height:750px; }
.topImg img.mobile 	{}

/* Top Video/Vimeo */
.topVideo { border-bottom:1px solid #7D5540; padding-top:56.4%; }
.topVimeo { padding-top:56.4%; }

/* Top Owl Carousel 
#top-carousel { width:100%; z-index:1; }
#top-carousel img { object-fit:cover; object-position:center; }
#top-carousel,
#top-carousel img { height:630px; }
#top-carousel .owl-stage-outer { z-index:2; }
#top-carousel .owl-nav { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }
#top-carousel .owl-nav button { position:absolute; top:0; width:20px; height:100%; color:#666; font-size:36px; }
#top-carousel .owl-nav button:hover { background:#7D5540; color:#FFF; }
#top-carousel .owl-nav button.owl-prev { left:-21px; }
#top-carousel .owl-nav button.owl-next { right:-21px; }
#top-carousel .owl-dots { position:absolute; bottom:20px; left:0; width:100%; height:20px; text-align:center; z-index:3; }
#top-carousel .owl-dots button { display:inline-block; background:#CCC; border:2px solid #FFF; width:18px; height:18px; border-radius:9px; margin:0 7px; box-shadow:0 1px 2px #000; }
#top-carousel .owl-dots button:hover { background:#238C00; }
#top-carousel .owl-dots button.owl-dot {}
#top-carousel .owl-dots button.owl-dot.active { background:#7D5540;}
*/

/* image Panel 
.imgPanel { }
.imgPanel img { display:block; width:100%; height:400px; object-fit: cover; }

.imgRow {}
.imgRow .imgBck { line-height:100%; }
.imgRow .imgBck img { display:block; width:100%; }
*/
.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; }


/* Owl Carousel */
.owl-carousel {  width:88%; margin:0 auto; z-index:1; }
.owl-carousel { /*height:600px;*/ }
.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:6%; height:100%; border:none; }
.owl-carousel .owl-nav button:hover { background:none; color:#FFF; }
.owl-carousel .owl-nav button.owl-prev { left:-6%; }
.owl-carousel .owl-nav button.owl-next { right:-6%; }

.owl-carousel .owl-nav .arw {
	position:absolute;
	top:37%;
	height:26%;
	width:60%;
	background:#D80000;
}
.owl-carousel .owl-nav .arw-lt { left:20%; clip-path: polygon(100% 100%, 100% 0%, 0% 50%); }
.owl-carousel .owl-nav .arw-rt { right:20%; clip-path: polygon(0% 0%, 0% 100%, 100% 50%); }
.owl-carousel .owl-nav button:hover .arw { background:#238C00; }


.owl-carousel .owl-dots { /*display:none;*/ }
.owl-carousel .owl-dots { width:100%; margin-bottom:1em; text-align:center; z-index:3; }
.owl-carousel .owl-dots button { display:inline-block; background:#CACAD9; border:2px solid #FFF !important; width:18px; height:18px; border-radius:9px; margin:0 7px; box-shadow:0 1px 2px #000; }
.owl-carousel .owl-dots button:hover { background:#238C00; }
.owl-carousel .owl-dots button.owl-dot {}
.owl-carousel .owl-dots button.owl-dot.active { background:#D80000; }

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


/* CSS Loader / Spinner */
.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);
  }
}

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

/* 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; }
.rowRed		{ color:#C00; }
.rowBld		{ font-weight:500; }
.rowBold	{ font-weight:700; }

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

article.frame table td a.btn {
    border-radius: 1px 1px 1px 1px;
    padding: 1px 10px;
	font-size:11px;
	font-weight:normal;
    text-shadow:none;
}

/* 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;
	background:#FFECEC;
	border:4px solid #FFCACA;
	text-align:left;
	line-height:140%;
	box-shadow:0px 1px 2px #333;
	font-size:0.9em;
	font-weight:500;
}
.msg-box p { font-size:1em; padding:3px 0; margin:5px 0 3px; z-index:1; }
.msg-box a.btn-rt { z-index:2; }
.msg-box p.msg-box-hd { color:#E00; font-size:1.2em; }
.msg-box b { font-size: calc(1em + 1px); font-weight:600; }
.msg-box i, 
.msg-box em { color:#900; font-size:0.9em; font-weight:400; }
.msg-box ul { margin-top:0; padding:4px 0 3px 2em; }

.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 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 b { color:#8C4600; }
.msg-box-amb i, 
.msg-box-amb em { color:#B25900; }

.msg-box-gry {
	color:#AAA !important;
	background:#EEE;
	border-color:#DDD;
}
.msg-box-gry { color:#888; }
.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; }


/* terms txt */
ol#termsTxt,
ol#termsTxt ol { padding-left:20px; }


/* 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 		{ width:25%; max-width:200px; line-height:0; }
.logos .img img 	{ display:block; width:100%; margin:0 auto; }


@media only screen and (min-width: 1401px) and (max-width: 1600px) {
	/* --- page spacing --- */
	.padding, .padding-x, .padding-y 	{ padding:30px 60px; }
	.margin,  .margin-x,  .margin-y 	{ padding:30px 60px; }
}
@media only screen and (min-width: 1025px) and (max-width: 1400px) {
	article.frame { font-size:16.5px; } 
	/* --- page spacing --- */
	.padding, .padding-x, .padding-y 	{ padding:25px 50px; }
	.margin,  .margin-x,  .margin-y 	{ padding:25px 50px; }
}
@media all and (min-width: 1025px) and (max-width: 1280px) {
	article.frame { font-size:16px; }
	/* --- page spacing --- */
	.padding, .padding-x, .padding-y 	{ padding:20px 44px; }
	.margin,  .margin-x,  .margin-y 	{ padding:20px 44px; }
}
@media all and (min-width: 1025px) and (max-width: 1150px) {
	article.frame { font-size:15px; }
	/* --- page spacing --- */
	.padding, .padding-x, .padding-y 	{ padding:17px 36px; }
	.margin,  .margin-x,  .margin-y 	{ padding:17px 36px; }
}
@media all and (min-width: 769px) and (max-width: 1024px) {
	article.frame { font-size:15px; } 
	
	/* --- page spacing --- */
	.sectionRow { margin-top:3.5em; margin-bottom:3.5em; }
	.padding, .padding-x, .padding-y 	{ padding:36px; }
	.margin, .margin-x, .margin-y 	{ padding:36px; }
	
	h1 				{ font-size:3.3em;}
	h2 				{ font-size:2.3em; }
	h3 				{ font-size:1.9em; }
	h4 				{ font-size:1.6em; }
	.kanitBlkArws 	{ font-size:1.35em; }
	.sub-hd1 		{ font-size:1.5em !important; }

	/* Top Image */
	.topImg img.full 	{ max-height:600px; }
	
	/* Top Owl Carousel 
	#top-carousel,
	#top-carousel img { height:510px; }
	#top-carousel .owl-nav button { font-size:2em; }
	#top-carousel .owl-dots { bottom:18px; height:18px; }
	#top-carousel .owl-dots button { width:16px; height:16px; border-radius:8px; margin:0 6px; }*/
	
	/* Message Box */
	.msg-box {
		padding:12px 30px 10px;
		border-width:7px;
		font-size:16px;
	}
	.msg-box p { margin:8px 0 }
	.msg-box p.msg-box-hd { font-size:1.25em; }
	
	/* Page UP */
	#pageUp {
		right:10px;
		width:40px;
		height:50px;
		border-radius:3px;
	}
	#pageUp a {
		padding-top:3px;
		font-size:15px;
	}
	#pageUp a#btnUp {
		border-radius:3px 3px 0 0;
	}
	#pageUp a#btnTop {
		border-radius:0 0 3px 3px;
	}
	
	.rowFlex.rowFlexCols3 .rowFlexCol { min-width:0; }
}
@media all and (max-width: 900px) {
	article.frame { font-size:14px; }
	
	/* Main Sections - Large - Image Text Rows 
	#mainSections .sectionRow.odd  .section-content .block-txt { padding-left: 0; }
	#mainSections .sectionRow.even .section-content .block-txt { padding-right:0; }*/
	
}
@media all and (min-width: 769px) and (max-width: 900px) {
	/* --- page spacing --- */
	.sectionRow { margin-top:1.6em; margin-bottom:1.6em; }
	.padding, .padding-x, .padding-y 	{ padding:32px; }
	.margin, .margin-x, .margin-y 	{ padding:32px; }
	
	/* Top Image */
	.topImg img.full 	{ max-height:550px; }
	
	/* Top Owl Carousel 
	#top-carousel,
	#top-carousel img { height:480px; }*/
	
	/* Message Box */
	.msg-box {
		padding:11px 25px 9px;
		border-width:6px;
		font-size:15px;
	}
	.msg-box p { margin:7px 0 }
	.msg-box p.msg-box-hd { font-size:1.2em; }
}
@media all and (min-width: 769px) and (max-width: 830px) {
	article.frame { font-size:13px; }
	
	/* --- page spacing --- */
	.sectionRow { margin-top:1.5em; margin-bottom:1.5em; }
	.padding, .padding-x, .padding-y 	{ padding:30px; }
	.margin, .margin-x, .margin-y 	{ padding:30px; }
	
	/* Top Image */
	.topImg img.full 	{ max-height:520px; }
	
	/* Top Owl Carousel 
	#top-carousel,
	#top-carousel img { height:450px; }*/
	
	/* Message Box */
	.msg-box {
		padding:11px 25px 9px;
		border-width:6px;
		font-size:15px;
	}
	.msg-box p { margin:7px 0 }
	.msg-box p.msg-box-hd { font-size:1.2em; }
}
@media all and (max-width: 768px) {
	article.frame { font-size:15px; }
	
	/* --- page spacing --- */
	.sectionRow { margin-top:2em; margin-bottom:2em; }
	.padding, .padding-x, .padding-y 	{ padding:30px; }
	.margin, .margin-x, .margin-y 		{ padding:30px; }
	
	h1 				{ font-size:3em;}
	h2 				{ font-size:2.2em; }
	h3 				{ font-size:1.8em; }
	h4 				{ font-size:1.65em; }
	.kanitBlkArws 	{ font-size:1.3em; }
	.sub-hd1 		{ font-size:1.4em !important; }
	
	/* Top Image */
	.topImg img.full 	{ max-height:500px; }
	
	/* Top Owl Carousel 
	#top-carousel,
	#top-carousel img 				{ height:420px; }
	#top-carousel .owl-nav button 	{ font-size:1.8em; }
	#top-carousel .owl-dots 		{ bottom:16px; height:16px; }
	#top-carousel .owl-dots button 	{ width:14px; height:14px; border-width:2px; border-radius:7px; margin:0 5px; }*/
	
	/* Message Box */
	.msg-box {
		padding:10px 20px 8px;
		border-width:5px;
		font-size:14px;
	}
	.msg-box p { margin:6px 0 }
	.msg-box p.msg-box-hd { /*font-size:1.2em;*/ }
	
	/* table */
	table tr td .tdDate { width:120px; }
	table tr td .tdStatus { width:90px; }
	
	/* Page UP */
	#pageUp {
		right:6px;
		width:30px;
		height:40px;
	}
	#pageUp a {
		padding-top:1px;
		font-size:13px;
	}
	
	/* followUsSideBar */
	#followUsSideBar { display:none; } 
}
@media only screen and (max-width: 700px) {
	/* 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) {
	section.firstSection h1 { padding-top:2em; }
}
@media only screen and (max-width: 600px) {
	article.frame { font-size:14px; 
		background-image: linear-gradient(225deg, #A6C9E6, #DBDBEA 5%, #ECECF4 12%, #FFF 22%); }
	
	/* --- page spacing --- */
	.padding, .padding-x, .padding-y 	{ padding:28px; }
	.margin, .margin-x, .margin-y 		{ padding:28px; }
	
	/* general */
	.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; }
	
	/*
	h1 { font-size:1.8em; font-weight:400; }
	h2 { font-size:1.5em; font-weight:400; }
	h3 { font-size:1.35em; font-weight:400; }
	.sub-hd { font-size:1.3em; }
	.sub-hd2 { font-size:1.15em; }
	*/
}

@media only screen and (max-width: 550px) {
	article.frame { }
	
	/* general */
	.kanit,
	.kanitRed,
	.kanitBlkArws { letter-spacing:2px; padding-left:2px; }
	
	h1 				{ font-size:2.7em;}
	h2 				{ font-size:2.1em; }
	h3 				{ font-size:1.7em; }
	h4 				{ font-size:1.6em; }
	.kanitBlkArws 	{ font-size:1.3em; }
	.sub-hd1 		{ font-size:1.35em !important; }
	
	/* Message Box */
	.msg-box {
		padding:10px 15px 8px;
		font-size:13px;
	}
}
@media only screen and (max-width: 450px) {
	article.frame { font-size:13px; 
		background-image: linear-gradient(225deg, #A6C9E6, #DBDBEA 4%, #ECECF4 10%, #FFF 18%); }

	
	/* --- page spacing --- */
	.padding, .padding-x, .padding-y 	{ padding:24px; }
	.margin, .margin-x, .margin-y 	{ padding:24px; }
	
	
	/* general */
	.kanit,
	.kanitRed,
	.kanitBlkArws { letter-spacing:1px; padding-left:1px; }
	
	
	h1 				{ font-size:2.4em;}
	h2 				{ font-size:2em; }
	h3 				{ font-size:1.65em; }
	h4 				{ font-size:1.55em; }
	.kanitBlkArws 	{ font-size:1.2em; }
	.sub-hd1 		{ font-size:1.3em !important; }
	
	.kanitBlkArws:before,
	.kanitBlkArws:after 	{ width:2.5em; }
	.kanitBlkArws:before 	{ left:-4em; }
	.kanitBlkArws:after 	{ right:-4em; }

	/* Message Box */
	.msg-box {
		padding:9px 12px 7px;
		border-width:4px;
		font-size:12px;
	}
	
	/* 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: 374px) {
	
	/* --- page spacing --- */
	.padding, .padding-x, .padding-y 	{ padding:20px; }
	.margin, .margin-x, .margin-y 	{ padding:20px; }
	
	/*
	h1 { font-size:1.5em; }
	h2 { font-size:1.3em; }
	*/
	.kanitBlkArws 	{ font-size:1.15em; }
	
	/* Message Box */
	.msg-box {
		padding:8px 10px 6px;
		border-width:3px;
		font-size:11px;
	}
	
	/* 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 --- */
	.padding, .padding-x, .padding-y 	{ padding:16px; }
	.margin, .margin-x, .margin-y 		{ padding:16px; }
	
	h1 				{ font-size:2.2em;}
	h2 				{ font-size:1.9em; }
	h3 				{ font-size:1.6em; }
	h4 				{ font-size:1.5em; }
	.kanitBlkArws 	{ font-size:1.1em; }
	.sub-hd1 		{ font-size:1.25em !important; }
	
	.kanitRed { font-size: 1.1em; }
}