*{
	box-sizing: border-box;
	margin: 0;
	font-family: "Montserrat", Arial, sans-serif;

}
aside{
	width: 275px;
	height: 660px;
	
	margin: 0;
	position: fixed;
	top:0;
	z-index: 9999;
	background-color: white; 

}


}
aside h1{
	position: relative;
	transform: scale(1);
	animation:myfilm in

}

.asi-item{
	margin: 45px 35px;
	text-align: right;
}
ul{
	margin: 70px 0px;
}
aside ul li a{
	text-decoration: none;
}
aside ul li a:hover{
	border-bottom: 1px solid black;
	
 
}
aside ul li {
	list-style: none;
	margin-bottom: 10px; 
}
.copy{
	line-height: 30px;

}
.facetwe{
	margin: 30px 0; 
}

/*aside  tugadi*/
main{
	flex: 1;
	margin-left: 275px;
	
}
.body-one{
	background-image:  url(../images/blog-9.jpg) ;
	background-repeat: no-repeat;
	background-size: cover; 
	background-position: center; 
	color: white;	
	flex: 1;
	height: 100%;
	width: 100%;
	padding: 40px;
    padding-top:470px ;
}
.body-one h1{
	margin:  30px 0;
	font-size: 48px;
}

/*body-one tugadi*/



.body-two{
	height: 100%;
	margin: 30px 0;
	display: flex;

	

}
.body-two-left{
	background-image: url(../images/blog-1.jpg);
	background-size: cover;
	background-position: center;
	width: 50%;
	height: 100%;
	margin-right: 30px;
	text-align: center;
	color: #DBD8D8;
	padding-top: 360px; 
	 

}
.body-two-left span{
	margin:   20px 0;
}

.body-two-rigth{
  	width: 50%;
	position: relative;

  }
.bmwi8box{
	display: flex;

}
.bmwi8{
	background-color:rgb(0,0,0,1);
	background-image: url(../images/blog-2.jpg);
	background-size: cover;
	background-position: center;
	width:100%; 
	height: 45%;
	margin-right: 30px; 
	text-align: center;
	padding-top:100px; 
	color: #DBD8D8;
	
}
.bmwi8 > a{
	 
	font-size: 25px;
	text-decoration: none;
	color :white;
	margin-top: 20px;
	letter-spacing: 3px; 
}
.bmwi8 p{
	line-height: 30px
}
.boxing{
	background-image: url(../images/blog-3.jpg);
	background-size: cover;
	background-position: center;
	background-color:rgb(134, 89, 80 0.2);
	width:100%;
	height: 55%; 
	text-align: center;
	padding-top: 80px;
	color:white;
	line-height: 25px;
	
}
.boxing > a{
	 
	font-size: 20px;
	text-decoration: none;
	color :white;
	margin-top: 20px; 
	letter-spacing: 3px;
}


.nature{
	background-image: url(../images/blog-4.jpg);
	background-size: cover;
	background-position: center;  
	position: absolute;
	height: 64.5%;
	width: 100%;
	margin-top:25px;
	text-align: center;
	color: white;
	padding-top: 150px;
	
}
.nature a{
	font-size: 25px;
	text-decoration: none;
	color: white;

}
/*main tugadi */
section {
	display: flex;
	margin-left: 275px;
	flex: 1;
	height:496px;
}
 section div{
	border: 1px solid;
	width: calc(33.33)
	margin:10px;

}
#sect-item1{
	margin-right: 30px;
	background-image: url(../images/blog-5.jpg);
	background-size: cover;
	background-position: center;   
}
#sect-item2{
	margin-right: 30px; 
	background-image: url(../images/blog-6.jpg); 
	background-size: cover;
	background-position: center;
}
#sect-item3{
	background-image: url(../images/blog-7.jpg); 
	background-size: cover;
	background-position: center;

}
.section-item{
	color: white;
	text-align: center;
	line-height: 25px;
	padding-top: 350px;
}
 .section-item p{
 	margin: 0 20px;
 	color: #DBD8D8;
 }
 .section-item a{
	margin: 20px 0;
	color: white;
	text-decoration: none;
	font-size: 25px;
	letter-spacing: 3px;

}
/*section tugadi */
.actuval{
	display: flex;
	margin-left: 275px;
	flex: 1;
	}

#actuval-id{

	margin-top:30px; 
	text-align: center;
	letter-spacing: 3px
	line-height:15px;
	color: white;
	padding-top:140px;

}
#actuval-id1{
	
	margin-top:30px; 
	text-align: center;
	letter-spacing: 3px
	line-height:15px;
	color: white;
	padding-top:350px;


}
#actuval-id1 p{
	margin: 0 15px;
	line-height: 25px;
}
#actuval-id1 a{
	text-decoration: none;
	color: white;
	font-size: 30px;


}

#actuval-id a{
	text-decoration: none;
	color: white;
	font-size: 25px;

}
#actuval-id p{
	margin: 0 20px;
 	color: #DBD8D8;
 	line-height: 25px;

}
.actual-left{
	background-image: url(../images/blog-8.jpg);
	background-size: cover;
	background-position: center;  
	height: 100%;
	width: calc(42% - 30px);
	margin-right: 30px; 
	
}
.actual-right{
	width: calc(58%);
	height:100%;
}

.actual-right-top{
	background-image: url(../images/blog-9.jpg);
	background-size: cover;
	background-position: center;
	height:calc(50% - 30px);
	width: 100%;
	

}
.actual-right-bottom{
	background-image: url(../images/blog-10.jpg);
	background-size: cover;
	background-position: center;
	height:50%;
	width: 100%;

}
/*actuval tugadi*/
.possible{
	display: flex;
	margin-left: 275px;
	flex: 1;
	margin-top:30px; 


}
.possible-left{
	width: 400px;
}
.possible-left-top{
	display: flex;
}
.pssible-l-t-one{
	background-image: url(../images/blog-11.jpg);
	background-size: cover;
	background-position: center;  
	margin-right: 15px;
	height: 200px; 
}
.pssible-l-t-two{
	background-image: url(../images/blog-12.jpg);
	background-size: cover;
	background-position: center; 
	margin-left:  15px;
	height: 200px;
}
.possible-left{
	width: 650px;
	
}
.possible-left-botton{
	background-image: url(../images/blog-13.jpg);
	background-size: cover;
	background-position: center; 
	margin-top:  30px;
	height: 250px;
}
#onetwobot{
	 
	text-align: center;
	letter-spacing: 3px
	line-height:15px;
	color: white;
	padding-top:80px;
	
}
#onetwobot a{
	text-decoration: none;
	color: white;
	font-size: 25px;
}
#onetwobot p{
	margin: 0 20px;
 	color: #DBD8D8;
 	line-height: 25px;
 }
#onetwobot1{
	 
	text-align: center;
	letter-spacing: 3px
	line-height:15px;
	color: white;
	padding-top:150px;
	
}
#onetwobot1 a{
	text-decoration: none;
	color: white;
	font-size: 25px;
}
#onetwobot1 p{
	margin: 0 20px;
 	color: #efefef;
 	line-height: 25px;

}
.possible-rigth{
	background-image: url(../images/blog-14.jpg);
	background-size: cover;
	background-position: center;
	margin-left: 30px;
}
#nature{
	 
	text-align: center;
	letter-spacing: 3px
	line-height:15px;
	color: white;
	padding-top:350px;
	
}
#nature a{
	text-decoration: none;
	color: white;
	font-size: 25px;
}
#nature p{
	margin: 0 20px;
 	color: #efefef;
 	line-height: 25px;

}
/*possible tugadi */
.number{
	display: flex;
	margin-left: 275px;
	flex: 1;
	margin-top:50px;
	margin-bottom:50px;
}
.number a{
	border: 1px solid;
	padding: 15px 20px;
	margin: 2px;
	border-radius: 3px; 
	text-decoration: none;
	color: #5f5050;
	transition: 1s;


}
.number a:hover{
	background-color:#f75940;
	transition: 1s;

}
@media screen and (max-width: 768px){
	 main .body-one{
	 	width: 100%;
	 	display: inline-block;
	 	height: auto;
	 }
	 main .body-two{
		width: 100%;
		display: inline-block;
		height: auto;
	 }
		
	
}
/*
@keyframes animationcontact {
  0% {transform: rotateY(0deg);}
  100% {transform: rotateY(360deg);}
}
#contactus {
  animation-name: animationcontact;
  animation-delay: 6s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  display: flex;
  justify-content: center;
  color: rgba(255,255,255,0.85);
  font-family: 'Teko', sans-serif;
  letter-spacing: 4px;
  font-size: 40px;
  margin-top: 0;
  margin-bottom: 0;
}*/