@font-face{
  font-family: 'UKIJ Tuz Tor';
  url('../fonts/UKIJTzTr.ttf') format('truetype');
  src:url('../fonts/UKIJ-Tuz-Tor.svg#UKIJ Tuz Tor') format('svg');
  src:url('../fonts/UKIJ-Tuz-Tor.eot');
  src:url('../fonts/UKIJ-Tuz-Tor.eot?#iefix') format('embedded-opentype');
  src:url('../fonts/UKIJ-Tuz-Tor.woff2') format('woff2');
  src:url('../fonts/UKIJ-Tuz-Tor.woff') format('woff');
  src:url('../fonts/UKIJTzTr.ttf') format('truetype');
  font-weight:normal;
  font-style:normal
  unicode-range: U+0020-00FE;
}
/*
accent blue: #a3dde2;
normal blue: #44a5ae;
dark blue: #094c52;
light blue: #c0f9fe;
/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}


/*
 * Base structure
 */

html,
body {
  margin: 0;
  overflow: hidden;
  background-color: #44a5ae;
  font-family: 'UKIJ Tuz Tor';
  margin: 0;
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  transition: opacity 400ms;
  overflow-x: hidden;
}
body {
  color: #fff;
  text-align: center;
  text-shadow: 0 .05rem .1rem rgba(0,0,0,.5);
  /* background: #44a5ae url('../images/cloudbg.png');*/
  background-color: #44a5ae;
  background-size: contain;
}
.onepage-wrapper {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  padding: 0;
  -webkit-transform-style: preserve-3d;
}

.onepage-wrapper .section {
  width: 100%;
  height: 100%;
  max-width: 100%;
  -webkit-transform-style: preserve-3d;
}

.section-content,
.fake-content {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px #707070 solid;
  background: #44a5ae;
}
/* Extra markup and styles for table-esque vertical and horizontal centering */
.section-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  -webkit-box-shadow: inset 0 0 5rem rgba(0,0,0,.25);
          box-shadow: inset 0 0 5rem rgba(0,0,0,.25);
}
.section-wrapper-inner {
  display: table-cell;
  vertical-align: top;
  top: -10%;
  position: relative;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}

/* Padding for spacing */
.inner {
  padding: 0rem;
}


/*
 * Header
 */

.masthead {
  margin-bottom: 0rem;
}

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: normal;
  color: rgba(255,255,255,.5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255,255,255,.25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

.sansserif{
  font-family: sans-serif;
}


/*
 * Cover
 */

.cover {
  padding: 0 1.5rem;
}
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: normal;
}


/*
 * Footer
 */

.mastfoot {
  color: rgba(255,255,255,.5);
}


/*
 * Begin Custom Styles
 */

h1.cover-heading{
  font-size: 8.5rem;
  font-weight: normal;
}
h1.cover-heading-sub{
  font-size: 4.5rem;
  font-weight: normal;
}
h2.cover-heading{
  font-size: 5rem;
  font-weight: normal;
}
h2.cover-heading-sub{
  font-size: 3rem;
  font-weight: normal;
  margin: 0;
}
p.lead{
  color: #094c52;
  font-size: 3rem;
}
p.sub-lead{
  color: #094c52;
  font-size: 2rem;
  margin: 0.5em;
}
a.down-arrow{
  color: #a3dde2;
}
.footer{
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  transform: translate3d(0,100%,0);
  transition: transform 400ms ease, opacity 400ms ease;
}
.footer.active{
  transform: translate3d(0,0,0);
}
.footer img.goat{
  left: -40%;
  width: 15%;
  height: auto;
  z-index: 11;
  position: relative;
}
.footer .bottombar{
  background: #094c52;
  z-index: 10;
  width: 100%;
  height: 60px;
  position: absolute;
  bottom: 0px;
  text-align:right;
}
.footer .bottombar img{
  height: 35px;
  width: auto;
}
.footer .bottombar .wechat{
	padding: 5px;
    font-size: 1em;
    background: #c0f9fe;
    color: #094c52;
    margin: 5px;
    border-radius: 5px;
    float: right;
}
.onepage-pagination {
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: 5;
  list-style: none;
  margin: 0;
  padding: 0;
}
.onepage-pagination li {
  padding: 0;
  text-align: center;
}
.onepage-pagination li a{
  padding: 10px;
  width: 4px;
  height: 4px;
  display: block;

}
.onepage-pagination li a:before{
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  background: rgba(0,0,0,0.85);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.onepage-pagination li a.active:before{
  width: 10px;
  height: 10px;
  background: none;
  border: 1px solid black;
  margin-top: -4px;
  left: 8px;
}


/* down arrow bounce */


.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}
.animated{-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;

            animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;

animation-fill-mode:both;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-ms-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
}


@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
  40% {-webkit-transform: translateY(-20px);}
  60% {-webkit-transform: translateY(-10px);}
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
  40% {-moz-transform: translateY(-20px);}
  60% {-moz-transform: translateY(-10px);}
}

@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
  40% {-o-transform: translateY(-20px);}
  60% {-o-transform: translateY(-10px);}
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-20px);}
  60% {transform: translateY(-10px);}
}




.audio-wrap{
background: #F3F3F3;
margin: 5px;
font-size: 120%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/* IECSS3 */
behavior: url(../css/PIE/PIE.htc);
}
.audio-placeholder{
width: 100%;
text-align: center;
margin: 0 auto;
position:relative;
}
.audio-placeholder-image{
width: 100%;
}
.audio-placeholder-button{
width: 50%;
height: auto;
overflow: auto;
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}
.audio-placeholder-play-img{
width: 80%;
    height: auto;
    display: block;
    padding-top: 35px;
    margin: 0 auto;
    cursor: pointer;
}
.audio-embed {
text-align: center;
margin: 0 auto;
background: black;
padding: 5px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
direction: ltr;
/* IECSS3 */
behavior: url(../css/PIE/PIE.htc);
border: 1px solid #DDD 9;
/*
-webkit-box-shadow: 0 1px 8px #CCC;
-moz-box-shadow: 0 1px 8px #ccc;
box-shadow: 0 1px 8px #CCC;
*/
}
.jp-audio{
width: 100%;
height: 55px;
background-color: black;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
/* IECSS3 */
behavior: url(../css/PIE/PIE.htc);
}
.jp-audio .jp-controls {
height: 55px;
padding: 0;
float: left;
}
.jp-audio .jp-progress {
height: 55px;
padding: 20px 10px;
float: left;
}
.jp-audio .jp-volume-controls {
height: 55px;
padding:10px 0;
}

.jp-audio button {
text-indent: -9999px;
border: none;
cursor: pointer;
}
.jp-audio *:focus,
.jp-audio-stream *:focus,
.jp-video *:focus {
/* Disable the browser focus highlighting. */
outline: none; }
.jp-audio button::-moz-focus-inner,
.jp-audio-stream button::-moz-focus-inner,
.jp-video button::-moz-focus-inner {
/* Disable the browser CSS3 focus highlighting. */
border: 0; }
.jp-play {
background: url("../images/jplayer_play.jpg") no-repeat;
width: 35px;
height: 35px;
margin: 10px 15%;
background-size: 100% 100%;
max-width: 100%;
}
.jp-play:focus {
background: url("../images/jplayer_play.jpg") no-repeat;
background-size: 100% 100%;
}
.jp-state-playing .jp-play {
background: url("../images/jplayer_pause.jpg") no-repeat;
background-size: 100% 100%;
}
.jp-state-playing .jp-play:focus {
background: url("../images/jplayer_pause.jpg") no-repeat;
background-size: 100% 100%;
}
.jp-seek-bar {
 background: #e5e9eb;
width: 0px;
height: 15px;
cursor: pointer;
}
.jp-play-bar {
background: #44a5ae;
width: 0px;
height: 15px;
}
.jp-seeking-bg {
background: url("../images/jplayer.blue.monday.seeking.gif");
width: 0px;
height: 15px;
}
.jp-current-time{
float: left;
font-size: 10px;
font-style: oblique;
color: #e5e9eb;
padding: 5px;
}
.jp-duration{
float: right;
font-size: 10px;
font-style: oblique;
color: #e5e9eb;
padding: 5px;
}
.jp-mute {
background: url("../images/jplayer_mute.jpg") no-repeat;
width: 35px;
height: 35px;
background-size: 100% 100%;
max-width: 100%;
}
.jp-mute:focus {
background-image: url("../images/jplayer_mute.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
}
.jp-state-muted .jp-mute {
background-image: url("../images/jplayer_muted.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
}
.jp-state-muted .jp-mute:focus {
background-image: url("../images/jplayer_muted.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
}
.jp-volume-bar {
overflow: hidden;
background: #eeeeee;
width: 60%;
height: 5px;
cursor: pointer;
float:right;
margin: 15px 10% 15px 0;
}
.jp-volume-bar-value {
background: #9accf9;
width: 0px;
height: 5px;
}