/* CSS Document */
body{margin: 0;font-family: 'Baloo 2', cursive;padding:0px;width:100%;position: relative;}
.body{height: auto;width: 100%;background-color: #E5E5E5;}
.page-wrapper{height: auto;background-color: #E5E5E5;padding-bottom: 20px;}
.main{}
.logo-img{padding-top: 30px;padding-left: 90px;padding-bottom: 20px;}
nav ul{display: flex;}
nav ul li{margin-right: 8px;padding-bottom: 20px;}
nav ul li a{text-decoration: none;color: #AB8F25;font-family: 'Baloo 2', cursive;font-size: 1.1em;text-align: center;padding-left: 8px;padding-right: 8px;border-radius: 4px;}
nav ul li a:hover{background-color: #AB8F25;color: aliceblue;padding-left: 8px;padding-right: 8px;}
nav ul{list-style: none;padding-left: 90px;}
section {display: flex;padding-left: 90px;}
.heighHeading{padding-left: 10px;padding-right: 10px;margin-bottom: 30px;font-size: 1.4em;line-height: 1.2;color: #575759;background-color: rgba(235,234,121,1.00)}
.headingstyle{font-size: 1.4em;line-height: 1.2;color: #AB8F25;}
.content {width: 70%;}
.content p{width: auto;padding-right: 60px;text-align: left;color: #575759;}
.imagearea {background-size: cover;padding-right: 90px;padding-bottom: 20px;position: relative;}
.imagearea slider{position: absolute;width: 466px;height: 358px;}
.slide1{position: absolute;background-repeat: no-repeat;background-size: cover;animation: fade1 20s infinite;}
.slide2{position: absolute;background-repeat: no-repeat;background-size: cover;animation: fade2 20s infinite;}
.slide3{position: absolute;background-repeat: no-repeat;background-size: cover;animation: fade3 20s infinite;}
.slide4{position: absolute;background-repeat: no-repeat;background-size: cover;animation: fade4 20s infinite;}
.slide1{position: absolute;background-repeat: no-repeat;background-size: cover;animation: fade5 20s infinite;}
.slide5{position: relative;background-repeat: no-repeat;background-size: cover;}
.clearfix{clear: both;}
@keyframes fade1{
0%{opacity: 1;}
25%{opacity: 0;}
50%{opacity: 0;}
75%{opacity: 0;}
100%{opacity: 1;}
}
@keyframes fade2{
0%{opacity: 0;}
25%{opacity: 1;}
50%{opacity: 0;}
75%{opacity: 0;}
100%{opacity: 0;}
}
@keyframes fade3{
0%{opacity: 0;}
25%{opacity: 0;}
50%{opacity: 1;}
75%{opacity: 0;}
100%{opacity: 0;}
}
@keyframes fade4{
0%{opacity: 0;}
25%{opacity: 0;}
50%{opacity: 0;}
75%{opacity: 1;}
100%{opacity: 0;}
}
@keyframes fade5{
0%{opacity: 1;}
25%{opacity: 0;}
50%{opacity: 0;}
75%{opacity: 0;}
100%{opacity: 1;}
}
.footer-home{font-size: 1.2em;line-height: 1.4;color: #AB8F25;padding-left: 90px;padding-right: 90px;}
.footerMenu{padding-left: 90px;list-style: none;margin-top: 0px;display: flex;}
.footerMenu li a{text-decoration: none;color:#FFFFFF;font-family: 'Baloo 2', cursive;text-align: center;list-style: none;background-color: #AB8F25;padding-left: 15px;padding-right: 15px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.footerMenu li{margin-right: 1px;}
.footerMenu li a:hover{background-color: #575759;color: aliceblue;list-style: none;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.rightImage{margin-right: 90px;}
.img-bottom{display: flex;height: auto;padding-top: 45px;padding-left: 90px;padding-right: 90px;}
.img-bottom-one{align-content: flex-start;}
.img-bottom-two{align-content: center;}
.img-bottom-three img{background-position: left;}
.img-bottom img{width: 200px;height: 200px;background-size: cover;border-radius: 50%;margin-right: 75px;}
.img-bottom p{text-align: center;width: 200px;color: #575759;margin-top: 0px;padding-bottom: 60px;line-height: 1.2;}
.mob-menu{display: none;}

@media only screen and (max-width: 800px) and (min-width: 350px)  {
	main{float: left;width: 100%;}
	.page-wrapper{float: left;height: auto;width: 100%;}
	.logo-img{text-align: center;padding: 10px 10px 10px 50px;float: left;width: calc(100% - 115px);}
	.logo-img img{height: 75px;}
	nav{position: absolute;width: 100%;top: 85px;}
	nav ul{padding: 10px;display: none;position: absolute;width: calc(100% - 48px);background: #FFFFFF;margin-left: 15px;margin-right: 15px;}
	nav ul li{float: left;height: auto;width: 100%;margin: 0;padding: 0;}
	nav ul li a{float: left;width: 100%;padding: 5px 0 5px 0;background: none;}
	nav ul li a:hover{padding: 0;}
	.mob-menu{display: block;width: 45px;float: left;margin-top: 20px;}
	.mob-menu img{width: 45px;}
	section{padding: 10px;display: block;}
	.content{width: 100%;}
	.content p{padding: 0;}
	.imagearea{padding: 10px;float: left;height: auto;}
	.slider{width: 100%;float: left;height: auto;}
	.img-bottom{display: block;}
	.imagearea .slider img{width: 100%;}
	.imagearea img{width: 100% !important;height: auto;}
	.img-bottom img{margin: 0;width: 100%;height: 100%;}
	.footerMenu{padding-left: 10px;}
	.footer-home{padding: 10px;}
	.rightImage{margin: 0;width: 100%;}
}