@charset "utf-8";
/* CSS Document */
body { 	margin:0;
		padding:0;
		background: #FFF;
		}
 .head-01 { background-color:#F00; border:1px solid #F00; height:20px; width:100%;}

 .nav ul { list-style:none;
			border:1px;
			padding:0px;
			background: #FFF;
			text-align:center;
			margin:0;}
 .nav{ margin-top:10px;}
			
 .nav li { font-size:14px;
 text-align: ;
 line-height:1.5em;}
 
 
 .nav a { text-decoration:none;
 color: #666;
 display:block;
 padding-left:30px;
 border-bottom-left-radius:1px;
  border-radius:10px;
 
}
 .nav a:hover { background-color: #999;
 text-align:center;}
  
.container { background-color:rgba(0,204,255,0.5); border:0; padding:0; height:550px; margin-top:20px;}
.image { position:relative; display: inline-block; width:1250; height:650; margin-right:250px;}
.overlay-text {
	position: absolute;
	top: 20%;
	color: #999;
	left: 10%;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
}
.overlay-text-1 {
	position: absolute;
	top: 20%;
	color: #FFF;
	left: 10%;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
.overlay-text-2 {
	position: absolute;
	top: 24%;
	color: #FFF;
	left: 5%;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	
}
 @media screen and (min-width:650px) {
	 .nav li { width:130px; border-bottom:none; height:50px; line-height:50px; font-size:14px; display:inline-block; margin-right:-4px;}
	 }
	
	
	 .footer {  height:220px; line-height:3em; display:flex; text-align:center;}
	   
	   .block-01 {border:1px solid #999; padding:1px; height:200px; width:450px; line-height:3em; margin-left:200px; margin-top:5px; border-radius:10px; box-shadow:5px 5px 10px #333333;}
	   .block-02 {   border:1px solid #999; padding:1px; height:200px; width:450px; line-height:3em; margin-left:60px;  margin-top:5px; border-radius:10px; box-shadow:5px 5px 10px #333333;}
	   .block-03 {  border:1px solid #999; padding:1px; height:200px; width:450px; line-height:3em; margin-left:60px;  margin-top:5px; border-radius:10px;box-shadow:5px 5px 10px #333333; }
	   
	   .newcircle { border:1px solid #000; width:200px; height:200px; border-radius:50%; margin-left:60px; position:absolute; margin-top:300px;}
	   .newcircle-1 { border:1px solid #000; width:180px; height:180px; border-radius:50%; margin-left:9px; position: relative; margin-top:8.5px; }
	    .newcircle-1 img {height:180px; width:180px; transition: all 0.6 ease-in-out; }
		. newcircle-1:hover { transform:translate(0%,-30%); z-index:1; cursor:pointer;}
	 
	 
	 .newcircle-02 { border:1px solid #000; width:200px; height:200px; border-radius:50%; margin-left:350px; position:absolute; margin-top:300px;}
	   .newcircle-2 { border:1px solid #000; width:180px; height:180px; border-radius:50%; margin-left:9px; position:absolute; margin-top:8.5px; }
	   .newcircle-2 img {height:180px; width:180px;}
	 
	 .newcircle-03 { border:1px solid #000; width:200px; height:200px; border-radius:50%; margin-left:650px; position:absolute; margin-top:300px;}
	   .newcircle-3 { border:1px solid #000; width:180px; height:180px; border-radius:50%; margin-left:9px; position:absolute; margin-top:8.5px; }
	   .newcircle-3 img {height:180px; width:180px;}
	 
	 .newcircle-04 { border:1px solid #000; width:200px; height:200px; border-radius:50%; margin-left:950px; position:absolute; margin-top:300px;}
	   .newcircle-4 { border:1px solid #000; width:180px; height:180px; border-radius:50%; margin-left:9px; position:absolute; margin-top:8.5px; }
	   .newcircle-4 img {height:180px; width:180px;}
	   
	    .newcircle-05 { border:1px solid #000; width:200px; height:200px; border-radius:50%; margin-left:1250px; position:absolute; margin-top:300px;}
	   .newcircle-5 { border:1px solid #000; width:180px; height:180px; border-radius:50%; margin-left:9px; position:absolute; margin-top:8.5px; } 
	   .newcircle-5 img {height:180px; width:180px;}
	   
	 .coppy { text-align: center;}
	
	 
	 .tex-1 { font-family:"DSN AdiRek"; font-style:italic; font-weight:bold; font-size:22px; width:200px; position:absolute; margin-top:488px; margin-left:120px;}
	 .tex-2 { font-family:"DSN AdiRek"; font-style:italic; font-weight:bold; font-size:22px; width:200px; position:absolute; margin-top:488px; margin-left:420px;}
	 .tex-3 { font-family:"DSN AdiRek"; font-style:italic; font-weight:bold; font-size:22px; width:200px; position:absolute; margin-top:488px; margin-left:730px;}
	 .tex-4 { font-family:"DSN AdiRek"; font-style:italic; font-weight:bold; font-size:22px; width:200px; position:absolute; margin-top:488px; margin-left:980px;}
	 .tex-5 { font-family:"DSN AdiRek"; font-style:italic; font-weight:bold; font-size:22px; width:200px; position:absolute; margin-top:488px; margin-left:1320px;}
		 
	.img-hover:hover { display:block; transition:opacity 0.3s ease,transform 0.3s ease;}
	
	.slide { border:1px solid #999; background:#FFF; width:750px; height:450px; position:absolute; margin-top: 50px; margin-left: 1000px; border-radius:10px; box-shadow: 5px 5px 10px #999999;}
	.picture-slide1 iframe {width:750px; position:absolute; height:450px; border-radius:10px;} 
	.picture-slide1 img {width:750px; position:absolute; height:450px; border-radius:10px;}
	.picture-slide3 img {width:750px; position:absolute; height:450px; border-radius:10px;}
	.picture-slide4 img {width:750px; position:absolute; height:450px; border-radius:10px;}
	.picture-slide5 img {width:750px; position:absolute; height:450px; border-radius:10px;}
	.logo img { width:80px; height:70px; margin-top:0; position:absolute; margin-left:50px;}
	.picture-ads img {width:450px; height:200px; border-radius:10px;}