html {
position: absolute;
width: 100%;
height: 100%;
margin: -1px -1px;
padding: 1px 1px;
background: #ffffff;
z-index: -1;
}
body {
position: absolute;
display: block;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
font-family: 'Ubuntu', Arial, sans-serif;
font-style: normal;
font-weight: 300;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em;
font-size: 0;
overflow-x: hidden;
color: #585247;
margin: -1px -1px;
padding: 1px 1px;
background-color: transparent;
background: url(vt1_res_graphics/vt1_res_hash_32p_45d_gld.gif);
background-position: left top;
background-repeat: repeat;
z-index: 0;
}
.contvid {
display: block;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.contstat {
display: block;
position: relative;
width: auto;
height: 1em;
top: 50%;
margin: -0.5em auto auto auto;
padding: 0 0;
z-index: 4;
text-align: center;
color: #585247;
background-color: transparent;
/* float: left; */
/* border: 1px solid red; */
}
#motanim {
display: block;
position: absolute;
/* width: 60%; */
/* width: 70vw; */
width: 70%;
opacity: 0;
/* height: 3em; */
/* top: 50%; */
/* top: 12%; */
top: 0;
bottom: 0;
/* left: -200%; */
right: 0;
left: 0;
/* margin: -7% auto auto auto; */
margin: auto auto;
padding: 0 0;
overflow: visible;
background-color: transparent;
/* border: 2px solid #c6b284; */
/* box-shadow: 0px 6px 15px -6px rgba(0, 0, 0, 0.8); */
/* -webkit-animation: montanimslide 2s forwards; */
-webkit-animation: montanimslide 5s forwards;
/* -webkit-animation-delay: 1s; */
-webkit-animation-delay: s;
/* animation: montanimslide 2s forwards; */
animation: montanimslide 5s forwards;
/* animation-delay: 1s; */
animation-delay: 4s;
}
#motanim img {
position: absolute;
margin: auto auto;
top: 0;
bottom: 0;
width: 100%;
height: auto;
}
@-webkit-keyframes montanimslide {
/* 100% { left: 0; } */
100% { opacity: 1; }
}
@keyframes montanimslide {
/* 100% { left: 0; } */
100% { opacity: 1; }
}
@-ms-viewport{
width: extend-to-zoom;
zoom: 1.0;
}
@media screen and (min-width: 240px) {
.ftres, #menbar, .hbar, #imagree, #frmbg, #cominpt, .frmbut, .frminpt, #tactxt  {
font-size: 6px;
}
.contstat, #motanim {
font-size: 7px;
}
.hbar, .greenborder, .brownborder {
font-size: 4px;
}
}
@media screen and (min-width: 320px) {
.ftres, #menbar, .hbar, #imagree, #frmbg, #cominpt, .frmbut, .frminpt, #tactxt  {
font-size: 7px;
}
.contstat, #motanim {
font-size: 9px;
}
.hbar, .greenborder, .brownborder {
font-size: 6px;
}
}
@media screen and (min-width: 480px) {
.ftres, #menbar, .hbar, #imagree, #frmbg, #cominpt, .frmbut, .frminpt, #tactxt  {
font-size: 10px;
}
.contstat, #motanim {
font-size: 14px;
}
.hbar, .greenborder, .brownborder {
font-size: 7px;
}
}
@media screen and (min-width: 768px) {
.ftres, #menbar, .hbar, #imagree, #frmbg, #cominpt, .frmbut, .frminpt, #tactxt  {
font-size: 12px;
}
.contstat, #motanim {
font-size: 22px;
}
.hbar, .greenborder, .brownborder {
font-size: 11px;
}
}
@media screen and (min-width: 1024px) {
.ftres, #menbar, .hbar, #imagree, #frmbg, #cominpt, .frmbut, .frminpt, #tactxt  {
font-size: 14px;
}
.contstat, #motanim {
font-size: 30px;
}
.hbar, .greenborder, .brownborder {
font-size: 15px;
}
}
@media screen and (min-width: 1900px) {
.ftres, #menbar, #imagree, #frmbg, #cominpt, .frmbut, .frminpt, #tactxt {
font-size: 16px;
}
.contstat, #motanim {
font-size: 56px;
}
.hbar, .greenborder, .brownborder {
font-size: 28px;
}
}
#bgvid {
width: 100%;
background-color: #ffffff;
}
a, a:hover, a:active {
text-transform: none;
text-decoration: none;
color: #585247;
border: no-border;
}
a:visited {
color: #585247;
}
img {
border: no-border;
}
h2 {
display: block;
font-size: 1.5em;
margin: 0 0;
font-weight: bold;
}
#loglink:hover {
-webkit-transform: translate(0, 0) !important;
-moz-transform: translate(0, 0) !important;
-o-transform: translate(0, 0) !important;
-ms-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
box-shadow: 0px 6px 15px -6px rgba(0, 0, 0, 0) !important;
border-bottom: 1px solid rgba(0, 0, 0, 0) !important;
}
.menbut, .menbutpic {
position: relative;
height: 100%;
margin: 0 1em;
padding: 0 5px;
background-color: transparent;
text-align: center;
color: #585247;
line-height: 4em;
float: left;
}
#maplef {
height: 1.5em;
}
#menbar {
display: block;
position: relative;
width: 78.5%;
height: 4em;
/* right: 0; */
margin: 4em 0 auto auto;
padding: 0 0;
box-shadow: 0px 6px 15px -6px rgba(0, 0, 0, 0.8);
/* background-color: rgba(088,082,071, 0.5); */
background-color: rgba(198, 178, 132, 0.5);
color: #585247;
overflow: hidden;
}
.menbut:hover, .menbutpic:hover {
/* background-color: rgba(088,082,071, 1); */
background-color: rgba(067, 102, 145, 1);
box-shadow: -1px 6px 15px 0px rgba(0, 0, 0, 0.5);
color: #f2f2f2 !important;
}
.barimg {
display: block;
position: relative;
height: 100%;
width: auto;
margin: auto auto;
padding: 0 0;
float: left;
}
.hbar {
display: block;
position: relative;
margin: 0 0;
min-width: 100%;
min-height: 100%;
height: auto;
overflow: hidden;
}
.brdv {
display: block;
position: relative;
width: 100%;
height: 21em;
margin: 0 0;
padding: 0 0; 
background-color: rgba(242, 242, 242, 0);
margin-top: 1em;
overflow: hidden;
}
.greenborder {
display: block;
position: relative;
width: 50%;
height: 10em;
margin: 2.8em auto 5em auto;
padding: 1.8em 1.8em;
color: #585247;
text-align: left;
border: 2px solid #c6b284;
box-shadow: 0px 6px 15px -6px rgba(0, 0, 0, 0.8);
background-color: transparent;
word-break: keep-all;
line-height: 2em;
}
.grdv {
display: block;
position: relative;
width: 100%;
/* height: 27.6em; */
height: auto;
margin:  0 0;
padding: 0 0;
/* background-color: rgba(041, 180, 115, 0.5); */
background-color: rgba(067, 102, 145, 0.5);
margin-top: 1em;
overflow: hidden;
}
.brownborder h2 {
color:  #436691;
}
.brownborder {
display: block;
position: relative;
width: 56%;
/* height: 24em; */
height: auto;
margin: 0 auto;
padding: 1.7em 0;
color: #585247;
text-align: left;
background-color: rgba(242, 242, 242, 0);
word-break: keep-all;
line-height: 1.5em;
overflow: hidden;
}
#tactxt {
display: block;
position: relative;
width: 80%;
height: auto;
margin: 2em auto 9em auto;
padding: 0 0;
}
#tactxt span {
display: block;
position: relative;
width: 80%;
height: auto;
min-height: 6em;
margin: 40px auto;
padding: 0.5em 0.5em;
color: #585247;
text-align: left;
border: 2px solid #c6b284;
background-color: rgba(242, 242, 242, 1);
word-break: keep-all;
}
#frmbg {
display: block;
position: relative;
width: 50%;
/* height: 21em; */
margin: 10.5em auto;
padding: 3.15em 3.10em;
color: #585247;
text-align: left;
border: 2px solid #c6b284;
box-shadow: 0px 6px 15px -6px rgba(0, 0, 0, 0.8);
background-color: rgba(242, 242, 242, 0);
word-break: keep-all;
line-height: 2em;
}
.frminpt {
display: block;
position: relative;
width: 10em;
height: 1em;
margin: 0.5em 0.2em;
padding: 1em 1em;
background: rgba(225, 225, 225, 1);
border: 1px solid #646478;
font-family: 'Ubuntu', Arial, sans-serif;
font-style: normal;
font-weight: 300;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em;
float: left;
}
.msginpt {
display: block;
position: relative;
width: 95%;
height: 6em;
margin: 0.5em 0.2em;
padding: 1em 1em;
background: rgba(225, 225, 225, 1);
border: 1px solid #646478;
font-family: 'Ubuntu', Arial, sans-serif;
font-style: normal;
font-weight: 300;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em;
float: left;
}
.stripes {
display: block;
position: relative;
width: 10em;
height: 1em;
margin: 0.5em 0.2em;
padding: 1em 1em;
background: rgba(225, 225, 225, 1);
border: 1px solid #646478;
font-family: 'Ubuntu', Arial, sans-serif;
font-style: normal;
font-weight: 300;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em;
float: left;
}
.frmbut {
display: block;
position: relative;
margin: 1em 1em;
padding: auto auto;
background-color: transparent;
border: 1px solid #646478;
color: #585247;
font-family: 'Ubuntu', Arial, sans-serif;
font-style: normal;
font-weight: 300;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em;
float: left;
}
#frmbg a {
display: inline-block;
color: #585247;
background-color: transparent;
border: 1px solid #646478;
}
.frmbut:hover, #frmbg a:hover {
-webkit-transform: translate(0, -0.2em);
-moz-transform: translate(0, -0.2em);
-o-transform: translate(0, -0.2em);
-ms-transform: translate(0, -0.2em);
transform: translate(0, -0.2em);
box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.5);
}
.seetac {
display: block;
position: relative;
/* width: 95%; */
width: 100%;
height: auto;
line-height: 1em;
/* margin: 0.5em auto; */
margin: auto auto;
padding: 1px 1px;
word-break: keep-all;
/* float: left; */
text-align: center;
}
.mesginpt {
display: block;
position: relative;
width: 90%;
height: 5em;
background: rgba(225, 225, 225, 1);
font-family: 'Ubuntu', Arial, sans-serif;
font-style: normal;
font-weight: 300;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em;
margin: 0.5em auto auto 0;
padding: 1em 1em;
text-align: left;
border: 1px solid #646478;
}
.ftres {
display: block;
position: fixed;
z-index: 3;
width: 100%;
height: 6em;
bottom: 0;
/* background: #585247; */
background-color: rgba(067, 102, 145, 1);
margin: 1em auto 0 auto;
padding: 0 0;
font-family: 'Ubuntu', Arial, sans-serif;
font-style: normal;
font-weight: 200;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1.5em;
text-align: center;
color: #ffffff;
}
#footer a {
display: inline-block;
margin: 0 0;
padding: 0 0;
font-family: 'Ubuntu', Arial, sans-serif;
font-style: normal;
font-weight: 200;
text-transform: none;
text-decoration: none;
letter-spacing: 0em;
word-spacing: 0em;
line-height: 1em;
text-align: center;
/* color: #29b473; */
color: #c6b284;
}
#footer a:hover {
background: transparent;
box-shadow: 0px 6px 15px -6px rgba(0, 0, 0, 1);
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
#footer p {
position: absolute;
width: 90%;
margin: auto auto;
padding: 0.5em 0.5em;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 3em;
line-height: 1.5em;
}