<STYLE TYPE-"type/css">
body{
				margin:0;
				padding:0;
				font-family: 'PT Sans Narrow', sans-serif;}
				
					main {
				float: left;
				width: 100%;
			

			}
			
			
			#nav {
				float: left;
				width: 200px;
				margin-left: -100%;
				padding-bottom: 1600px;

			}

	#nav-long {
				float: left;
				width: 200px;
				margin-left: -100%;
				padding-bottom: 4500px;

			}

#nav-wow {
				float: left;
				width: 200px;
				margin-left: -100%;
				padding-bottom: 31000px;

			}

	

			
			#wrapper {

			}
			
			#content2 {
				margin-left: 230px; /* Same as 'nav' width */
		

			}
			
			.innertube{
				margin: 15px; /* Padding for content */
				margin-top: 0;
				
				
			}
			
			#aa {
				
				width: 1000px;}
				
			
			
			.collapsible {
  background-color: white;
  color: white;
  cursor: pointer;
  padding: 0px;
  border: none;
  text-align: left;
  outline: none;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size:18px;
    background-color: transparent

  
}

.active, .collapsible:hover {
  
  color: #3F9;
}

.content {
  display: none;
  background-color: transparent
    padding: 0px;

}

#p2 {
    line-height: 0px;
	text-align:center;
}

/* unvisited link */
a:link {
  color: black;
    text-decoration:  none;

}

/* visited link */
a:visited {
  color: black;
    text-decoration:  none;

}

/* mouse over link */
a:hover {
  color: #F0C;
    text-decoration:  none;

}

/* selected link */
a:active {
  color: black;
    text-decoration:  none;}
	

a.nav:link {color: white; text-decoration: none; }
a.nav:visited {color: white; text-decoration: none; }
a.nav:hover {color: #F0C; text-decoration: none; }





/* line 8, ../sass/demo.scss */
* {
  box-sizing: border-box;
}

/* line 16, ../sass/demo.scss */
.clear {
  clear: both;
  float: none;
  width: 100%;
}

/* line 22, ../sass/demo.scss */
.container {
max-width: 1170px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
/* line 32, ../sass/demo.scss */
.container .gallery a img {
  float: left;
  width: 20%;
  height: auto;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}

.container2 .gallery a img {
  float: none;
  width: 80%;
  height: auto;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
/* line 46, ../sass/demo.scss */
.container .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.container .gallery a.big img {
  width: 40%;
}

/* line 65, ../sass/demo.scss */
.align-center {
  text-align: center;
}
 #div-news{
  width: 50%;
   margin: 0 auto;
  text-align: center;

}

	body{
	 background-color: #FFFFFF;
   padding: 0px;
   margin: 0px;

 }

#gradient
{
  width: 100%;
  height: 800px;
  padding: 0px;
  margin: 0px;
}

.image1 {
    max-width: 100%;
    height: auto;
    }

model-viewer {
  width: 775px;
height: 450px;
  background-color: #000000;

}


.progress-bar {
  display: block;
  width: 33%;
  height: 10%;
  max-height: 2%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  border-radius: 25px;
  box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 0.5), 0px 0px 5px 1px rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.9);
  background-color: rgba(0, 0, 0, 0.5);
}

.progress-bar.hide {
  visibility: hidden;
  transition: visibility 0.3s;
}

.update-bar {
  background-color: rgba(255, 255, 255, 0.9);
  width: 0%;
  height: 100%;
  border-radius: 25px;
  float: left;
  transition: width 0.3s;
}

#ar-button {
  background-image: url(ar_icon.png);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 12px 50%;
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  bottom: 16px;
  padding: 0px 16px 0px 40px;
  font-family: Roboto Regular, Helvetica Neue, sans-serif;
  font-size: 14px;
  color:#4285f4;
  height: 36px;
  line-height: 36px;
  border-radius: 18px;
  border: 1px solid #DADCE0;
}

#ar-button:active {
  background-color: #E8EAED;
}

#ar-button:focus {
  outline: none;
}

#ar-button:focus-visible {
  outline: 1px solid #4285f4;
}

@keyframes circle {
  from { transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg); }
  to   { transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg); }
}

@keyframes elongate {
  from { transform: translateX(100px); }
  to   { transform: translateX(-100px); }
}

model-viewer > #ar-prompt {
  position: absolute;
  left: 50%;
  bottom: 60px;
  animation: elongate 2s infinite ease-in-out alternate;
  display: none;
}

model-viewer[ar-status="session-started"] > #ar-prompt {
  display: block;
}

model-viewer > #ar-prompt > img {
  animation: circle 4s linear infinite;
}

				</style>