/* general */
* { margin: 0px; padding: 0px; }
html, body { font-family: 'Lato', sans-serif; font-size: 18px; color: #000; font-weight: 400; }
input, select, textarea { font-family: 'Lato', sans-serif; font-size: 18px; color: #4f4f4f; }
body { width: 100%; height: 100%; background: #fff; }
img { border: 0px; max-width: 100%; height: auto; }
:focus { outline: none; }
ul { list-style: none; }
a:hover { opacity: 0.9; text-decoration: none; }
:focus, a,button,input,textarea,span,em { outline: none!important; transition: .50s ease-in-out; -moz-transition: .50s ease-in-out; -webkit-transition: .50s ease-in-out; }
strong { font-weight: 700; }
h1,h2,h3,h4,h5,h6,p,ul,ol { padding: 20px 0 0 0; margin: 0px; }

/* global classes */
.clear { clear: both; height: 1px; }

/* wrapper */
#wrapper { width: 100%; float: left; overflow: hidden; }

	/* my container */
	.mycontainer { padding: 0 15px; width: 100%; max-width: 2600px; margin: 0 auto; }

	/* header wrapper */
	#headerWrapper { padding: 10px 0 15px 0; width: 100%; float: left; z-index: 9; position: fixed; top: 0; left: 0; background: #fff; }
	
		/* header logo */
		.logoArea { padding: 30px 0 0 0; max-width: 350px; float: left; }

		/* header right */
		.headerRight { max-width: 950px; float: right; }
	
			/* contact Area */
			.contactArea { padding: 0 0 15px 0; width: 100%; float: right; }
			.contactArea ul { padding: 0px; list-style: none; float: right; }
			.contactArea ul li { float: left; }
			.contactArea ul li:after { margin: 9px 20px 0 20px; content: ""; width: 1px; height: 12px; float: right; background: #000; }
			.contactArea ul li:last-child:after { display: none; }
			.contactArea ul li a { color: #4f4f4f; }
			.contactArea ul li a em { font-style: normal; }
			.contactArea ul li a i { color: #08b14e; }
			.contactArea ul li a:hover { color: #08b14e; }

			/* menu Area */
			.menuArea { float: right; }
			.menuArea ul { padding: 0px; list-style: none; }
			.menuArea ul li { padding: 0 0 0 0px; float: left; position: relative; }
			.menuArea ul li a { padding: 10px 12px; display: block; font-size: 18px; color: #5b5b5b; font-weight: 400; text-decoration: none; }
			.menuArea ul li:hover a,.menuArea ul li.current_page_item a,.menuArea ul li.current_page_parent a { color: #08b14e; }
			
			.menuArea ul li ul { padding: 10px 20px; display: none; position: absolute; top: 58px; left: 0; width: 350px; background: rgba(0,0,0,0.95); }
			.menuArea ul li:hover ul { display: block; }
			.menuArea ul li:hover ul li { padding: 0px; width: 100%; display: block; border-bottom: 1px solid #2e2e2e; }
			.menuArea ul li:hover ul li:last-child { border-bottom: 0px; }
			.menuArea ul li:hover ul li a { padding: 13px 0; display: block; color: #acacac; text-decoration: none; border: 0px; }
			.menuArea ul li:hover ul li a:before { margin: 0 12px 0 3px; content: "\f105"; font-family: 'Font Awesome 5 Pro'; font-weight: 400;}
			.menuArea ul li:hover ul li a:hover,.menuArea ul li:hover ul li.current_page_item a { color: #e9ad01; }
		
			/* mobile menu */
			.mobilemenuArea { display: none; }

			/* header search area */
			.headersearchArea { float: right; position: relative; }
			.headersearchArea a { padding: 12px 25px; float: left; color: #2a2928; }
			.headersearchArea a.loginbtn { float: left; color: #fff; background: #2a2928; }
			.headersearchArea #headsearchform { position: absolute; top: 66px; right: 0; width: 300px; }
			.headersearchArea #headsearchform form { width: 100%; float: left; position: relative; }
			.headersearchArea #headsearchform input[type="text"] { padding: 10px 15px; width: 100%; border: 0px; }
			.headersearchArea #headsearchform button { padding: 0px; cursor: pointer; position: absolute; top: 11px; right: 12px; border: 0px; background: none; }

			.headersearchArea .loginlist { padding: 0px; list-style: none; float: left; }
			.headersearchArea .loginlist li { float: left; position: relative; }
			.headersearchArea .loginlist li a { padding: 12px 25px; cursor: pointer; width: 100%; color: #fff; background: #2a2928; }
			.headersearchArea .loginlist li a:hover { color: #fff; background: #2a2928; }

			.headersearchArea .loginlist li ul { padding: 0px; display: none; position: absolute; top: 51px; right: 0; width: 250px; background: rgba(0,0,0,0.95); }
			.headersearchArea .loginlist li:hover ul { display: block; }
			.headersearchArea .loginlist li:hover ul li { padding: 0px; width: 100%; display: block; border-bottom: 1px solid #2e2e2e; }
			.headersearchArea .loginlist li:hover ul li a { padding: 12px 20px; display: block; color: #acacac; text-decoration: none; border: 0px; }
			.headersearchArea .loginlist li:hover ul li a:hover { color: #fff; background: #08b14e; }
		
	/* header wrapper */
	#bannerWrapper { padding: 118px 0 0 0; width: 100%; float: left; }
	
		/* banner area */
		.bannerArea { width: 100%; float: left; position: relative; font-size: 24px; color: #fff; font-weight: 300; text-align: center; }
		.bannerArea .item { width: 100%; float: left; background-size: cover; background-position: center; }
		.bannerArea .overlay { width: 100%; height: 650px; float: left; overflow: hidden; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.35); }
		.bannerArea h2 { padding: 0 0 15px 0; margin: 0px; font-family: 'Oswald', sans-serif; font-size: 82px; color: #fff; line-height: normal; font-weight: 100; line-height: 120px; }
		.bannerArea h2 strong { display: block; font-size: 122px; font-weight: 400; text-transform: uppercase; }
		.bannerArea p { padding: 25px 0 0 0; }
		
		.bannerArea .owl-pagination { position: absolute; bottom: 60px; left: 0; width: 100%; float: left; text-align: center; }
		.bannerArea .owl-pagination div { margin: 0 5px; width: 17px; height: 17px; display: inline-block; border-radius: 100%; border: 2px solid #fff; background: none; }
		.bannerArea .owl-pagination div:hover,.bannerArea .owl-pagination div.active { background: #fff; }
				
		/* inner banner area */
		.innerbannerArea { width: 100%; float: left; text-align: center; background-size: cover; background-position: center; }
		.innerbannerArea .overlay { padding: 0; width: 100%; height: 585px; overflow: hidden; float: left; position: relative; color: #fff; display: flex; align-items: center; justify-content: left; background: rgba(0,0,0,0.3) }
		.innerbannerArea h1 { padding: 0px; font-family: 'Oswald', sans-serif; font-size: 105px; color: #fff; line-height: 80px; font-weight: 500; text-transform: uppercase; }
		
		.innerbannerArea .brinside { display: none; padding: 40px 0 0 0; font-family: 'Oswald', sans-serif; font-size: 22px; color: #fff; line-height: 20px; }
		.innerbannerArea .brinside a { color: #fff; text-decoration: none; }
		.innerbannerArea .brinside i { padding: 0 10px; margin: 2px 0 0 0; display: inline-block; font-size: 22px; color: #fff; }
		.innerbannerArea .brinside a:hover { color: #119b44; }
		
	/* content wrapper */
	#middleWrapper { padding: 50px 0; width: 100%; float: left; }
	#middleWrapper.nospace { padding: 0; }

		/* testimonials area */
		.testimonialsArea { padding: 60px 0; width: 100%; float: left; }
		.testimonialsArea h2 { padding: 0 0 30px 0; margin: 0 0 60px 0; font-size: 52px; color: #2b2c35; text-align: center; background: url(../images/saprator.png) center bottom no-repeat; }
		.testimonialsArea .owl-item { padding: 0 30px; float: left; }
		.testimonialsArea .item { padding: 40px 35px 0 35px; width: 100%; float: left; color: #fff; font-style: italic; line-height: 30px; text-align: center; background: #c8c05d url(../images/bottom-bg.jpg) center bottom no-repeat; background-size: 100% 120px; }
		.testimonialsArea h3 { padding: 15px 0 0 0; min-height: 63px; font-size: 20px; color: #000; font-style: normal; line-height: 24px; }
		.testimonialsArea i { font-size: 50px; color: #fff; font-style: normal; }
		.testimonialsArea .botinfo { padding: 50px 50px 0 50px; width: 100%; float: left; }
		.testimonialsArea .image { padding: 8px; width: 105px; height: 105px; display: block; margin: 0 auto; overflow: hidden; border: 3px solid #8b8324; border-radius: 100%; }
		.testimonialsArea .image img { width: 100%; height: auto; border-radius: 100%; }

		/* content area */
		.contentArea { width: 100%; float: left; line-height: 37px; }
		.contentArea h3 { font-size: 31px; color: #08b14e; }
		.contentArea ul { margin-left: 20px; list-style: circle; }
		
		/* contact form box */
		.contactformBox { }
		.contactformBox p { margin: 0px; padding: 25px 15px; position: relative; }
		.contactformBox label { padding: 0 10px; margin: 0px; display: block; position: absolute; top: 6px; left: 30px; z-index: 9; color: #ff0000; background: #f9f9f9; }
		.contactformBox input { padding: 20px; width: 100%; color: #000; border: none; border: 2px solid #eaeaea; background: none; }
		.contactformBox textarea { padding: 10px 20px; width: 100%; height: 160px; resize: none; color: #000; border: none; border: 2px solid #eaeaea; background: none; }
		.contactformBox .wpcf7-submit { padding: 18px 0; cursor: pointer; width: 100%; max-width: 200px; font-size: 25px; color: #fff; font-weight: 700; text-transform: uppercase; border:none; background: #08b14e; }
		.contactformBox .wpcf7-submit:hover { background: #333; }
		
		/* blog page */
		.blogPage { width: 100%; float: left; line-height: 32px; }
		.blogPage .item { margin: 0 0 30px 0; width: 100%; float: left; background: #fff; }
		.blogPage .item.spacer { padding: 30px; }
		.blogPage .item.spacer .imageLeft { margin: 0 30px 30px 0; float: left; }
		.blogPage .imageLeft { padding-right: 0; width: 100%; height: auto; }
		.blogPage .imageLeft img { width: 100%; }
		.blogPage .noimage { width: 100%; height: 290px; display: block; font-size: 50px; color: #bcbcbc; line-height: 290px; font-weight: 100; text-transform: uppercase; text-align: center; background: #e7e7e7; }
		.blogPage .info { padding: 30px; }
		.blogPage h2 { padding: 0; font-size: 35px; color: #333; font-weight: 600; }
		.blogPage h2 a { color: #000; text-decoration: none; }
		.blogPage h2 a:hover { color: #b80000; }
		.blogPage p { padding: 20px 0 0 0; }
		.blogPage p.date { padding: 10px 0 0 0; color: #000; }
		.blogPage a.link { color: #b80000; text-decoration: none; }
		
		/* nav box */
		.navBox { padding: 40px 0 0 0; width: 100%; float: left; line-height: 32px; text-align: center; }
		.navBox ol { list-style: none; }
		.navBox ol li { padding: 0 5px; display: inline-block; }
		.navBox ol li a { padding: 9px 15px; display: block; color: #333; line-height: normal; border: 1px solid #ccc; }
		.navBox ol li .current { padding: 9px 15px; display: block; color: #fff; line-height: normal; border: 1px solid #333; background: #333; }

		/* testimonials page */
		.testimonialsPage { width: 100%; float: left; }
		.testimonialsPage .item { padding: 60px 0 0 0; width: 100%; float: left; }
		.testimonialsPage .leftauthor { text-align: center; }
		.testimonialsPage .leftauthor .image { width: 97px; height: 97px; display: block; margin: 0 auto; overflow: hidden; border: 3px solid #5b5b5b; border-radius: 100%; }
		.testimonialsPage .leftauthor .image img { width: 100%; }
		.testimonialsPage .leftauthor h3 { padding: 10px 0 0 0; font-size: 18px; color: #000; }
		.testimonialsPage .rightinfo { padding: 0 30px 30px 30px; box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 15px; }

		/* quote page */
		.quotePage { width: 100%; float: left; }
		.quotePage .mycontainer2 { max-width: 900px; width: 100%; margin: 0 auto; }
		.quotePage form p { margin: 0px; padding: 25px 15px; float: left; position: relative; }
		.quotePage label { padding: 0 10px; margin: 0px; display: block; position: absolute; top: 11px; left: 30px; z-index: 9; color: #ff0000; background: #fff; }
		.quotePage input { padding: 20px; width: 100%; color: #000; border: none; border: 2px solid #eaeaea; background: none; }
		.quotePage select { padding: 20px; width: 100%; color: #000; border: none; border: 2px solid #eaeaea; background: none; }
		.quotePage textarea { padding: 10px 20px; width: 100%; height: 160px; resize: none; color: #000; border: none; border: 2px solid #eaeaea; background: none; }
		.quotePage button { padding: 18px 0; cursor: pointer; width: 100%; max-width: 200px; font-size: 25px; color: #fff; font-weight: 700; text-transform: uppercase; border:none; background: #08b14e; }
		.quotePage button:hover { background: #333; }

		/* partner area */
		.partnerArea { padding: 50px 0; width: 100%; float: left; text-align: center; }
		.partnerArea .item { width: 100%; float: left; }

		/* service list area */
		.servicelistArea { width: 100%; float: left; line-height: 32px; }
		.servicelistArea h2 { font-size: 55px; font-weight: 600; }
		.servicelistArea .item { width: 100%; float: left; }
		.servicelistArea .miinfo { padding: 75px 0; width: 100%; float: left; text-align: center; }
		.servicelistArea .serimage { padding: 0; float: left; }
		.servicelistArea .serimage img { width: 100%; }
		.servicelistArea .serinfo { padding: 10px 30px 30px 30px; float: right; }
		.servicelistArea .serinfo h2 { font-size: 45px; font-weight: 500; }
		.servicelistArea .serinfo h3 { padding: 20px 0 0 0; font-size: 31px; color: #08b14e; font-weight: 500; }
		.servicelistArea .serinfo p { padding: 20px 0 0 0; }
		.servicelistArea .serinfo ul { padding: 20px 0 0 20px; list-style: disc; }

		.servicelistArea .item:nth-child(2n+0) .serimage { float: right; }
		.servicelistArea .item:nth-child(2n+0) .serinfo { float: left; }
	
	/* footer wrapper */
	#footerWrapper { width: 100%; float: left; position: relative; z-index: 1; color: #8e8e8e; background: #101010; }
		
		/* foot menu Area */
		.footmenuArea { padding: 25px 0 35px 0; width: 100%; float: left; text-align: center; border-bottom: 1px solid #353535; }
		.footmenuArea ul { list-style: none; }
		.footmenuArea ul li { padding: 0 20px; display: inline-block; }
		.footmenuArea ul li a { color: #555; text-decoration: none; }
		.footmenuArea ul li a:hover { color: #fff; }

		/* footer Area */
		.footerArea { padding: 55px 0 0 0; width: 100%; float: left; }
		.footerArea .widget { float: left; }
		.footerArea h3 { display: none; padding: 0 0 5px 0; font-size: 17px; color: #6e6e6e; font-weight: 400; }
		.footerArea .footphone a,.footerArea .emailadd a { font-size: 34px; color: #cdcdcd; }
		.footerArea ul { list-style: none; }
		.footerArea ul { list-style: none; }
		
		.footerArea .contactinfo ul li { padding: 5px 0 15px 35px;  position: relative; }
		.footerArea .contactinfo ul li i { position: absolute; top: 10px; left: 0; }

		.footerArea .socialright ul { padding: 0; float: right; }
		.footerArea .socialright ul li { padding: 0 0 0 15px; display: inline-block; }
		.footerArea .socialright ul li a { display: block; width: 48px; height: 48px; font-size: 18px; color: #fff; line-height: 48px; text-align: center; border-radius: 100%; background: #4867aa; }
		
		.footerArea .copyrightBottom { padding: 55px 0 30px 0; width: 100%; float: left; font-size: 14px; }
		.footerArea .copyrightBottom a { color: #8e8e8e; }
		.footerArea .copyrightBottom a:hover { color: #fff; }

/* buttons */
.btn { padding: 18px 55px; display: inline-block; font-size: 20px; font-weight: 700; text-decoration: none; border-radius: 0px; }

.my-whitebor,a.my-whitebor { color: #fff; border: 2px solid #fff; }
.my-whitebor:hover,a.my-whitebor:hover { color: #fff; border: 2px solid #efad00; background: #efad00; }

.my-yellow,a.my-yellow { color: #0d0d0d; background: #c8c05d; }
.my-yellow:hover,a.my-yellow:hover { color: #0d0d0d; background: #fff; }

.my-green,a.my-green { color: #fff; background: #00963b; }
.my-green:hover,a.my-green:hover { color: #0d0d0d; background: #fff; }

/* Begin Images */
.aligncenter { display: block; margin: 0 auto; }
.alignright { margin: 0 0 5px 30px; display: inline; }
.alignleft { margin: 0 30px 5px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */