@charset "utf-8";
/* CSS Buttons */
a.btn,
.btn,
button.btn,
.btn-rowTopRight,
.btn-rowH1right,
.btn-rowH2right,
.btn-rowH3right,
.btn-rowPright,
.btn-row {
  position:relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

a.btn,
.btn,
a.btn-alt,
.btn-alt,
button.btn {
	display:inline-block;
    background-color:#B20000;
	border:none;
    border-radius: 0;
    margin: 0;
	
    color: #FFF;
	font-weight:600;
	text-align:center;
	text-decoration:none;
	line-height:100% !important;
    cursor: pointer;
}
a.btn,
.btn,
button.btn {
    padding: calc(1em - 3px) 2em calc(1em - 3px) calc(2em + 3px);
	font-family:Kanit,Roberto,Arial,sans-serif !important; 
    font-size: calc(1em - 4px);
	letter-spacing:3px;
	text-transform:uppercase;
}
a.btn-alt,
.btn-alt {
    padding: calc(1em - 3px) 1em calc(1em - 3px);
	font-size: calc(1em - 3px);
	font-weight:400;
}
button.btn {
}

/* XL */
a.btn-xl, .btn-xl, button.btn-xl {
    padding: 1em 2.5em 1em calc(2.5em + 3px);
    font-size: calc(1em + 4px);
}
/* Lg */
a.btn-lg, .btn-lg, button.btn-lg {
    font-size: 1em;
}
/* SM */
a.btn-sm, .btn-sm, button.btn-sm {
    /*padding: calc(1em - 3px) 1.5em;*/
    font-size: calc(1em - 5px);
}
/* Vsm */
a.btn-vsm,.btn-vsm, button.btn-vsm {
    /*padding: calc(1em - 3px) 1.5em;*/
    font-size: calc(1em - 7px);
}

/* btn boarder line 
a.btn .btnInBoarder,
.btn .btnInBoarder,
button .btnInBoarder { display:block; position:absolute; top:4px; right: 4px; bottom:4px; left:4px; border:1px solid #FFF; opacity:0.4; }
a.btn-xl .btnInBoarder, .btn-xl .btnInBoarder { top:6px; right: 6px; bottom:6px; left:6px; }
a.btn-lg .btnInBoarder, .btn-lg .btnInBoarder { top:5px; right: 5px; bottom:5px; left:5px; }
a.btn-sm .btnInBoarder, .btn-sm .btnInBoarder { top:3px; right: 3px; bottom:3px; left:3px; }
a.btn-vsm .btnInBoarder, .btn-vsm .btnInBoarder { display:none; }
*/

/* btn icon */
.icon { display:inline-block; }
.icon-rt { margin-left:0.5em; }
.icon-lt { margin-right:0.5em; }

a.btn-rt,
.btn-rt { float:right; z-index:9999999; }
a.btn-lt,
.btn-lt { float:left; z-index:9999999; }
a.btn-tbl,
.btn-tbl {
    padding: 1px 17px;
	font-size:15px;
}
a.btn-red,
.btn-red {
	background-color:#F43D42 !important;
	border-color: #EB0E13 !important;
}
a.btn-orn,
.btn-orn {
	background-color:#F45B00 !important;
	border-color: #DE5300 !important;
}
a.btn-blk,
.btn-blk {
	background-color:#111 !important;
	border-color: #000 !important;
	color:#FFF !important;
}
a.btn-blk-wht,
.btn-blk-wht {
	background-color:#000 !important;
	border-color: #FFF !important;
	color:#FFF !important;
}
a.btn-gry,
.btn-gry {
	background-color:#CCC !important;
	border: 1px solid #FFF !important;
}
.btn-gry { cursor:not-allowed; }

a.btn-wide,
.btn-wide { width:100%; }

/*
.btnShareIcon,
a.btnShareIcon {
    padding:0 !important;
	width:60px !important;
	height:60px !important;
}
.btnShareIcon img { width:100%; }
.btnTwitter,
a.btnTwitter {
    background-color: #1DA1F2 !important;
	border:1px solid #0E96E7 !important;
}
.btnFacebook,
a.btnFacebook {
    background-color: #385693 !important;
	border:1px solid #2C4272 !important;
}
*/
.offer-btn a.btn {
	background: #F67A06;
	background: radial-gradient(circle at center, #FED00A 10%, #F67A06 80%);
	border:none;
	border-radius:10px;
	width:100%;
	padding:15px;
	margin:0 auto;
	font-weight:700;
	font-size:25px;
	text-shadow:0 1px 2px #000;
}
a.btn:hover,
a.btn-alt:hover {
    background-color: #238C00 !important;
	color:#FFF !important;
	transition:linear 0.2s;
}
button.btnHover {
    background: #238C00 !important;
	color:#FFF !important;
}

.btn-shadow { box-shadow:0 2px 4px #444; }
/*a.btn-shadow:hover { box-shadow:0 1px 2px #333; }*/

.btn-rowTopRight { position:absolute; top:1em; right:3px; }
.btn-rowH1right,
.btn-rowH2right,
.btn-rowH3right,
.btn-rowPright 		{ float:right; margin-left:2em; z-index:999; }
.btn-rowH1right 	{ margin-top:-4em; }
.btn-rowH2right 	{ margin-top:-3em; }
.btn-rowH3right 	{ margin-top:-2em; }
.btn-rowPright 		{ margin-top:-1em; }

.btn-row,
p.btn-row 						  {padding:1em 0 !important; margin:1em 0 !important; }
.btn-row a.btn,
p.btn-row a.btn 				  { margin:0 0.6em; }
.padding p.btn-row:last-child	  { padding-bottom:0 !important; }


.btn-row a.btn:first-child,
p.btn-row a.btn:first-child 	  { margin-left:0; }
.btn-row a.btn:last-child,
p.btn-row a.btn:last-child 		  { margin-right:0; }
.btn-row-center, p.btn-row-center { text-align:center; }
.btn-row-rt, p.btn-row-rt 		  { text-align:right; }
.btn-row-ly, p.btn-row-lt 		  { text-align:left; }

/* top sub nav */
.btn-row-sub-nav {
	position:absolute;
	top:2em;
	right:3em;
}
.btn-row-sub-nav a.btn { padding: 1em 1.5em; font-size: 0.7em; }
.btn-row-sub-nav a.btn .btnInBoarder { display:none; }

/* btn view more 
.btnViewMore,
p.btnViewMore { padding:1em 0 !important; margin:0; line-height:100%; text-align:center; }
.btnViewMore a {
	display:inline-block;
	padding: calc(1em + 3px) 3em;
	margin:0 auto;
	background:#FFF;
	border-radius:50px;
	color:#525261;
    font-size: calc(1em + 3px);
	font-weight:500;
	text-decoration:none;
	line-height:95%;
}
.btnViewMore a b { color:#C52421; font-weight:900; }
.btnViewMore a:hover { color:#000; background:#FF9; }
*/

/* play btn */
.play-btn,
a.play-btn,
.play-text-btn,
a.play-text-btn {
	display:inline-block;
	background: #FF4000;
	border:none;
	margin:0 auto;
	line-height:95%;
	color:#FFF;
	text-decoration:none;
}
.play-btn,
a.play-btn {
	border-radius:0.4em;
	padding:0.4em 0.8em;
	font-size:2.2em;
	cursor:pointer;
}
.play-text-btn,
a.play-text-btn {
	border-radius:0.3em;
	padding:0.5em 1em;
	font-weight:500;
	font-size:1em;
}
.play-btn:hover,
a.play-btn:hover,
a.play-text-btn:hover {
    background-color: #FFC926 !important;
	color:#000 !important;
	transition:linear 0.2s;
}

a.txt-link, .txt-link { color:#8C0000; }
a.txt-link:hover { color:#238C00; }

@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1150px) {
}
@media only screen and (max-width: 1025px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 650px) {
}
@media only screen and (max-width: 600px) {
	a.btn,
	.btn,
	button.btn {
		padding: calc(1em - 2px) 2em calc(1em - 2px) calc(2em + 2px);
		font-size: calc(1em - 3px);
		letter-spacing:2px;
	}
	a.btn-alt,
	.btn-alt {
		padding: calc(1em - 2px) 1em calc(1em - 2px);
		font-size: calc(1em - 2px);
	}
	
	/* XL */
	a.btn-xl, .btn-xl, button.btn-xl {
		padding: 1em 2.5em 1em calc(2.5em + 2px);
		font-size: calc(1em + 3px);
	}
}
@media only screen and (max-width: 550px) {
}
@media only screen and (max-width: 450px) {
	a.btn,
	.btn,
	button.btn {
		padding: calc(1em - 1px) 2em calc(1em - 1px) calc(2em + 1px);
		font-size: calc(1em - 1px);
		letter-spacing:1px;
	}
	a.btn-alt,
	.btn-alt {
		padding: calc(1em - 1px) 1em calc(1em - 1px);
		font-size: calc(1em - 1px);
	}
	
	/* XL */
	a.btn-xl, .btn-xl, button.btn-xl {
		padding: 1em 2.5em 1em calc(2.5em + 1px);
	}
}
@media only screen and (max-width: 374px) {
}
@media only screen and (max-width: 350px) {
}