body{
	/* background:url("../img/0.png");   */ 
	background-size: auto;
	font-size:14px; 
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	/* background-color:snow; */
	color: black;  
	overflow-x: hidden;
	overflow-y: scroll;	 
	/* overflow-y: hidden; */
} 
div{
    /*border-radius: 3px;*/
    overflow: hidden;
    /*background: #1b6d85;*/
}
.line{
	width: 30%;
	margin-left: 35%;
	margin-top: 20px;
	margin-bottom:  20px;
	height: 1px; 
	border-bottom: 1px solid lightgray;
}
/* ul{
	list-style: none;
	text-align: left;
} */
li{
	list-style: none;
	/* text-align: left; */
}
/* button{
    border-radius: 3px;
    cursor: pointer;
    border:none;
    outline: none;
}
input{
    border-radius: 3px;
    border: 0;
    outline: none;
}
textarea{
    border-radius: 3px;
    outline: none;
}
p{
	color: black;
} */
/* #nav{
	z-index: 99; 
	top: -5px;
	position: sticky; 
} 
body #nav {
	 background-color: white;
 }
#nav a{
	color: #494545;
}
#nav a:hover{
	color: darkgoldenrod;
} */
.pr{
	color: black;
	text-align: left;
	/* border: 1px solid red; */
	width: 70%;
	margin: 0 15% 10px 15%;
	font-size: 28px;
	font-weight: 1000;
	font-family: Arial, Helvetica, sans-serif;
}
.y1990s{ 
	bottom: 0px;
	/* position: fixed; */
	width: 100%;  
	/* background-color: red; */
	/* height:calc(100% - 120px); */
/* 	overflow-x: hidden;
	overflow-y: scroll;	 */
	font-size: 12px;
	/* border: 1px solid red; */
	text-align: center;
}  
  .m90jan {  
 	 width: 100%;
      /* position: relative;  */
      /* background: url('../img/index/005.jpeg') no-repeat center center fixed;   */
     /* -webkit-background-size: cover;  
      -moz-background-size: cover;  
      -o-background-size: cover;  
      background-size: cover;  */
      /* height:70vh;  */
 	 /* height: 900px; */
  	/* border: 1px solid red; */
  }  
 .picturectn{
 	overflow-y: hidden;
 }
 .nav1 {  
      position: fixed;   
      width: 100%;  
      height: 85px;  
      background: inherit;
 	 z-index: 1000;  
      transition: background 0.05s ease;  
  	/* border: 1px solid blue; */
  }   
  /* #nav1 a{
 	 color: white;
  } */
  body.scrolled .nav1 {  
      background: white;   
  }  
  body.scrolled .nav1 a{ 
 	color: #494545;
  }
  #img1{ 
 	 width: 100%;
	 height: 65vh;
 	 /* height: calc(100vh - 50px);  */
  	 /* background-size: 100% calc(100vh - 100px); */
  	 /* background-repeat: no-repeat;  */
 	 /* border: 1px solid red; */
  }
 .text { 
          padding: 8px 12px;
          position: absolute;
          top: 250px;
          width: 100%;
          text-align: center;
 		 font-size: 26px; 
 		 color: white;
 		 /* border: 1px solid blue; */ 
        }
 .video{ 
 	  /* position: fixed; */
 	  right: 0;  
 	  bottom: 0;  
 	  width: 100%;   
 	  /* height: 90%; */
	height: calc(100% - 50px);
 	  z-index: -100;  
 	  background-size: cover;  
 	  overflow: hidden;   
 	  opacity: 0.9;
 	  /* border: 1px solid red; */
 } 
/* #myDiv {
     position: absolute; 
 	 width: 100%;
 	 height: calc(100vh - 260px);  
     overflow: hidden;  
	 pointer-events: none;
 }  
 #myDiv::before {  
     content: "";  
     position: absolute; 
     top: 0; 
     left: 0; 
 	 width: 100%;
 	 height: calc(100vh - 260px);  
     background-image: url('../img/services/service-we-design.png'); 
     background-size: 100% 100%;  
     opacity: 1;  
     transition: opacity 0.1s ease-out; 
 }  
 #myDiv.fade-out::before {  
     opacity: 0;  
 } */
 .video iframe{
 	width: 100%;
 	height: 100%;  
 }
 .threeD:hover{
 	 background-color: black;
 	 cursor: pointer;
 }
 .y1990s .menu{
 	width: 60%;
 	/* height: 500px; */
 	margin: 0 20%; 
 	/* font-size: 16px; */
 	/* border: 1px solid blue; */
 	color: black;
 	text-align: left; 
 	font-size: 20px;
 	font-weight: 400;
 }
 .y1990s .menu .home{
 	 width: auto;
 	/* border: 1px solid blue; */
 	float: left ;
 	margin-right: 30px;
 }
 .y1990s .menu .home a{
 	 text-decoration: none;
 	color: #494545;
 }
 .y1990s .menu .home a:hover{
 	 /* color: darkgoldenrod; */
 	 color: #eec900;
    transition: all 0.3s ease;
 }
 .y1990s .menu .Intro{
 	 width: auto;
 	 color: #eec900;
 	/* border: 1px solid blue; */
 	float: left ;
 }
 .together{
	width: 100%;
 }
 .y1990s .m90feb{
 	/* width: 70%;
 	margin: 0 15%;  */
	width: 30%;
	float: left;
	margin-left: 20%;
 	font-size: 16px; 
 	color: #515151;
 	text-align: left;
 	/* color: red; */
 }
/* .m90dec{
 	width: 70%;
 	margin: 0 15% 30px 15%;
 	height: 400px;  
 	border-radius: 5px; 
 	font-size: 12px;  
 	background-size: 100% 100%; 
 	text-align: center;
 	color: red;
 }
 .m90dec iframe{
 	width: 100%;
 	height: 100%;
 }
   */
.iframe-3d-projects{
	/* width: 50%;
	margin-left: 25%; */
	width: 28%;
	float: right;
	margin-right: 18%;
	height: 45vh;
	/* margin-bottom: 50px; */
}
.iframe-3d-projects iframe{
	width: 100%;
	height: 100%;
}