@charset "UTF-8"; 

/* CSS for as_index.php */
:root {
	--background1000: url(bg-london-8c-1fps-lossy20.gif) no-repeat left top fixed;
	--background3: url(bg-eu.jpg) no-repeat left top fixed;
	--background4: url(bg.jpg) no-repeat left top fixed;
	--background2: url(bg2-eiffel.jpg) no-repeat center center fixed; 
	--background1: url(bgJakarta.jpg) no-repeat center center fixed; 
	--background0: bonartaBuilding.mp4; 
	--n-background: 5;
	--background: var(--background0);
}

body::after{
	// preload images above;
	position:absolute; width:0; height:0; overflow:hidden; z-index:-1; 	// hide images;
	content:url(bg.jpg) url(bg2-eiffel.jpg);  							// load images;
}

body, html {
	height: 100%;
}

body, #divBody {
	background: var(--background);	// do not change this, change --background instead;
	background-size: cover;
    transition: background 1.5s linear;
}

.step {
	  background-image: radial-gradient(white, wheat);
	  line-height: 1;
	  height: 700px;
	  width: 700px;
	  padding-top: 15px;
	  color: #666666;
}

// making sure that the list indent is none;
.step li {
	padding-left: 0;
	margin: 0;
}

.Centrify {
	text-align:center;
}

/* don't show fallback message */
div.fallback-message {
	display:none;
}

.Hidden {
	display: none;
}

#vidBackground {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}

/* these 3 classes are to create a heading with the company logo */
.Heading {
	display:table;
	margin: auto;
}
.Heading span {
	display:table-cell;
	vertical-align:middle;
}
.Heading img {
	height: 1.2em;
	margin: 2px 4px -2px 4px;
}

#imgAsia {
	filter: brightness(50%);
}

/* japanese font */
*[as_lang="ja"] {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* background pictures of each div */
div#home {
	background: linear-gradient(to bottom, rgba(245, 222, 179, 0.85), rgba(245, 222, 179, 0.85)), url(bali.jpg) no-repeat center center;
	background-size: cover;
}
div#what-we-do-1 {
	background: linear-gradient(to bottom, rgba(245, 222, 179, 0.8), rgba(245, 222, 179, 0.8)), url(tokyo.jfif) no-repeat center center;
	background-size: cover;
}
div#what-we-do-2 {
	background: linear-gradient(to bottom, rgba(245, 222, 179, 0.7), rgba(245, 222, 179, 0.7)), url(jakarta.jfif) no-repeat center center;
	background-size: cover;
}
div#what-we-do-3 {
	background: linear-gradient(to bottom, rgba(245, 222, 179, 0.7), rgba(245, 222, 179, 0.7)), url(london.jfif) no-repeat center center;
	background-size: cover;
}
div#who-is-Bonarta {
	background: linear-gradient(to bottom, rgba(245, 222, 179, 0.8), rgba(245, 222, 179, 0.8)), url(china.jpg) no-repeat center center;
	background-size: cover;
}
div#contact-us {
	background: linear-gradient(to bottom, rgba(245, 222, 179, 0.8), rgba(245, 222, 179, 0.8)), url(newyork.jpg) no-repeat center center;
	background-size: cover;
}