#overlay2 {
			position: fixed;
			display: none;
			width: 100%;
			height: 100%;
			top: 47px;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: #EDE7F6;
			z-index: 101;
			cursor: pointer;
			overflow:scroll;	
				
		}
		#text2{
			position: absolute;
			padding:5px;
			font-size: 16px;
			color: #000;
			overflow:scroll;
			width:100%;					   
		}
		#text2 hr
		{
			background:#000;
			
		}
		#overlay3 {
			position: fixed;
			display: none;
			width: 100%;
			height: 100%;
			top: 47px;
			left: 0;
			right: 0;
			bottom: 0;
			background-color:#FCE4EC;
			z-index: 101;
			cursor: pointer;
			overflow:scroll;
			text-align:center;
		}
		#text3{
			position: absolute;    
			padding:5px;
			font-size: 16px;
			color: #000;
			overflow:scroll;
			width:100%;
			
		}
		
		input[type=text]
		{
			border-radius:5px;
			height:100%;
		}
		.btn
		{
			width:100%;
			margin-top:1%;
		}
		.bar
		{
			padding:8% 0%;
		}
		#bar1
		{
			padding:2% 4%;
		}
		.slide-top
		{
			padding-top:57px;
		}
		.mainSwiper
		{
			width:100%;
			
			
			top:47px;
			height:90vh;
		}
		.mainSwiper .swiper-slide
		{
		overflow-y:scroll;
		}
	
	
	.swiper-intro-recents
	{
	height:150px;
	width:100%;
	
	}
	.swiper-intro-recents img
	{
	height:100%;
	width:100%;
	}
	.swiper-intro .swiper-wrapper .swiper-slide
	{
		background-size:cover;
	}
	.swiper-intro
	{
	position:absolute;
	z-index:101;
	top:48px;
	height:150px;
	width:100%;
	
	background-size:100%;
		
	box-shadow: 0 8px 6px -6px #ccc;
	}
	.swiper-intro img
	{
	height:100%;
	width:100%;
	}