/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   @font-face {
     font-family: 'HEYAHBold';
     src: url("../fonts/heyah_bold.eot");
     src: url("../fonts/heyah_bold.eot?#iefix") format("embedded-opentype"), url("../fonts/heyah_bold.woff") format("woff"), url("../fonts/heyah_bold.ttf") format("truetype"), url("../fonts/heyah_bold.svg#HEYAHBold") format("svg");
     font-weight: normal;
     font-style: normal
   }
   @font-face {
     font-family: 'HEYAHBetaLight';
     src: url("../fonts/heyah_light.eot");
     src: url("../fonts/heyah_light.eot?#iefix") format("embedded-opentype"), url("../fonts/heyah_light.woff") format("woff"), url("../fonts/heyah_light.ttf") format("truetype"), url("../fonts/heyah_light.svg#HEYAHBetaLight") format("svg");
     font-weight: normal;
     font-style: normal
   }


html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

li {
  padding-left: 1em; 
  text-indent: -.7em;
}

li::before {
  content: "• ";
  color: #e30613;
}
:root {
  font-size: 16px;
  line-height: 20px;
}
body, html {
  background: #FFFFFF;
  font-family: 'HEYAHBetaLight';
}
.area {
    width: 100%;
}
.title, .title_print {
    display: none;
}
p, a, h1, h2, h3, h4, span, hr {
    padding: 0;
    margin: 0;
    font-weight: normal;
}
a:hover, a:focus, a:active{
  text-decoration: none;
}
h1{
  color: #fff;
    font-family: 'HEYAHBold';
    text-align: center;
    font-size: 2.5em;
    line-height: 1.2em;
    margin-top: 5em;
    text-transform: uppercase;
}
h2{
  color: #fff;
    font-family: 'HEYAHBold';
    text-align: center;
    font-size: 2.5em;
    line-height: 1.2em;
    padding:0.5em 0;
    text-transform: uppercase;
}
.bold{
font-family: 'HEYAHBold';
}
.red{
  color: #e30613;
}
.hero{
  height: 530px;
  background: #FFFFFF url(../img/top-bg-xs.jpg) center top no-repeat;
}
.hero .container{
  position:relative;
}
.logo{
     position: absolute;
    top: 20px;
    left: 20px;
    width: 10em;
    z-index: 3;
}
.logo img{
  width:100%;
}
.l20{
  vertical-align: text-top;
  width: 4em;
}
.bot{
  height: 960px;
  background: #000 url(../img/bot-bg-xs.jpg) center top no-repeat;
  color:#fff;
  text-align: center;
}
.tidal{
  margin-top:6em;
  width:10em;
  }
.cool .cool-name{
  font-family: 'HEYAHBold';
  font-size: 2.1em;
  line-height: 1.2em;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
  margin-top: 4px;
  margin-bottom: 5px;
}
.cool .cool-name.blue{
  color: #18beee;
}
.cool .cool-name.red{
  color: #e30613;
}

.regsy{ background-color: #000;
}
.regsy .container{
  text-align: center;
  
  color:#fff;
  padding:20px 0;
}
.regsy a{
  color:#fff;

}
.regsy .doc{
  font-family: 'HEYAHBold';
  font-size: 1.1em;
  line-height: 1.1em;
  color: #757575;
}
.regsy .legal{
  font-family: 'HEYAHBetaLight';
  font-size: 1em;
  line-height: 1.1em;
  color: #757575;
  margin-top: 30px;
}
.my_list{
  display: none;
}
.maintxt{
  text-align: center;
      font-size: 1.5em;
}
.redcircle{
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background-color: #e30613;
    display: block;
    width: 13em;
    border-radius: 50%;
    padding: 2em 0;
    margin: 2em auto;
        font-size: 1.5em;
}
.tab{
  margin-top:2em;
}
.wtab, .rtab{
background-color: #e7e7e8;
height:100%;
margin:2px;
color:black;
    padding: 1em 0;
}
.rtab{
  background-color: #e30613;
  color:white;
}
.wtab.last{
  font-size:1.5em;
      line-height: 0;
}
.wtab.nmb{
  font-size:1.5em;
  height: 90px;
}
.tabtop{
height: 105px;
}
@media (max-width: 639px) {
  .container{
max-width:320px;
  }
  }
@media (min-width: 640px) {
  .hero{
    height: 650px;
    background: #FFFFFF url(../img/top-bg-sm.jpg) center top no-repeat;
  }
  h2{
    text-align: left;
  }
  .tidal{
    float:left;
    width:15em;
  }

  .maintxt{
    text-align: left;
  }
  .redcircle{
margin:0;
  }
  .tabtop {
    height: 174px;
    font-size: 1.5em;
    padding: 28px 0;
}
.wtab.last {
    font-size: 1em;
}
  .bot{
    height: 790px;
    background: #FFFFFF url(../img/bot-bg-sm.jpg) center top no-repeat;
  }
  h1{
      font-size: 3.1em;
    line-height: 1.6em;
    margin-top: 7em;
}
.cool{
  margin:4em 0;
}
}
@media (min-width: 960px) {
  .hero{
    height: 650px;
    background: #FFFFFF url(../img/top-bg-md.jpg) center top no-repeat;
  }
  .logo{
    width:auto;
  }
  h1 {
    font-size: 3.6em;
        margin-top: 7em;
  }
  h2 {
    font-size: 3.7em;
    line-height: 1em;
  }
  .maintxt {
    font-size: 2.2em;
  }
 
  .bot .maintxt {
    font-size: 2.2em;
}
  .redcircle {

    font-size: 2em;
  }
  .wtab.last {
    font-size: 1.5em;
}
    .bot{
 
    background: #FFFFFF url(../img/bot-bg-md.jpg) center top no-repeat;
  }
  .cool .container{
    padding: 0;
  }
.tabtop {
    height: 188px;
    font-size: 2em;
    padding: 17px 0;
}
  
}
@media (min-width: 1200px) {
  
  .container-fluid .container{
    width: 1200px;
  }
  .hero{
    height: 755px;
    background: #FFFFFF url(../img/top-bg-xl.jpg) center top no-repeat;
  }
  h1 {
        font-size: 4.3em;
    margin-top: 6em;
  }
  .cool {
    margin: 7em 0;
}
.tab{
  padding-top:4em;
}
.bot .maintxt {
    font-size: 1.9em;
  }
.redcircle {
    margin-top: -3em;
  }
  .bot{
    height: 800px;
    background: #FFFFFF url(../img/bot-bg-xl.jpg) center top no-repeat;
    padding-top: 85px;
  }
  .cool .container{
    padding: 0;
    margin-top: 0px;
  }
  .cool .cool-name{
    font-size: 2.8em;
  }
  .cool .cool-name.blue{
    padding-left: 50px;
  }

.tidal {
    margin-top: 5em;
    width: 20em;
}
}
@media (min-width: 1680px) {

}