body {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  color: #fbfbfb;
  background-color: #111;
  margin: 0;
  padding: 0;
}
.brand {
  font-weight: 100!important;
  font-size: 30px!important;
}
.brand img {
  height: 36px;
  vertical-align: text-bottom;
}
.right-menu {
  margin-top: 4px;
}
.navbar-inner {
  border: none;
  border-bottom: 1px solid #dedede;
  border-radius: 0;
}
h1, h2, h3, h4 {
  font-weight: 300; 
}
b {
  font-weight: 400;
}
.gray {
  color: #999;
}
.hemlis_blue {
  color: #629CD4;
}
.hemlis_blue img {
  height: 65px;
  vertical-align: text-bottom;
}
.hemlis_blue_back {
  background: #629CD4;
  color: #fff;
  text-shadow: none;
}
.hemlis_blue_back:hover {
  background: #6CA5D3;
  color: #fff;
  text-shadow: none;
}
.opacify {
  opacity: 0.8;
  font-size: 15px;
  line-height: 20px;

}
.opacify:hover {
  opacity: 1;
}
.opacify img {
  width: 100px;
}
.pointer {
  cursor: pointer;
}
.header {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 400px;
  background-color: rgba(255,255,255,.9);
}
video { display: block; }
video#video {
  position: relative;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  background-image: url('video/background.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-device-width: 800px) {
  html { background: url(video/background.jpg) #000 no-repeat center center fixed; }
  #bgvid { display: none; }
}
.logo {
  position: absolute;
  top: 48%;
  left: 50%;
  margin-top: -60px;
  margin-left: -400px;
  background-image: url('logotype.png');
  width: 800px;
  height: 164px;
  z-index: 100;
}
@media screen and (max-width: 800px) {
  .logo { width: 190px; margin-left: -95px; }
  ul { visibility: hidden; }
}
ul {
  position: absolute;
  display: inline-block;
  top: 30px;
  right: 60px;
  height: auto;
}
ul li {
  display: inline-block;
  padding: 0 14px;
  color: black;
}
ul li a {
  font-size: 16px;
  font-weight: 400;
  color: black;
  opacity: .6;
  -webkit-transition: all 450ms ease;
  -moz-transition: all 450ms ease;
  -ms-transition: all 450ms ease;
  -o-transition: all 450ms ease;
  transition: all 450ms ease;
}
ul li a:hover {
  text-decoration: none;
  opacity: 1;
}
.donation {
  display: block;
  opacity: 1;
  padding: 0 16px;
  font-size: 16px;
  line-height: 30px;
  height: 32px;
  color: #fff;
  border: 1px solid #5bb01a;
  background: #68ca1d;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY4Y2ExZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NGJmMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #68ca1d 0%, #64bf1c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68ca1d), color-stop(100%,#64bf1c));
  background: -webkit-linear-gradient(top,  #68ca1d 0%,#64bf1c 100%);
  background: -o-linear-gradient(top,  #68ca1d 0%,#64bf1c 100%);
  background: -ms-linear-gradient(top,  #68ca1d 0%,#64bf1c 100%);
  background: linear-gradient(to bottom,  #68ca1d 0%,#64bf1c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68ca1d', endColorstr='#64bf1c',GradientType=0 );
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.donation:hover {
  text-decoration: none;
  opacity: 1;
  background: #68ca1d;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY4Y2ExZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZWI2MWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #68ca1d 0%, #5eb61b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68ca1d), color-stop(100%,#5eb61b));
  background: -webkit-linear-gradient(top,  #68ca1d 0%,#5eb61b 100%);
  background: -o-linear-gradient(top,  #68ca1d 0%,#5eb61b 100%);
  background: -ms-linear-gradient(top,  #68ca1d 0%,#5eb61b 100%);
  background: linear-gradient(to bottom,  #68ca1d 0%,#5eb61b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68ca1d', endColorstr='#5eb61b',GradientType=0 );

}
.donation:active {
  background: #5eb61b;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlYjYxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2OGNhMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #5eb61b 0%, #68ca1d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5eb61b), color-stop(100%,#68ca1d));
  background: -webkit-linear-gradient(top,  #5eb61b 0%,#68ca1d 100%);
  background: -o-linear-gradient(top,  #5eb61b 0%,#68ca1d 100%);
  background: -ms-linear-gradient(top,  #5eb61b 0%,#68ca1d 100%);
  background: linear-gradient(to bottom,  #5eb61b 0%,#68ca1d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5eb61b', endColorstr='#68ca1d',GradientType=0 );
}
.presskit {
  width: 88px;
  height: 32px;
  display: block;
  background-image: url('iconDownload.png');
  background-repeat: no-repeat;
  background-position: 56px 0;
}
h1 { line-height: 58px; }
.notification {
  position: relative;
  margin: 62px 0 0;
  padding: 24px 38px;
  background-color: #56b362;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.notification p {
  color: #fff;
  font-size: 22px;
  line-height: 34px;
}
.notification i { font-weight: bold; }
.notification a { text-decoration: none; color: #14521c; }
.notification a:hover { text-decoration: underline; }
.partnerchipchap { margin: auto; margin-top: 48px; width: 680px; text-align: center; }
.partner {
  margin: 0 auto;
  width: 100px;
  padding: 32px;
}
.partner .chipchap { margin-top: 12px; }
.play {
  display: none; opacity: 0;
  height:527px;
  padding-top:50px;
}
.margin-top-0 {
  margin-top: 0px;
}  
.margin-bottom-0  {
  margin-bottom: 0px;
}
.margin-top-50 {
  margin-top: 50px;
}  
.margin-bottom-50  {
  margin-bottom: 50px;
}
.margin-top-70 {
  margin-top: 70px;
}  
.margin-bottom-70  {
  margin-bottom: 70px;
}
.margin-top-100 {
  margin-top: 100px;
}  
.margin-bottom-100  {
  margin-bottom: 100px;
}
.width100 {
  width: 100px;
}
.fund {
  height: 65px;
  font-size: 34px!important;
  line-height: 40px;
  border: none;
}
.fund img {
  width: 29px;
}
.fund:first-child, .fund:last-child {
  border-radius: 12px!important;
}
.sum {
  margin: 20px 0 0;
}
.divider {
  background: url(../img/divider.png) center top no-repeat;
  height: 1px;
}
.email, .dollar {
  border-color: #629CD4!important;
  font-family: 'Lato', sans-serif;
  border-radius: 15px 0 0 15px!important;
  font-weight: 100!important;
  padding-left: 10px!important;
  font-weight: 300!important;
  color: #000!important;
}
.dollar {
  border-radius: 0 15px 15px 0!important;        
}
.email_button, .dollar_button {
  border-radius: 0 15px 15px 0!important;
  background-color: #629CD4!important;
  background-image: url('https://heml.is/img/arrow_forward.png')!important;
  background-repeat: no-repeat!important;
  background-position: center center!important;
  background-size: 18px;
  border-color: #629CD4!important;
}
.dollar_button {
  border-radius: 15px 0 0 15px!important;
  color: #fff!important;
  background-image: none!important;
}
.tiny {
  font-size: 12px;
  font-weight: 300;
}
.ui-mocks img {
  width: 800px;
  margin-left: 200px;
}
.appstore img {
  width: 150px;
  margin-left: 15px;
  margin-bottom: 15px;
}
#player_area, #player {
  transition: opacity 2s;
  -webkit-transition: opacity 2s;
}
.modal-backdrop {
  background-color: #fff!important;
}
.modal-header, .modal-body {
  padding: 15px 30px!important;
}
.codeemail {
  border-color: #629CD4!important;
  font-family: 'Lato', sans-serif;
  border-radius: 15px!important;
  font-weight: 100!important;
  padding-left: 10px!important;
  color: #000!important;
  font-weight: 300!important;
}
.pay {
  height: 46px;
  width: 120px;
  font-size: 24px!important;
  line-height: 30px;
  border: none;
  font-family: 'Lato', sans-serif;
  font-weight: 100!important;
  border-radius: 15px!important;
  margin: 0 5px;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-submenu:focus > a {
  background: #629CD4!important;
  background-color: #629CD4!important;
  background-image: #629CD4!important;
}
.btn-group.open .btn.dropdown-toggle {
  background: #629CD4!important;
  background-color: #629CD4!important;
  background-image: #629CD4!important;
  color: #fff!important;
}
.footer {
  padding-top: 50px;
}
.footer b {
  font-size: 19px;
}
.footer p {
  font-size: 17px;
  font-weight: 300;
}
a:visited, a:hover, a:active, a:link {
  outline: none;
}
.btn:focus{outline:none;}