@charset "utf-8";
/* CSS Document */
*
{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	font-family: 'Poppins' sans-serif;
}
.bgimage
{
	background-image: url('images/bkt2.png');
	background-size: 100% 110%;
	width: 100%;
	height: 100vh;
}
header{
	padding: 25px;
	background-color: green;
	color: white;
	text-align: center;
}
body{
	font-family: 'Noto Sans JP', sans-serif;
	margin: 0px;
	margin-left: 1px;
	margin-right: 1px;
}
section
{
	/*height: 100vh;*/
	width: 100%;
	background-color: #aliceblue;
	display: flex;
	/**/
	justify-content: center;
	flex-direction: column;
}
.baltin
{	/*contact page code*/
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
	/*text-align: center;*/
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;	
}
.baltin .contactInfo
{	/*contact page code*/
	width: 50%;
	display: flex;
	flex-direction: column;
}
.baltin .contactInfo .box
{	/*contact page code*/
	position: relative;
	padding: 20px 0;
	display: flex;

}
.baltin .contactInfo .box .icon
{	/*contact page code, icon of add tel email*/
	min-width: 60px;
	height: 60px;
	background: skyblue;/*#fff;*/
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	font-size: 22px;
}
.baltin .contactInfo .box .text
{	/*contact page code*/
	display: flex;
	margin-left: 20px;
	font-size: 16px;
	color: black;
	flex-direction: column;
	font-weight: 36;
}
.baltin .contactInfo .box .text h2
{	/*contact page code*/
	font-weight: 500;
	color: 00bcd4;
}
.contactForm
{	/*contact page code*/
	width: 40%;
	padding: 40px;
	background: skyblue;
}
.contactForm h2
{	/*contact page code*/
	font-size: 30px;
	color: #333;
	font-weight: 500;
}
.contactForm .inputBox
{
	position: relative;
	width: 100%;
	margin-top: 10px;
}
.contactForm .inputBox input,
.contactForm .inputBox textarea
{
	width: 100%;
	padding: 5px 0;
	font-size: 16px;
	margin: 10px 0;
	border: none;
	border-bottom: 4px solid #333;
	outline: none;
	resize: none;
}
.contactForm .inputBox span
{
	position: absolute;
	left: 0;
	width: 100%;
	padding: 5px 0;
	font-size: 16px;
	margin: 10px 0;
	pointer-events: none;
	transition: 0.5s;
	color: #666;
}
.contactForm .inputBox input:focus ~ span,
.contactForm .inputBox input:valid ~ span
.contactForm .inputBox textarea:focus ~ span,
.contactForm .inputBox textarea:valid ~ span
{
	color: #e91e63;
	font-size: 12px;
	transform: translateY(-20px);
}
.contactForm .inputBox input[type="submit"]
{	/*submit button code*/
	width: 100px;
	background: #00bcd4;
	color: #fff;
	border: none;
	cursor: pointer;
	padding: 10px;
	font-size: 18px;
}
.contact
{	/*contact page code*/
	position: relative;
	min-height: 100vh;
	padding: 50px 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: url(bg.jpg);
	background-size: cover;
}
.contact .content
{	/*contact page code*/
	max-width: 800px;
	text-align: center;
}
.contact .content h2
{	/*contact page code*/
	font-size: 36px;
	font-weight: 500;
	color: black;
}
.contact .content p
{	/*contact page code*/
	font-size: 36px;
	font-weight: 500;
	color: black;
}
.form-group
{
	width: 100%;
	margin-top: 20px;
	font-size: 20px;
}
.form-group input,
.form-group textarea,
{
	width: 100%;
	padding: 5px;
	font-size: 18px;
	border: 1px solid rgba(128, 128, 128, 0.199);
	margin-top: 5px;
}
textarea
{
	resize: vertical;
}
button[type="submit"]
{
	width: 100%;
	border: none;
	outline: none;
	padding: 20px;
	font-size: 24px;
	border-radius: 8px;
	font-family: 'Noto Sans JP', sans-serif;
	color: rgb(27, 166, 247);
	text-align: center;
	cursor: pointer;
	margin-top: 10px;
	transition: .3s ease background-color;
}
button[type="submit"]:hover{
	background-color: rgb(214, 226, 236);
}
h3
{
	font-family: 'Noto Sans JP', sans-serif;
}
#menu ul
{
	list-style: none;
}
#menu ul li
{
	background-color: red;
	border: 1px solid white;
	width: 124px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	float: left;
	position: relative;
	border-radius: 8px;
}
#menu ul li a
{
	text-decoration: none;
	color: white;
	font-size: 20px;
	display: block;
}
#menu ul li a:hover
{
	background-color: blue;
	border-radius: 8px;
}
#menu ul ul
{
	position: absolute;
	display: none;	
}
#menu ul li:hover > ul
{
	display: block;
}
#menu ul ul ul
{
	margin-left: 125.7px;
	top: 0px;
}
.container
{
	/*this line of code is for a line of heart, if you add background color here will show*/
	width: 100%;
}
.wrapper
{
	width: 900px;
	margin: auto;
}
.dark
{   /*this line of code is for email and Tel No*/
	background-color: #31353d;
	color: white;
	font-size: 20px;
}
.fight
{ /*this line of code color:  white is no good for more information about me and latest news from 1-5*/
	background-color: #e9edf2
}
#top_fight img
{
	float: left;
	border: 4px solid blue;
	margin-left: 6px;

}
#top_left
{ /*if email border need just below block border: 4px solid red;*/
	display:inline-block;
	border: 4px solid red;
}
#top_right
{ /*if border need for tel no put under float right*/
	float: right;
	border: 4px solid red;
}
#top_div
{
	height: 80px;
	line-height: 80px;
}
#logo_left
{
	display:inline-block;
}
#logo_right
{
	float: right;
	margin-top: 200px;
}
#textstyle
{ /*code for search box and below button*/
	height: 40px;
	border-radius: 9px;
}
#button
{
	background-color: green;
	color: white;
	padding: 9px;
	border-radius: 9px;
	width: 140px;
	border: 2px solid green;
}
#clear
{
	clear:both;
}
#slider_images img
{
	width: 560px;
	border: 4px solid grey;
	padding: 15px;
	background-color: #eee;
	box-shadow: 5px 5px 10px grey;
	margin-top: 5px;
	margin-bottom: 5px;
}
h3
{
	text-align: center;
	text-transform: uppercase;
}
dd p
{
	text-align: justify;
}
p strong
{	/*this code is for kshema yachana*/
	float: right;
}
#text_images
{
	width: 80.2px;
	margin: auto;
	cursor: pointer;
}
#div_text /*this line of code is for our services*/
{
	width: 435px;
	margin: 3px;
	display: inline-block;
	margin-top: 15px;
	box-shadow: 5px 5px 10px grey;
	padding: 15px;
	margin-bottom: 15px;
}
#div_text img
{
	border-radius: 15px;
}
#bottom_div_left /*this line of code is for more information about me*/
{
	display:inline-block;
	width: 570px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#bottom_div_left img
{
	border: 1px solid grey;
	padding: 5px;
	margin: 5px;
	border-radius: 9px;
}
#bottom_div_right
{	/*latest news 1-5 width*/
	width: 300px;
	float: right;
	margin-top: 15px;
	margin-bottom: 15px;
}
/*Focebook code Latest News No 1*/
a
{
	text-decoration: none;
	/*font-size: 70px;*/
}
a:link{
	color: yellowgreen;
}
a:visited{
	color: black;
}
a:hover{
	color: orange;
}
a:active{
	color: red;
}
#facebook
{
	font-weight: bold;
	text-shadow: 5px 10px 5px green;
	font-size: 70px;
}
h5
{
	text-align: center;
	font-size: 22px;
}

#bottom_div_left_text
{
	text-align: left;
}
#latest_news img
{
	height: 70px;
	width: 70px;
	margin: 3px;
	padding: 3px;
	border: 4px solid grey;
	border-radius: 5px;
}
#latest_news /*this code for latest news 1-5*/
{
	height: 300px;
	width: 440px;
	border: 4px solid red;
}
#div_text_footer /*this line of code is for footer section*/
{
	/*if box shadow needed look at #div_text and copy to paste here*/
	width: 450px;
	margin: 3px;
	display: inline-block;
	margin-top: 15px;
	padding: 15px;
	margin-bottom: 15px;
}
#text
{
	width: 400px;
	border: 1px solid red;
	color: black;
	font-family: PREETI;
	font-size: 18;
}
#text1 b
{
	text-align: center;
}
#text1 p 
{
	text-align: left;

}
div.gallery
{	/* this code is for div gallery*/
	margin: 5px;
	border: 4px solid black;
	float: left;
	`width: 180px;
}
div.gallery:hover{
	/* this code is for div gallery*/
	border: 4px solid red;
}
center
{	/*this code for visitor counter*/
	text-align: center;
	border: 4px solid skyblue;
	border-radius: 12px;
}
@media (max-width: 991px)
{
	.contact
	{
		padding: 50px;
	}
	.baltin
	{
		flex-direction: column;
	}
	.baltin contactInfo
	{
		margin-bottom: 40px;
	}
	.baltin contactInfo,
	.baltin contactInfo
	{
		width: 100%;
	}
	
}
footer section
{
	margin-top: 15px;
	margin-bottom: 25px;
}
footer{
	padding: 15px;
	background-color: green;
	color: white;
	text-align: center;
}