@import url('https://fonts.googleapis.com/css2?family=Bowlby+One+SC&family=Roboto&family=Sancreek&display=swap');

/********************** START BACKGROUND ANIMATIONS **********************/

html,body,div,span,applet,object,
iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,small,
strike,strong,sub,sup,tt,var,b,u,i,center,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,figure,figcaption,
footer,header,hgroup,menu,nav,output,ruby,section,
summary,time,mark,audio,video{
margin:0;
padding:0;
border:0;
font:inherit;
font-size:100%;
vertical-align:baseline
}
html body{
line-height:1;
background: #080a2c url(https://www.highcountrycasino.com/VUE/TBR500/img/bkgmb.png);
background-size: cover;
background-repeat:no-repeat;
position:absolute;
height:100vh;
width:100%
}
ol,ul{
list-style:none
}
table{
border-collapse:collapse;
border-spacing:0
}
caption,th,td{
text-align:left;
font-weight:400;
vertical-align:middle
}
q,blockquote{
quotes:none
}
q:before,q:after,blockquote:before,blockquote:after{
content:"";
content:none
}
a img{
border:none
}
article,aside,details,figcaption,figure,footer,header,
hgroup,main,menu,nav,section,summary{
display:block
}
.stars,.twinkling,.clouds{
position:absolute;
display:block;
top:0;
bottom:0;
left:0;
right:0;
width:100%;
height:100%
}


/* =Links
-------------------------------------------------------------- */
a {
-webkit-transition: color 0.6s linear;
-moz-transition: color 0.6s linear;
-o-transition: color 0.6s linear;
-ms-transition: color 0.6s linear;
color: #007ca6;
transition: color 0.6s linear;
}

button,
a.button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.pagination {
text-align: center;
}

.or-demo {
display: block;
padding-top: 15px;
}

.live-demo {
display: block;
}

/* =Buttons
-------------------------------------------------------------- */
button,
a.button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
-moz-border-radius: 3px;
-moz-box-shadow: 0pt -1px 0pt rgba(0, 0, 0, 0.075) inset, 0pt 1px 0pt rgba(255, 255, 255, 0.3) inset, 0pt 1px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0pt -1px 0pt rgba(0, 0, 0, 0.075) inset, 0pt 1px 0pt rgba(255, 255, 255, 0.3) inset, 0pt 1px 2px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 3px;
background-color: #cdc9c9;
/* Snow 3 */
background-image: none;
border-radius: 3px;
box-shadow: 0pt -1px 0pt rgba(0, 0, 0, 0.075) inset, 0pt 1px 0pt rgba(255, 255, 255, 0.3) inset, 0pt 1px 2px rgba(0, 0, 0, 0.1);
filter: none;
font-weight: 400;
}

button:hover,
a.button:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
background-color: #fff;
background-image: none;
filter: none;
}

h1{
  font-family: 'Sancreek';
}

.maintextDK{
  color: #FFC944;
  text-shadow:3px 5px 21px #cd2475;
}


/* =Buttons (Call to Action)
-------------------------------------------------------------- */
.call-to-action {
text-align: center;
margin-top: 13%;
margin-bottom: 11%;
}

.call-to-action a.button {
font-family: 'Bowlby One SC';
color: #fff;
padding: 5% 17%;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font-size: 4rem;
}

.call-to-action a.button:hover {
text-decoration: none;
}

.ie7 .call-to-action a.button {
padding: 11px 35px 14px 35px;
}

a.pink {
text-decoration: none;
border: 1px solid #8e0b52;
color: white;
text-shadow: 0px 1px 0px #8e0b52;
-moz-box-shadow: 0 1px 0 #89275c, 0 2px 0 #9c2364, 0 3px 0 #87295b, 0 4px 0 #722c52, 0 5px 0 #612e49, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 1px 0 #89275c, 0 2px 0 #9c2364, 0 3px 0 #87295b, 0 4px 0 #722c52, 0 5px 0 #612e49, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
background-color: #cd1076;
/* Deep Pink 3 */
background-image: none;
box-shadow: 0 1px 0 #89275c, 0 2px 0 #9c2364, 0 3px 0 #87295b, 0 4px 0 #722c52, 0 5px 0 #612e49, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
filter: none;
}

a.pink:hover {
-moz-box-shadow: none;
-webkit-box-shadow: none;
background-color: #f471b8;
background-image: none;
box-shadow: none;
filter: none;
}
/********************** END BACKGROUND ANIMATION **********************/

/********************** START DOCUMENT STYLE **********************/

p{
  font-family: 'Roboto';
  margin-top: 2%;
  font-size:1.6rem;
  text-align:center;
  color:#fff;
  border:1px solid #fff;
  border-radius: 10px;
  padding:2%
}

#hero{
  margin-top:0.5rem
}

#mainc{
  z-index:99;
  margin-top: 7%;
}

#aid{
  margin-top: 5%;
}

.fit-image{
  width:100%;
  object-fit:cover;
  margin:auto
}

.maintext{
  font-family: 'Sancreek';
  font-size:5rem;
  text-align:center;
  margin-top: 4%;
  color: #FFC944;
  text-shadow:3px 5px 21px #cd2475;
}

.maintextDK{
  display: none;
}


.sectext{
font-family: 'Sancreek';
color:#fff;
font-size:2rem;
text-align:center;
text-shadow:3px 5px 21px #fff
}

.sectext2{
  font-family: 'Sancreek';
  color:#fff;
  font-size:3.5rem;
  text-align:center;
  text-shadow:3px 5px 21px #fff;
}

#btns1{
  margin: 2%;
  border:3px solid #fff;
  border-radius:20%;
  padding:3%
}

#btns2{
  margin: 2%;
  border:3px solid #fff;
  border-radius:20%;
  padding:3%
}

#bns{
  margin-top: 4%;
  margin-bottom: 4%;
}

#action{
  margin-top: 4%;
}

#mainimg{
  margin-top:10%
}

#terms{
  font-family: 'Roboto';
  color:#fff;
  font-size: 2.5rem;
  text-align:center;
  text-shadow:3px 5px 21px #fff;
  margin-top: 7%;
}

#termstxt{
  display: none;
}

@media (min-width: 1024px){
  html body{
    line-height:1;
    background: #080a2c url(https://www.highcountrycasino.com/VUE/TBR500/img/bkg.png);
    background-size: cover;
    background-repeat:no-repeat;
    position:absolute;
    height:100vh;
    width:100%
  }
  .call-to-action {
  text-align: center;
  margin-top: 1%;
  margin-bottom: 2%;
  margin-left: -8%;
  margin-right: 8%;
  }

  .call-to-action a.button {
  color: #fff;
  padding: 5% 17%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 2rem;
  }

  p{
    margin-top: 2%;
    font-size:0.6rem;
    text-align:center;
    color:#fff;
    border:1px solid #fff;
    border-radius: 10px;
    padding:2%
  }

  #hero{
    margin-top:-0.5rem
  }

  #mainc{
    z-index:99;
    margin-top: 1%;
  }

  #aid{
    margin-top: 5%;
  }

  .fit-image{
    width:100%;
    object-fit:cover;
    margin:auto
  }

  #txt1{
  display: none;
  }

  .maintextDK{
    display:inherit;
    font-size: 3.6rem;
    text-align:center;
    margin-top: 5%;
  }


  .sectext{
  color:#fff;
  font-size:2rem;
  text-align:center;
  text-shadow:3px 5px 21px #fff
  }

  .sectext2{
    color: #fff;
    font-size:3.5rem;
    text-align:center;
    text-shadow:3px 5px 21px #fff;
  }

  #btns1{
    font-size: 1rem;
    margin: 2%;
    border:3px solid #fff;
    border-radius:20%;
    padding:3%;
    margin-top: 5%;
  }

  #btns2{
    font-size: 1rem;
    margin: 2%;
    border:3px solid #fff;
    border-radius:20%;
    padding:3%;
    margin-top: 5%;
  }

  #bns{
    font-size: 2rem;
    margin-top: 4%;
    margin-bottom: 4%;
  }

  #action{
    margin-top: 1%;
  }

  #mainimg{
    margin-top:10%
  }

  #terms{
    color:#fff;
    font-size: 0.7rem;
    text-align:center;
    text-shadow:3px 5px 21px #fff;
    margin-top: 1%;
  }

  #termstxt{
    display: none;
  }


}

@media (min-width: 1280px){
  .call-to-action {
  text-align: center;
  margin-top: 1%;
  margin-bottom: 2%;
  margin-left: -8%;
  margin-right: 8%;
  }

  .call-to-action a.button {
  color: #fff;
  padding: 5% 17%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 2rem;
  }

  p{
    margin-top: 2%;
    font-size:0.6rem;
    text-align:center;
    color:#fff;
    border:1px solid #fff;
    border-radius: 10px;
    padding:2%
  }

  #hero{
    margin-top: -1.5rem;
  }

  #mainc{
    z-index:99;
    margin-top: 1%;
  }

  #aid{
    margin-top: 5%;
  }

  .fit-image{
    width:100%;
    object-fit:cover;
    margin:auto
  }

  #txt1{
  display: none;
  }

  .maintextDK{
    display:inherit;
    font-size: 4rem;
    text-align:center;
    margin-top: 9%;
  }


  .sectext{
  color:#fff;
  font-size:2rem;
  text-align:center;
  text-shadow:3px 5px 21px #fff
  }

  .sectext2{
    color: #fff;
    font-size:3.5rem;
    text-align:center;
    text-shadow:3px 5px 21px #fff;
  }

  #btns1{
    font-size: 1rem;
    margin: 2%;
    border:3px solid #fff;
    border-radius:20%;
    padding:3%;
    margin-top: 5%;
  }

  #btns2{
    font-size: 1rem;
    margin: 2%;
    border:3px solid #fff;
    border-radius:20%;
    padding:3%;
    margin-top: 5%;
  }

  #bns{
    font-size: 2rem;
    margin-top: 4%;
    margin-bottom: 4%;
  }

  #action{
    margin-top: 1%;
  }

  #mainimg{
    margin-top:10%
  }

  #terms{
    color:#fff;
    font-size: 0.7rem;
    text-align:center;
    text-shadow:3px 5px 21px #fff;
    margin-top: 2%;
  }

  #termstxt{
    display: none;
  }

}

@media (min-width: 1366px){
  .call-to-action {
  text-align: center;
  margin-top: 1%;
  margin-bottom: 2%;
  margin-left: -8%;
  margin-right: 8%;
  }

  .call-to-action a.button {
  color: #fff;
  padding: 5% 17%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 2rem;
  }

  p{
    margin-top: 2%;
    font-size:0.6rem;
    text-align:center;
    color:#fff;
    border:1px solid #fff;
    border-radius: 10px;
    padding:2%
  }

  #hero{
    margin-top: -1.5rem;
  }

  #mainc{
    z-index:99;
    margin-top: 3%;
  }

  #aid{
    margin-top: 5%;
  }

  .fit-image{
    width:100%;
    object-fit:cover;
    margin:auto
  }

  #txt1{
  display: none;
  }

  .maintextDK{
    display:inherit;
    font-size: 5rem;
    text-align:center;
    margin-top: 8%;
  }


  .sectext{
  color:#fff;
  font-size:2rem;
  text-align:center;
  text-shadow:3px 5px 21px #fff
  }

  .sectext2{
    color: #fff;
    font-size:3.5rem;
    text-align:center;
    text-shadow:3px 5px 21px #fff;
  }

  #btns1{
    font-size: 1.4rem;
    margin: 2%;
    border:3px solid #fff;
    border-radius:20%;
    padding:3%;
    margin-top: 5%;
  }

  #btns2{
    font-size: 1.4rem;
    margin: 2%;
    border:3px solid #fff;
    border-radius:20%;
    padding:3%;
    margin-top: 5%;
  }

  #bns{
    font-size: 2rem;
    margin-top: 4%;
    margin-bottom: 4%;
  }

  #action{
    margin-top: 1%;
  }

  #mainimg{
    margin-top:10%
  }

  #terms{
    color:#fff;
    font-size: 1rem;
    text-align:center;
    text-shadow:3px 5px 21px #fff;
    margin-top: 2%;
  }

  #termstxt{
    display: none;
  }

}

@media (min-width: 1440px){
  .call-to-action {
  text-align: center;
  margin-top: 1%;
  margin-bottom: 2%;
  margin-left: -8%;
  margin-right: 8%;
  }

  .call-to-action a.button {
  color: #fff;
  padding: 5% 17%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 2rem;
  }

  p{
    margin-top: 2%;
    font-size:0.6rem;
    text-align:center;
    color:#fff;
    border:1px solid #fff;
    border-radius: 10px;
    padding:2%
  }

  #hero{
    margin-top: -1.5rem;
  }

  #mainc{
    z-index:99;
    margin-top: 4%;
  }

  #aid{
    margin-top: 5%;
  }

  .fit-image{
    width:100%;
    object-fit:cover;
    margin:auto
  }

  #txt1{
  display: none;
  }

  .maintextDK{
    display:inherit;
    font-size: 5rem;
    text-align:center;
    margin-top: 7%;
  }


  .sectext{
  color:#fff;
  font-size:2rem;
  text-align:center;
  text-shadow:3px 5px 21px #fff
  }

  .sectext2{
    color: #fff;
    font-size:3.5rem;
    text-align:center;
    text-shadow:3px 5px 21px #fff;
  }

  #btns1{
    font-size: 1.4rem;
    margin: 2%;
    border:3px solid #fff;
    border-radius:20%;
    padding:3%;
    margin-top: 5%;
  }

  #btns2{
    font-size: 1.4rem;
    margin: 2%;
    border:3px solid #fff;
    border-radius:20%;
    padding:3%;
    margin-top: 5%;
  }

  #bns{
    font-size: 2rem;
    margin-top: 4%;
    margin-bottom: 4%;
  }

  #action{
    margin-top: 1%;
  }

  #mainimg{
    margin-top:10%
  }

  #terms{
    color:#fff;
    font-size: 1rem;
    text-align:center;
    text-shadow:3px 5px 21px #fff;
    margin-top: 2%;
  }

  #termstxt{
    display: none;
  }

}


@media (min-width: 1600px){
  .call-to-action {
  text-align: center;
  margin-top: 1%;
  margin-bottom: 2%;
  margin-left: -8%;
  margin-right: 8%;
  }

  .call-to-action a.button {
  color: #fff;
  padding: 5% 17%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 3rem;
  }

  p{
    margin-top: 2%;
    font-size:0.6rem;
    text-align:center;
    color:#fff;
    border:1px solid #fff;
    border-radius: 10px;
    padding:2%
  }

  #hero{
    margin-top: -1.5rem;
  }

  #mainc{
    z-index:99;
    margin-top: 4%;
  }

  #aid{
    margin-top: 5%;
  }

  .fit-image{
    width:100%;
    object-fit:cover;
    margin:auto
  }

  #txt1{
  display: none;
  }

  .maintextDK{
    display:inherit;
    font-size: 6rem;
    text-align:center;
    margin-top: 5%;
  }


  .sectext{
  color:#fff;
  font-size:2rem;
  text-align:center;
  text-shadow:3px 5px 21px #fff
  }

  .sectext2{
    color: #fff;
    font-size:3.5rem;
    text-align:center;
    text-shadow:3px 5px 21px #fff;
  }

  #btns1{
    font-size: 1.4rem;
    margin: 2%;
    border:3px solid #fff;
    border-radius:20%;
    padding:3%;
    margin-top: 5%;
  }

  #btns2{
    font-size: 1.4rem;
    margin: 2%;
    border:3px solid #fff;
    border-radius:20%;
    padding:3%;
    margin-top: 5%;
  }

  #bns{
    font-size: 3rem;
    margin-top: 4%;
    margin-bottom: 4%;
  }

  #action{
    margin-top: 1%;
  }

  #mainimg{
    margin-top:10%
  }

  #terms{
    color:#fff;
    font-size: 1rem;
    text-align:center;
    text-shadow:3px 5px 21px #fff;
    margin-top: 2%;
  }

  #termstxt{
    display: none;
  }
}

@media (min-width: 1920px){
  .call-to-action {
  text-align: center;
  margin-top: 1%;
  margin-bottom: 2%;
  margin-left: -8%;
  margin-right: 8%;
  }

  .call-to-action a.button {
  color: #fff;
  padding: 5% 17%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 3rem;
  }

  p{
    margin-top: 2%;
    font-size:0.6rem;
    text-align:center;
    color:#fff;
    border:1px solid #fff;
    border-radius: 10px;
    padding:2%
  }

  #hero{
    margin-top: -1.5rem;
  }

  #mainc{
    z-index:99;
    margin-top: 4%;
  }

  #aid{
    margin-top: 5%;
  }

  .fit-image{
    width:100%;
    object-fit:cover;
    margin:auto
  }

  #txt1{
  display: none;
  }

  .maintextDK{
    display:inherit;
    font-size: 7rem;
    text-align:center;
    margin-top: 6%;
  }


  .sectext{
  color:#fff;
  font-size:2rem;
  text-align:center;
  text-shadow:3px 5px 21px #fff
  }

  .sectext2{
    color: #fff;
    font-size:3.5rem;
    text-align:center;
    text-shadow:3px 5px 21px #fff;
  }

  #btns1{
    font-size: 2.4rem;
    margin: 2%;
    border:3px solid #fff;
    border-radius:20%;
    padding:3%;
    margin-top: 5%;
  }

  #btns2{
    font-size: 2.4rem;
    margin: 2%;
    border:3px solid #fff;
    border-radius:20%;
    padding:3%;
    margin-top: 5%;
  }

  #bns{
    font-size: 4rem;
    margin-top: 4%;
    margin-bottom: 4%;
  }

  #action{
    margin-top: 1%;
  }

  #mainimg{
    margin-top:10%
  }

  #terms{
    color:#fff;
    font-size: 1.5rem;
    text-align:center;
    text-shadow:3px 5px 21px #fff;
    margin-top: 2%;
  }

  #termstxt{
    display: none;
  }

}


/********************** END DOCUMNET STYLE **********************/