/* disable print */
@media print {body {display:none;}}

html,body,table,td {font-size: 100%;font: inherit;font-family: Helvetica, verdana, Courier New, arial;color:#fff;line-height: 1.4;margin:0;padding:0;background-color: #000;}

#conten
{margin-top: 50px;margin-right:0;margin-left:0;width: 80vw;padding: 0px; font-size:1em;}
@media screen and (max-width: 560px) {
	#conten {padding-bottom: 1em; width: 100%; font-size:1em;}
}

#conten h2 {margin: 0; background: transparent; color: #996633; text-shadow: 3px 3px 3px #000; font-size:1.8em;}

img {max-width: 100%;height: auto;}		

* {
    box-sizing: border-box;
}

/* 2 equal columns that floats next to each other */
.column { float: left; width: 50%; padding: 0px;}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive, stack column on top of each other */
@media screen and (max-width: 560px) {
    .column {
        width: 100%;
    }
}

div.centbox {margin: 0 auto; width: 100%; background-color: #000; padding:8px; background-color: rgba(0, 0, 0, 0.7); opacity: inherit;}
	 
#tabfx {margin-left: auto; margin-right: auto;  padding:4px;border-spacing: 1px;font-size:12px;background-color: #ffffff; border-bottom: #F7D57B 1px solid; border-left: #F7D57B 1px solid; border-right: #ff00ff 1px solid; border-top: #a751fd 1px solid;}
#tabfx td.tit {padding: 2px 2px 4px 2px; font-weight: bold; color: #000; background: #F4EAFD; border-bottom: 2px solid #F7D57B;FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica; text-align:center;}
#tabfx td.fox {background-color:#fff;padding: 1px 1px 4px 6px;; color: #000; border-bottom: 1px solid #a751fd;}
#tabfx td.fox2 {text-align: right;background-color:#fff;padding: 1px 6px 4px 1px; color: #808080; border-bottom: 1px solid #ffccff;width:110px;}

#tabfx tr:nth-child(even) {background-color: #f2f2f2;}

.goldtx {COLOR: #996633;text-shadow: 2px 2px 2px #000;}
.timtx {COLOR: #CC0033;text-align:right;font-size:12px;}
.redtx {color: #ff0000;}
.brontx {color: #FC9C0C;}
.smalltx {font-size:.8em;}
.uppertx {text-transform: uppercase;}

A:link {
	COLOR: #F7D57B; TEXT-DECORATION: none
}
A:visited {
	COLOR: #F7D57B; TEXT-DECORATION: none
}
A:active {
	COLOR: #F7D57B; TEXT-DECORATION: none
}
A:hover {
	COLOR: #CF4E09; TEXT-DECORATION: underline
}

.sublink A:link {text-decoration: underline; color: #FF00FF;}
.sublink A:visited {text-decoration: underline; color: #FF00FF;}
.sublink A:active {text-decoration: underline; color: #FF00FF;}
.sublink A:hover {text-decoration: none; color: #C20DFD;}

.txbox {border: 1px solid #990000; padding: 4px; width:92%; border-radius: .4em;}

#mainbg {
background-image:url('../images/intro.jpg');
background-repeat:no-repeat;
background-attachment: fixed;
background-color:#000;
margin:0;padding:0;
background-position:center top; background-size: cover;
}
#mainbg2 {
background-color:#000;
margin:0;padding:0;
}

/* form butt */
.butsub {color: #000; background: #F4BF1D; font-weight: bold; border: 3px double #ac0000; border-radius: 6px; text-decoration: none; padding: 1px; width: 150px; 
-webkit-transition: color .35s linear, background-color .35s ease-in-out, border-color .35s ease-in-out;
-moz-transition: color .35s linear, background-color .35s ease-in-out, border-color .35s ease-in-out;
-o-transition: color .35s linear, background-color .35s ease-in-out, border-color .35s ease-in-out;
transition: color .35s linear, background-color .35s ease-in-out, border-color .35s ease-in-out;
-webkit-box-shadow: 2px 2px 2px 0px #6e6d6e; -moz-box-shadow: 2px 2px 2px 0px #6e6d6e; box-shadow: 2px 2px 2px 0px #6e6d6e;
}
.butsub:hover {color: #CC0033; background: #E7D18C;
text-shadow: 1px 1px 1px #000; cursor: pointer; cursor: hand;
-webkit-transition: color .35s linear, background-color .35s ease-in-out, border-color .35s ease-in-out;
-moz-transition: color .35s linear, background-color .35s ease-in-out, border-color .35s ease-in-out;
-o-transition: color .35s linear, background-color .35s ease-in-out, border-color .35s ease-in-out;
transition: color .35s linear, background-color .35s ease-in-out, border-color .35s ease-in-out;}

#vid_bg {background: url("../images/bg_vid.jpg"); background-attachment: fixed; background-repeat: no-repeat; margin:0; padding:0; background-position: top left; background-size: cover; background-color:#000;overflow-x: hidden; height:100%;}
@media screen and (min-width:300px) and (max-width:530px) {#vid_bg { background: url("../images/bg_vid2.jpg"); width: 100%; padding: 0; margin: 0; background-attachment: fixed; background-color:#000; background-repeat: no-repeat; overflow-x: hidden;}
}
div.transbox {margin-top: 480px; margin-left: 4px; width:100%;padding:0; }
video::-webkit-media-controls-fullscreen-button {display: none;}  /* works in chrome only */

.topnav {
    background-color: rgba(0, 0, 0, 0.8); opacity: inherit;
    overflow: hidden; width:100%;position:fixed;top:0;
}

.topnav a {
    /* float: left; display: block; */
	display:inline-block;
    color: #f2f2f2;
    padding: 10px 8px 6px 8px;
    text-decoration: none;
    font-size: 15px;
}

.topnav a:hover {
    BORDER-BOTTOM: #996633 1px solid; BORDER-top: #996633 1px solid; background-color: rgba(255, 255, 255, 0.1); opacity: inherit;
    color: #996633; margin-top:-1px;
}

/* Add an active class to highlight the current page */
.active {
    BORDER-BOTTOM: #996633 1px solid; BORDER-top: #996633 1px solid;
    color: #996633;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
} 

 /* When screen is less than 600 px wide, hide all links, except for the first one. */
@media screen and (max-width: 600px) {
  .topnav a:not(:nth-child(2)) {display: none;}         /* (:first-child)  first link only */
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0; 
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: right; 
  }
} 

/* slider */
.demo_wrapper {
	width: 100%;
	margin: 0 auto;
}
@media only screen and (max-device-width: 1300px), screen and (max-width: 1300px) {
  .demo_wrapper {
    width: 100%;
  }  
}
.demo_block {width: 100%;}

/* if js disabled  */
#context {display: none}      /* Hide if JS disabled */
.js #context {display: block} /* Show if JS enabled */
.js #noscript {display: none} /* Hide if JS enabled */