html {
  scroll-behavior: smooth;
}


/*Parallax*/
body, html {
  height: 100%;
  width: 100%;
}

body {
	overflow-x: hidden;
	background: #fff; /*nen toan bo*/
    height: 100%;
	font-size:1em;
	color:#000d1a; /*chu noi dung*/
	font-family: 'Merriweather', sans-serif;
	line-height: 1.7em;
	text-align: left;
	position: relative;
}

nav {
	background:rgba(0, 0, 0, 0.9);
	transition: top 0.5s; /* Transition effect when sliding down (and up) */
}

.navbar {
	padding-top: 0px;
	padding-bottom: 0px;
}

.nav-link {
	text-transform: none;
	font-size: 0.9em;
}

#logo {
	max-width: 120px;
}

img {
    max-width: 100%;
    height: auto;
	margin: auto;
}

video {
	width: 100%;
}

#scroll-icon {
	max-width: 60px;
}

.go {
        -webkit-animation: updown 0.5s infinite alternate;
        animation: updown 0.5s infinite alternate;
    }
	
    @-webkit-keyframes updown {
        0% { transform: translateY(0); }
        100% { transform: translateY(-10px); }
    }
    @keyframes updown {
        0% { transform: translateY(0); }
        100% { transform: translateY(-10px); }
    }


.hero {
	height: 100vh;
	background-image: url("images/hero.jpg");
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-bw {
	height: 100vh;
	background-image: url("images/hero-bw.jpg");
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.overlay {
	background: rgba(0, 0, 0, 0.3);
	height: 100%;
	text-align: center;
}

.line-1 {
	color: #fff;
	margin-bottom: 20px;
	text-shadow: 2px 2px 2px #000;
	line-height: 1.3em;
}

.line-2 {
	color: #fff;
	text-shadow: 2px 2px 2px #000;
}

#headline {
	font-family: 'Pacifico', cursive;
	text-align: center;
	backgroundnnn: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(0,0,0,0.0) 100%);
}


.lede {
	font-family: 'Pacifico', cursive;
	font-weight: none;
	color:#ff9900; 
	text-shadow: 2px 2px 2px #000;
}

h1 {
	font-family: 'Satisfy', cursive;
	color: #ff3300;
	text-align: center;
	margin-top: 25px;
}

h2 {
	font-family: 'Satisfy', cursive;
	color: #ff3300;
	text-align: center;
	margin-top: 25px;
}

p {
	padding-left: 10px; padding-right: 10px;
}

.publish {
	color: white;
	font-size: 0.9em;
}

.bar {
	border-top: 1px solid white;
	width: 300px;
	margin-left: auto; margin-right: auto;
}

.main-container {
	background-color:rgba(255, 255, 255,0.8);
}

.filler {
	min-height: 100px;
	width: 100%;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.0), rgba(255,255,255,1));
}

.bgimage1 {
  position: relative;
  background-image: url("images/bgimage1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 100%;
}


.bgimage2 {
  position: relative;
  background-image: url("images/bgimage2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 100%;
}

.bgimage3 {
  position: relative;
  background-image: url("images/bgimage3.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 80vh;
}


.bgimage4 {
  position: relative;
  background-image: url("images/bgimage4.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 100%;
}

.bgimage1-m {
  position: relative;
  background-image: url("images/bgimage1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 100vh;
}


.bgimage2-m {
  position: relative;
  background-image: url("images/bgimage2.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 100vh;
}

.caption {
	color: #e68a00;
	font-size: 0.8em;
}

hr {
	border-top: 1px solid #fff;
}

.credits {
	background: #000;
	color: white !important;
	font-size: 0.9em;
	line-height: 1.8em;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}



/*Back to top*/
#btt {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:45px;
    height:45px;
    background-color:rgba(102, 204, 255, 0.7);
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:45px;
    -moz-border-radius:45px;
    border-radius:45px;
	z-index: 99999;
}

#btt span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}

#btt:hover {
    background-color:#0088cc;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}