@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;}

/*	--------------------------------------------------
	:: Define global style 
	-------------------------------------------------- */
body{ background:; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:18px;}

a{ outline:none; }
img{ border:none;}

h1{ font-size:32px; font-weight:bold; color:#f1a82a; line-height:normal; margin-bottom:30px; text-transform:uppercase;}
h2{ font-size:30px; font-weight:bold; color:#ffffff; line-height:normal; margin-bottom:30px;}

p{ font-size:; margin-bottom:10px;}


/*	--------------------------------------------------
	:: Wrapper
	-------------------------------------------------- */
#wrapper{ width:; margin:0px auto;}

/*	--------------------------------------------------
	:: Header section
	-------------------------------------------------- */
#header{ width:100%; margin:0px auto;}

#header-top{ width:100%; margin:0px auto; background:#f1a82a; padding:0px 0px 25px 0px; min-height:50px;}
	.top-content{ width:90%; margin:0px auto; color:#ffffff;}
	
	.top-content-L{ width:35%; float:left;}
		.top-content-text{ font-size:16px; color:#FFFFFF; text-transform:none;}
		.top-content-text2{ font-size:16px; font-weight:bold; color:#FFFFFF; text-transform:none;}
		.email-link{ font-size:16px; font-weight:normal; color:#FFFFFF; text-transform:none; text-decoration:underline;}

	
	.top-content-C{ width:20%; margin:0px auto; text-align:center;}
		.client{ border:1px solid #ffffff; border-radius:3px; padding:5px 10px; display:inline-block; text-decoration:none; color:#FFFFFF;}
	
	.top-content-R{ width:35%; float:right; text-align:right;}
		.top-content-text3{ font-size:14px; color:#FFFFFF; line-height:24px;}
		.v-more{ background:url(images/arrow.png) no-repeat right 4px; font-size:14px; color:#FFFFFF; text-decoration:underline; padding-right:20px; margin-left:35px;}
		.v-more:hover{ color:#000000; text-decoration:underline;}



#header-top-B{ width:100%; margin:0px auto; background:#ffffff; padding:0px 0px 125px 0px;}
	.header-top-cont{ width:90%; margin:0px auto;}
	
	
	#logo{ float:left; margin-top:0px;}

	#nav{ float:right; margin-top:0px;}
		#nav ul{ list-style:none;}
		#nav ul li{ display:inline-block; padding:25px 5px 24px 5px;}
		#nav ul li a{ font-size:16px; color:#107dba; text-decoration:none; padding:25px 25px 20px 25px;}
		#nav ul li:hover, #nav ul li.active{ background:url(images/orange-bdr.jpg) no-repeat right bottom; color:#FFFFFF;}
		#nav ul li a:hover, #nav ul li.active a{ background:#0e93de;  color:#FFFFFF;}


/*	--------------------------------------------------
	:: Banner section
	-------------------------------------------------- */
<!--#banner{ width:100%; margin:0px auto; background:url(images/banner.jpg) no-repeat center top; height:600px;}
-->
.banner-text{ width:80%; margin:0px auto; padding-top:20%; text-align:center; text-transform:uppercase; font-size:72px; color:#FFFFFF; font-weight:bold; line-height:normal; text-shadow:0px 0px 7px #000000;}
	.banner-text span{ text-transform:uppercase; font-size:18px; color:#FFFFFF; font-weight:bold; line-height:normal;font-family: system-ui;}

#banner-blue-content{ width:100%; padding:50px 0px; background:white; margin:0px auto;}
	.blue-content{ width:90%; margin:0px auto; color:#FFFFFF;text-align: center;}
	.blue-content p{ font-size:16px; color:#000000; line-height:normal;font-family: system-ui;}
	.text1{ font-size:30px; font-weight:bold; text-transform:uppercase; line-height:normal; margin-bottom:50px;color: #f1a82a;font-family: system-ui;}
	.text2{ font-size:22px; font-weight:bold; line-height:normal; margin-bottom:10px;color: #000000;font-family: system-ui;}
	

.blue-box-bnr{ width:48%; float:left; min-height:120px; line-height:22px; margin-bottom:50px; font-size:14px;font-family: system-ui;}
	.blue-box-bnr h2{ font-size:16px; font-weight:bold; margin-bottom:10px; text-decoration:underline;font-family: system-ui;}




/*	--------------------------------------------------
	:: Content Boxes section
	-------------------------------------------------- */
#content-boxes{ width:90%; margin:0px auto; padding:50px 0px;}
	
	.content-box{ width:22%; padding:5% 2% 3% 2%; border:1px solid #107dba; border-bottom:4px solid #107dba; color:#999999; margin-top:40px; float:left;}
	.image{ margin-top:-105px; margin-bottom:35px;}
	.content-box h3{ font-size:14px; text-transform:uppercase; font-weight:bold; color:#666666; text-align:center; margin-bottom:20px;}
	.content-box p{ font-size:14px; color:#999999; line-height:22px; margin-bottom:20px;}
	.content-box a{ font-size:14px; color:#f1a82a; font-weight:bold; text-decoration:none; float:right;}
		.content-box a:hover{ font-size:14px; color:#f1a82a; font-weight:bold; text-decoration:underline;}
	.content-box-marg-R{ margin-right:139px;}


/*	--------------------------------------------------
	:: Services section
	-------------------------------------------------- */
#services{ width:100%; margin:0px auto; background:url(images/Demo-BG.jpg) no-repeat center top; height:560px; text-align:center;}
	.services-text{ width:90%; margin:0px auto; padding-top:2.5%; text-align:center; text-transform:uppercase; font-size:40px; color:#f1a82a; font-weight:bold; line-height:normal; text-shadow:0px 0px 3px #000000;}
	.services-text p{ font-size:14px; color:#FFFFFF; margin-bottom:20px; line-height:22px; text-transform:none; font-weight:normal;}
	
	.services-text .text7{ font-size:18px; color:#f1a82a; font-weight:bold; margin-bottom:5px;}


.orange-text{ font-size:16px; color:#f1a82a; font-weight:bold;}

.text8{ font-size:14px; color:#f1a82a; font-weight:bold;}


/*	--------------------------------------------------
	:: Testimonials section
	-------------------------------------------------- */
#testimonials{ width:90%; margin:0px auto; padding:50px 0px;}

	.testimonials-box{ width:60%; background:#fafafa; border:1px solid #cdcdcd; padding:3% 5% 2% 5%; margin:0px auto;}
	.testi-L{ text-align:center; margin:0px auto; float:left; background:url(images/testi-img-bg.png) no-repeat; width:156px; height:147px; margin-right:50px;}
		.testi-L img{ text-align:center; margin:0px auto; border:1px solid #cccccc; border-radius:60px; margin:13px 0px 0px -10px;}

	.testi-R{ float:left; width:70%; font-size:16px; color:#999999; line-height:22px;}
		.testi-R h3{ font-size:18px; color:#444444; font-weight:bold; line-height:normal; margin-bottom:20px;}
		.testi-R h3 span{ color:#f1a82a;}
		.testi-R p{ font-size:16px; color:#999999; line-height:22px; margin-bottom:10px;}

	.left-arrow{ float:left; margin-top:100px; margin-left:120px;}
	.right-arrow{ float:right; margin-top:100px; margin-right:120px;}



/*	--------------------------------------------------
	:: Contact Form section
	-------------------------------------------------- */
#contact-form{ width:90%; margin:0px auto; padding:0px 0px 50px 0px;text-align: center;}
	
	.contact-text{ font-size:16px; color:#999999; line-height:24px; text-align:center; margin:0px auto;}
	.contact-text p{ font-size:16px; color:#999999; line-height:24px; margin-bottom:20px;}

	.contact-form{ width:65%; margin:0px auto; margin-top:80px;text-align: center;}
		.input{ float:left; background:#0e93de; width:45%; padding:2% 1%; border:none; border-radius:5px; font-size:12px; font-weight:bold; color:#ffffff; margin-bottom:30px;}
		.input2{ float:left; background:#0e93de; width:20.9%; padding:2% 1%; border:none; border-radius:5px; font-size:12px; font-weight:bold; color:#ffffff; margin-bottom:30px;}
		.textarea{ float:left; background:#0e93de; width:98%; height:100px; padding:2% 1%; border:none; border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; margin-bottom:5px;}
		.select-list{ float:left; background:#107dba; width:46.7%; height:50px !important; padding:2% 1%; border:none; border-radius:5px; font-size:12px; font-weight:bold; color:#ffffff; margin-bottom:30px;}
		
		.text3{ font-size:12px; color:#444444; font-weight:bold;}
		.checkbox{font-size:12px; color:#444444; font-weight:bold; float:right; margin-top:-20px;}
		.submit{ background:#f1a82a; padding:10px 30px; font-size:16px; color:#ffffff; font-weight:bold; text-align:center; text-decoration:none; cursor:pointer; border:none; border-radius:5px;}
	
	.input-marg-R{ margin-right:50px;}
	.input-marg-R2{ margin-right:10px;}



/*	--------------------------------------------------
	:: About Page
	-------------------------------------------------- */	
#inner-banner{ width:100%; margin:0px auto; background:url(images/banner1.jpg) no-repeat center; display:block; height:449px;}
.banner-text2{ width:80%; margin:0px auto; padding-top:10%; text-align:center; text-transform:uppercase; font-size:72px; color:#f99b00; font-weight:bold; line-height:normal; text-shadow:0px 10px 10px #000000;}
	.banner-text2 span{ text-transform:uppercase; font-size:18px; color:#FFFFFF; font-weight:bold; line-height:normal;}

.orange-text2{ font-size:14px; color:#f1a82a; font-weight:bold;}


.it-box-main{ width:100%; margin:0px auto; margin-bottom:30px;}

.it-box{ width:31.2%; float:left; min-height:430px;}
.it-box .it-img img{ width:100%;}
.it-box-link{ background:#585858; padding:10px 20px; min-height:50px; font-size:20px; line-height:normal; font-weight:bold; color:#f99b00; display:block; text-align:center; text-decoration:none;}
	.it-box-link:hover{ background:#107dba; color:#ffffff; text-decoration:none;}

.it-box:hover .it-box-link{ background:#107dba; color:#ffffff; text-decoration:none;}


.it-r-marg{ margin-right:36px;}

.text4{ font-size:14px; color:#444444; font-weight:bold;}

.text5{ font-size:22px; font-weight:bold; text-transform:uppercase; line-height:normal; margin-bottom:10px; color:#107dba;}

.text6{ font-size:18px; font-weight:bold; text-transform:uppercase; line-height:normal; margin-bottom:10px; color:#f1a82a;}

/*	--------------------------------------------------
	:: Services Page
	-------------------------------------------------- */	
.services-box-main{ width:100%; margin:0px auto;}

.services-box{ width:31.2%; float:left; position:relative; z-index:1; margin-bottom:40px; min-height:390px;}
.services-box .services-img img{ width:100%; position:relative; z-index:1;}
.services-box-link{ background:url(images/spltr.png); padding:2% 3%; width:94%; min-height:50px; font-size:20px; line-height:50px; font-weight:bold; color:#f99b00; display:block; text-align:center; text-decoration:none; position:absolute; z-index:100; top:0;}
	.services-box-link:hover{ background:url(images/spltr-blue.png); color:#ffffff; text-decoration:none;}

.services-box:hover .services-box-link{ background:url(images/spltr-blue.png); color:#ffffff; text-decoration:none;}

.services-box-text{  padding:10px; font-size:20px; color:#555555; line-height:22px; min-height:80px;}

.services-r-marg{ margin-right:36px;}






/*	--------------------------------------------------
	:: Contact us Page
	-------------------------------------------------- */
#contact-banner{ width:100%; margin:0px auto; background:url(images/banner2.jpg) no-repeat center; display:block; height:449px;}
.banner-text2{ width:80%; margin:0px auto; padding-top:10%; text-align:center; text-transform:uppercase; font-size:72px; color:#f99b00; font-weight:bold; line-height:normal; text-shadow:0px 10px 10px #000000;}
	.banner-text2 span{ text-transform:uppercase; font-size:18px; color:#FFFFFF; font-weight:bold; line-height:normal;}


.info-box-main{ width:100%; margin:0px auto;}
	.info-box{ width:35%; margin:0% 2%; float:none; text-transform:uppercase; color:#FFFFFF; font-size:20px; font-weight:bold; line-height:24px; margin-bottom:30px;}
	.info-box span{ font-size:22px; text-transform:uppercase; color:#000000;}



/*	--------------------------------------------------
	:: Gen CSS
	-------------------------------------------------- */
.border-none{ border:none;}
.bold-text{ font-weight:bold;}
.center-text{ text-align:center;}
.italic-text{ font-style:italic;}

.left{ float:left;width: 100%;}
.right{ float:right;}

.top-marg{ margin-top:10px;}
.right-marg{ margin-right:10px;}
.bottom-marg{ margin-bottom:10px;}
.left-marg{ margin-left:10px;}

.top-marg2{ margin-top:5px;}
.right-marg2{ margin-right:5px;}
.bottom-marg2{ margin-bottom:5px;}
.left-marg2{ margin-left:5px;}

.top-marg3{ margin-top:20px;}
.right-marg3{ margin-right:20px;}
.bottom-marg3{ margin-bottom:20px;}
.left-marg3{ margin-left:20px;}


.bottom-marg4{ margin-bottom:50px;}


.clear{clear:both;}

.uppercase{ text-transform:uppercase;}


/*	--------------------------------------------------
	:: Footer
	-------------------------------------------------- */
#footer{ width:100%; margin:0px auto; background:url(images/footer-bg.jpg) no-repeat center top; min-height:612px;}
	
	.footer{ width:95%; margin:0px auto; padding:50px 0px;}
	
	.footer-services{ float:left; width:24%;}
		.footer-services p{ font-size:18px; color:#FFFFFF; line-height:36px; margin-bottom:20px;}
		
		.footer-services .social{ float:left; margin-top:70px;}
		.footer-services .social h2{ font-size:30px; color:#f1a82a; font-weight:bold; line-height:normal; margin-bottom:20px;}
		.footer-services .social a{ text-decoration:none; margin-right:14px;}
		.footer-services .social a:last-child{ text-decoration:none; margin-right:0px;}
		
		
	.who-we-serve{ float:left; width:24%;}
		.who-we-serve ul{ list-style:none;}
		.who-we-serve ul li{ margin-bottom:20px;}
		.who-we-serve ul li a{ font-size:18px; color:#ffffff; text-decoration:none; display:block;}
		.who-we-serve ul li a:hover{ text-decoration:underline;}
	
	
	.news{ float:left; width:24%;}
		.news-box{ margin-bottom:22px;}
		
		.news h3{ font-size:18px; color:#f1a82a; font-weight:bold; line-height:normal;}
		.news p{ font-size:18px; color:#ffffff; line-height:normal;}
		.news a{ font-size:18px; color:#f1a82a; line-height:normal; text-decoration:none;}
		.news a:hover{ font-size:18px; color:#f1a82a; line-height:normal; text-decoration:underline;}
		
		
	.f-link{ font-size:20px !important; color:#f1a82a; font-weight:bold; line-height:normal; text-decoration:none;}
	.f-link:hover{ font-size:20px !important; color:#f1a82a; font-weight:bold; line-height:normal; text-decoration:underline;}
	

	.footer-marg-R{ margin-right:100px;}
	
	.copy-r{ font-size:12px; color:#ffffff; font-weight:bold; margin:0px auto; margin-top:40px; margin-bottom:-40px;}
	
	




/*	--------------------------------------------------
	:: Mob Menu
	-------------------------------------------------- */
#mob-menu{ display:none;}
.icon-bar{
   background-color: #F5F5F5;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 2px;
    width: 18px;
	margin:2px 0px;
}

.btn-navbar{
    background-color: #0E0E0E;
    background-image: linear-gradient(to bottom, #151515, #040404);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    float: right;
    margin-left: 5px;
    margin-right: 5px;
    padding: 7px 10px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
}

.btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-size: 15px;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
}

.cat{  padding-bottom:10px; border-radius:5px;}
	.cat ul{ list-style:none; width:200px;}
	.cat ul li{ display:block; margin:0px 1%;}
	.cat ul li a{ color:#FFFFFF; text-decoration:none; display:block; font-weight:normal; padding:10px 20px; border-radius:5px;}
	.cat ul li a:hover{ background:#f1a82a; color:#ffffff; text-decoration:none; display:block; font-weight:normal;}




@media (min-width: 768px) and (max-width: 1024px){
#mob-menu{ display:block; padding-top:15px; position:fixed !important; z-index:1000000; right:0; margin-right:4.5%;}
#nav{ display:none !important;}


#header-top{ padding:0px 0px 50px 0px;}

.display-b{ display:block !important;}

	.top-content-text{ font-size:16px; color:#FFFFFF; text-transform:uppercase; line-height:24px;}
	.top-content-R{ width:36%; float:right; text-align:right;}
		.v-more{ background:url(images/arrow.png) no-repeat right 4px; font-size:13px; color:#FFFFFF; text-decoration:underline; padding-right:20px; margin-left:5px !important;}
		.v-more:hover{ color:#000000; text-decoration:underline;}

	.marg-none{ margin:0px !important;}


.content-box{ width:96% !important; margin-bottom:40px;}
	.image{ margin-top:-71px !important; margin-bottom:35px;}
	.content-box-marg-R{ margin-right:0px !important;}

.services-text{ padding-top:6% !important;}
	

	.testimonials-box{ width:75% !important; background:#fafafa; border:1px solid #cdcdcd; padding:3% 5% 2% 5%; margin:0px auto;}
	.testi-L{ text-align:center; margin:0px auto; float:left !important; background:url(images/testi-img-bg.png) no-repeat; width:156px; height:147px; margin-right:0px !important; margin-left:35% !important; margin-bottom:20px !important;}
		.testi-L img{ text-align:center; margin:0px auto; border:1px solid #cccccc; border-radius:60px; margin:13px 0px 0px -10px;}

	.testi-R{ float:left; width:100% !important; font-size:16px; color:#999999; line-height:22px;}

		.left-arrow{ float:left; margin-top:180px !important; margin-left:0px !important;}
		.right-arrow{ float:right; margin-top:180px !important; margin-right:0px !important;}
		
	.contact-form{ width:100% !important; margin:0px auto; margin-top:80px;text-align: center;}
	
	.input-marg-R{ margin-right:38px !important;}
	.input-marg-R2{ margin-right:10px;}


#footer{ width:100%; margin:0px auto; background:#000000 url(images/footer-bg.jpg) no-repeat center top !important; height:100% !important;}
	
	.footer-services{ float:left; width:100% !important;}
			
		.footer-services .social{ float:left; margin-top:0px !important; margin-bottom:50px !important;}
		
	.who-we-serve{ float:left; width:100% !important; margin-bottom:50px !important;}
		.who-we-serve ul{ list-style:none;}
		.who-we-serve ul li{ margin-bottom:20px; width:50% !important; float:left !important;}
		.who-we-serve ul li a{ font-size:18px; color:#ffffff; text-decoration:none; display:block;}
		.who-we-serve ul li a:hover{ text-decoration:underline;}
	
	.news{ float:left; width:100% !important;}
		.news-box{ margin-bottom:22px;}

	.footer-marg-R{ margin-right:0px !important;}






/*	--------------------------------------------------
	:: About Page
	-------------------------------------------------- */	
#inner-banner{ width:100%; margin:0px auto; background:url(images/banner1.jpg) no-repeat center; display:block; height:349px !important;}



.it-box{ width:30% !important; float:left; min-height:300px !important; margin-bottom:30px !important;}
.it-box .it-img img{ width:100%;}
.it-box-link{ background:#585858; padding:10px 20px; min-height:100px !important; font-size:18px !important; line-height:normal; font-weight:bold; color:#f99b00; display:block; text-align:center; text-decoration:none;}
	.it-box-link:hover{ background:#107dba; color:#ffffff; text-decoration:none;}


.it-r-marg{ margin-right:36px;}


/*	--------------------------------------------------
	:: Services Page
	-------------------------------------------------- */	
.services-box{ width:30% !important; float:left; position:relative; z-index:1; margin-bottom:40px; min-height:300px !important;}
.services-box .services-img img{ width:100%; position:relative; z-index:1;}
.services-box-link{ background:url(images/spltr.png); padding:2% 1% !important; width:98% !important; min-height:50px; font-size:16px !important; line-height:50px; font-weight:bold; color:#f99b00; display:block; text-align:center; text-decoration:none; position:absolute; z-index:100; top:0;}
	.services-box-link:hover{ background:url(images/spltr-blue.png); color:#ffffff; text-decoration:none;}

.services-box:hover .services-box-link{ background:url(images/spltr-blue.png); color:#ffffff; text-decoration:none;}

.services-box-text{ background:#eeeeee; padding:10px; font-size:14px !important; color:#555555; line-height:18px !important; min-height:80px !important;}

.services-r-marg{ margin-right:36px;}



/*	--------------------------------------------------
	:: Contact us Page
	-------------------------------------------------- */
#contact-banner{ width:100%; margin:0px auto; background:url(images/banner2.jpg) no-repeat center; display:block; height:349px !important;}

.info-box-main{ width:100%; margin:0px auto;}
	.info-box{ width:35%; margin:0% 2%; float:none; text-transform:uppercase; color:#FFFFFF; font-size:20px; font-weight:bold; line-height:24px; margin-bottom:30px;}
	.info-box span{ font-size:22px; text-transform:uppercase; color:#000000;}



}



@media (max-width: 768px) {

#header-top{ padding:0px 0px 70px 0px;}
#mob-menu{ display:block; padding-top:15px; position:fixed !important; z-index:1000000; right:0; margin-right:4.5%;}


.it-box{ width:29% !important; float:left; min-height:300px !important; margin-bottom:0px !important;}
.it-box .it-img img{ width:100%;}
.it-box-link{ background:#585858; padding:10px 20px; min-height:100px !important; font-size:18px !important; line-height:normal; font-weight:bold; color:#f99b00; display:block; text-align:center; text-decoration:none;}
	.it-box-link:hover{ background:#107dba; color:#ffffff; text-decoration:none;}


.img-w{
	width: 100% !important;
	margin-bottom: 15px;
}

.services-box{ width:29% !important; float:left; position:relative; z-index:1; margin-bottom:40px; min-height:220px !important;}
.services-box .services-img img{ width:100%; position:relative; z-index:1;}
.services-box-link{ background:url(images/spltr.png); padding:2% 1% !important; width:98% !important; min-height:50px; font-size:15px !important; line-height:50px; font-weight:bold; color:#f99b00; display:block; text-align:center; text-decoration:none; position:absolute; z-index:100; top:0;}
	.services-box-link:hover{ background:url(images/spltr-blue.png); color:#ffffff; text-decoration:none;}

.services-box:hover .services-box-link{ background:url(images/spltr-blue.png); color:#ffffff; text-decoration:none;}

.services-box-text{ background:#eeeeee; padding:10px; font-size:13px !important; color:#555555; line-height:18px !important; min-height:100px !important;}

.services-r-marg{ margin-right:36px;}

}




@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape){
	
#mob-menu{ display:block !important; padding-top:15px !important; position:fixed !important; z-index:1000000 !important; right:0 !important; top:0 !important; margin-right:4.5% !important;}
#nav{ display:none !important;}
	
#header-top{ padding:0px 0px 20px 0px !important; min-height:120px !important;}
	
.display-b{ display:inline-block !important;}

	.top-content-L{ width:100%; float:left; text-align:center; border-bottom:1px solid #FFFFFF; margin-bottom:5px; padding-bottom:10px;}
	
	.top-content-C{ width:90%; margin:0px auto; text-align:center;}
		.client{ border:1px solid #ffffff; border-radius:3px; padding:5px 10px; display:inline-block; text-decoration:none; color:#FFFFFF;}
	
	.top-content-R{ width:100%; float:left; text-align:center !important;}
		.top-content-text3{ font-size:11px; color:#FFFFFF; line-height:20px;}
		.v-more{ background:url(images/arrow.png) no-repeat right 4px; font-size:11px; color:#FFFFFF; text-decoration:underline; padding-right:20px; margin-left:35px;}
		.v-more:hover{ color:#000000; text-decoration:underline;}

	#logo{ float:left; margin-top:0px; width:80% !important; margin-left:50px !important;}	
	
#inner-banner{ width:100%; margin:0px auto; background:url(images/banner1.jpg) no-repeat center top; height:330px !important;}
#contact-banner{ width:100%; margin:0px auto; background:url(images/banner2.jpg) no-repeat center top; height:330px !important;}
	
	
.content-box{ width:96% !important; margin-bottom:40px;}
	.image{ margin-top:-65px !important; margin-bottom:35px;}
	.content-box-marg-R{ margin-right:0px !important;}

#services{ width:100%; margin:0px auto; background:url(images/Demo-BG.jpg) repeat-y center top !important; min-height:700px !important; text-align:center;}
	.services-text{ width:95%; margin:0px auto; padding-top:4% !important; text-align:center; text-transform:uppercase; font-size:32px !important; color:#f1a82a; font-weight:bold; line-height:normal; text-shadow:0px 0px 3px #000000;}
	.services-text p{ font-size:14px; color:#FFFFFF; margin-bottom:20px; line-height:22px; text-transform:none; font-weight:normal;}
	



	.testimonials-box{ width:75% !important; background:#fafafa; border:1px solid #cdcdcd; padding:3% 5% 2% 5%; margin:0px auto;}
	.testi-L{ text-align:center; margin:0px auto; float:left !important; background:url(images/testi-img-bg.png) no-repeat; width:156px; height:147px; margin-right:0px !important; margin-left:35% !important; margin-bottom:20px !important;}
		.testi-L img{ text-align:center; margin:0px auto; border:1px solid #cccccc; border-radius:60px; margin:13px 0px 0px -10px;}

	.testi-R{ float:left; width:100% !important; font-size:16px; color:#999999; line-height:22px;}

		.left-arrow{ float:left; margin-top:180px !important; margin-left:0px !important;}
		.right-arrow{ float:right; margin-top:180px !important; margin-right:0px !important;}
		
		
	.contact-form{ width:100% !important; margin:0px auto; margin-top:40px !important;text-align: center;}
	
		.input{ float:left; background:#0e93de; width:43% !important; padding:2% 1%; border:none; border-radius:5px; font-size:12px; font-weight:bold; color:#ffffff; margin-bottom:30px;}
		.input2{ float:left; background:#0e93de; width:19% !important; padding:2% 1%; border:none; border-radius:5px; font-size:12px; font-weight:bold; color:#ffffff; margin-bottom:30px;}
		.textarea{ float:left; background:#0e93de; width:98% !important; height:100px; padding:2% 1%; border:none; border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; margin-bottom:5px;}
		.select-list{ float:left; background:#107dba; width:44.7% !important; height:50px !important; padding:2% 1%; border:none; border-radius:5px; font-size:12px; font-weight:bold; color:#ffffff; margin-bottom:30px;}



#footer{ width:100%; margin:0px auto; background:#000000 url(images/footer-bg.jpg) no-repeat center top !important; height:100% !important;}
	
	.footer-services{ float:left; width:100% !important; margin-top:-20px !important;}
			
		.footer-services .social{ float:left; margin-top:0px !important; margin-bottom:30px !important;}
		
	.who-we-serve{ float:left; width:100% !important; margin-bottom:50px !important;}
		.who-we-serve ul{ list-style:none;}
		.who-we-serve ul li{ margin-bottom:20px; width:50% !important; float:left !important;}
		.who-we-serve ul li a{ font-size:18px; color:#ffffff; text-decoration:none; display:block;}
		.who-we-serve ul li a:hover{ text-decoration:underline;}
	
	.news{ float:left; width:100% !important;}
		.news-box{ margin-bottom:22px;}

	.footer-marg-R{ margin-right:0px !important;}




.it-box{ width:100% !important; float:left; min-height:300px !important; margin-bottom:30px !important;}


.services-box{ width:46% !important; float:left; position:relative; z-index:1; margin-bottom:20px; min-height:220px !important; margin-right:15px !important;}
.services-box .services-img img{ width:100%; position:relative; z-index:1;}
.services-box-link{ background:url(images/spltr.png); padding:2% 1% !important; width:98% !important; min-height:50px; font-size:15px !important; line-height:50px; font-weight:bold; color:#f99b00; display:block; text-align:center; text-decoration:none; position:absolute; z-index:100; top:0;}
	.services-box-link:hover{ background:url(images/spltr-blue.png); color:#ffffff; text-decoration:none;}

.services-box:hover .services-box-link{ background:url(images/spltr-blue.png); color:#ffffff; text-decoration:none;}

.services-box-text{ background:#eeeeee; padding:10px; font-size:13px !important; color:#555555; line-height:18px !important; min-height:100px !important;}
	
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait){
#mob-menu{ display:block !important; padding-top:15px !important; position:fixed !important; z-index:1000000 !important; right:0 !important; top:0 !important; margin-right:4.5% !important;}
#nav{ display:none !important;}
	
#header-top{ padding:0px 0px 20px 0px !important; min-height:120px !important;}
	
.display-b{ display:inline-block !important;}

	.top-content-L{ width:100%; float:left; text-align:center; border-bottom:1px solid #FFFFFF; margin-bottom:5px; padding-bottom:10px;}
	
	.top-content-C{ width:90%; margin:0px auto; text-align:center;}
		.client{ border:1px solid #ffffff; border-radius:3px; padding:5px 10px; display:inline-block; text-decoration:none; color:#FFFFFF;}
	
	.top-content-R{ width:100%; float:left; text-align:center !important;}
		.top-content-text3{ font-size:11px; color:#FFFFFF; line-height:20px;}
		.v-more{ background:none !important; font-size:11px; color:#FFFFFF; text-decoration:underline; margin-left:35px;}
		.v-more:hover{ color:#000000; text-decoration:underline;}

	#logo img{ float:left; margin-top:20px !important; width:100% !important; margin-bottom:0px !important;}	
	


<!--#banner{ width:100%; margin:0px auto; background:url(images/banner.jpg) no-repeat center top; height:430px !important;}
-->

#inner-banner{ width:100%; margin:0px auto; background:url(images/banner1.jpg) no-repeat center top; height:260px !important;}
#contact-banner{ width:100%; margin:0px auto; background:url(images/banner2.jpg) no-repeat center top; height:260px !important;}

.banner-text{ width:80%; margin:0px auto; padding-top:20%; text-align:center; text-transform:uppercase; font-size:42px !important; color:#FFFFFF; font-weight:bold; line-height:normal; text-shadow:0px 0px 7px #000000;}
	.banner-text span{ text-transform:uppercase; font-size:18px; color:#FFFFFF; font-weight:bold; line-height:normal;}

.banner-text2{ width:80%; margin:0px auto; padding-top:20%; text-align:center; text-transform:uppercase; font-size:42px !important; color:#f99b00; font-weight:bold; line-height:normal; text-shadow:0px 10px 10px #000000;}
	.banner-text2 span{ text-transform:uppercase; font-size:18px; color:#FFFFFF; font-weight:bold; line-height:normal;}


#banner-blue-content{ width:100%; padding:50px 0px; background:#107dba; margin:0px auto;}
	.blue-content{ width:90%; margin:0px auto; color:#FFFFFF;text-align: center;}
	.blue-content p{ font-size:14px; color:#FFFFFF; line-height:normal;}
	.text1{ font-size:30px; font-weight:bold;color:#f1a82a; text-transform:uppercase; line-height:normal; margin-bottom:50px;}
	.text2{ font-size:22px; font-weight:bold; line-height:normal; margin-bottom:10px;}
	

.blue-box-bnr{ width:100% !important; float:left; min-height:120px; line-height:22px; margin-bottom:50px; font-size:14px;}
	.blue-box-bnr h2{ font-size:16px; font-weight:bold; margin-bottom:10px; text-decoration:underline;}
	.blue-box-bnr img{ width:100% !important; margin-bottom:10px;}

	
	
.content-box{ width:96% !important; margin-bottom:40px;}
	.image{ margin-top:-55px !important; margin-bottom:35px;}
	.content-box-marg-R{ margin-right:0px !important;}

#services{ width:100%; margin:0px auto; background:url(images/Demo-BG.jpg) repeat-y center top !important; min-height:1030px !important; text-align:center;}
	.services-text{ width:95%; margin:0px auto; padding-top:4% !important; text-align:center; text-transform:uppercase; font-size:32px !important; color:#f1a82a; font-weight:bold; line-height:normal; text-shadow:0px 0px 3px #000000;}
	.services-text p{ font-size:14px; color:#FFFFFF; margin-bottom:20px; line-height:22px; text-transform:none; font-weight:normal;}
	



	.testimonials-box{ width:70% !important; background:#fafafa; border:1px solid #cdcdcd; padding:3% 5% 2% 5%; margin:0px auto;}
	.testi-L{ text-align:center; margin:0px auto; float:left !important; background:url(images/testi-img-bg.png) no-repeat; width:156px; height:147px; margin-right:0px !important; margin-left:15% !important; margin-bottom:20px !important;}
		.testi-L img{ text-align:center; margin:0px auto; border:1px solid #cccccc; border-radius:60px; margin:13px 0px 0px -10px;}

	.testi-R{ float:left; width:100% !important; font-size:16px; color:#999999; line-height:22px;}

		.left-arrow{ float:left; margin-top:180px !important; margin-left:0px !important;}
		.right-arrow{ float:right; margin-top:180px !important; margin-right:0px !important;}
		
		
	.contact-form{ width:100% !important; margin:0px auto; margin-top:40px !important;text-align: center;}
	
		.input{ float:left; background:#0e93de; width:100% !important; padding:2% 1%; border:none; border-radius:5px; font-size:12px; font-weight:bold; color:#ffffff; margin-bottom:30px;}
		.input2{ float:left; background:#0e93de; width:45% !important; padding:2% 1%; border:none; border-radius:5px; font-size:12px; font-weight:bold; color:#ffffff; margin-bottom:30px;}
		.textarea{ float:left; background:#0e93de; width:100% !important; height:100px; padding:2% 1%; border:none; border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; margin-bottom:5px;}
		.select-list{ float:left; background:#107dba; width:98% !important; height:30px !important; padding:2% 1%; border:none; border-radius:5px; font-size:12px; font-weight:bold; color:#ffffff; margin-bottom:30px;}


		#fter{ width:100%; margin:0px auto; background:#000000 url(images/audit-banner.jpg) no-repeat center top !important; height:100% !important;}

#footer{ width:100%; margin:0px auto; background:#000000 url(images/footer-bg.jpg) no-repeat center top !important; height:100% !important;}
	
	.footer-services{ float:left; width:100% !important; margin-top:-20px !important;}
			
		.footer-services .social{ float:left; margin-top:0px !important; margin-bottom:30px !important;}
		
	.who-we-serve{ float:left; width:100% !important; margin-bottom:50px !important;}
		.who-we-serve ul{ list-style:none; margin-top:-15px !important; }
		.who-we-serve ul li{ margin-bottom:10px !important; width:48% !important; float:left !important;}
		.who-we-serve ul li a{ font-size:13px !important; color:#ffffff; text-decoration:none; display:block;}
		.who-we-serve ul li a:hover{ text-decoration:underline;}
	
	.news{ float:left; width:100% !important;}
		.news-box{ margin-bottom:22px;}

	.footer-marg-R{ margin-right:0px !important;}

	
	
	
.it-box{ width:100% !important; float:left; min-height:300px !important; margin-bottom:30px !important;}


.services-box{ width:100% !important; float:left; position:relative; z-index:1; margin-bottom:20px; min-height:200px !important; margin-right:0px !important;}


.info-box-main{ width:100%; margin:0px auto;}
	.info-box{ width:96% !important; float:none !important; text-transform:uppercase; color:#FFFFFF; font-size:20px; font-weight:bold; line-height:24px; margin-bottom:30px !important;}
	.info-box span{ font-size:22px; text-transform:uppercase; color:#000000;}



}


@media (max-width: 1024px){
#mob-menu{ display:block !important; padding-top:15px; position:fixed !important; z-index:1000000; right:0; margin-right:4.5%;}
#nav{ display:none !important;};

}

.left2{ float:left; width:28%; margin-right:5%;padding-bottom:15px;text-align: center;}
.left3{ float:left; width:45%; margin-right:5%;padding-bottom:15px;text-align: center;}
@media only screen and (max-width: 768px) {
	.left2{width: 100% !important;}
	.left3{width: 100% !important;}
	.it-m-r{
		margin-left: 0px !important;
	}
  }
  .dropbtn {
	background-color: #0e93de;
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
	padding: 25px 50px 20px 50px;
  }
  
  .dropdown {
	position: relative;
	display: inline-block;
	padding: 25px 5px 5px 5px;
  }
  
  .dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1000;
  }
  
  .dropdown-content a {
	background-color: #0e93de;
	color: white;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
  }
  
  .dropdown-content a:hover {background-color: #ddd;color: #000000;}
  
  .dropdown:hover .dropdown-content {display: block;}
  
  .dropdown{background: url(images/orange-bdr.jpg) no-repeat right bottom;color: #FFFFFF; }
  .dropdown:hover .dropbtn {background-color: #0e93de;color: white;}
  .it-m-r{
	  margin-left: 17%;
  }
  ::placeholder {
  color: white;
  opacity: 1; /* Firefox */
  	font-size: 12px;
  
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: white;
 	font-size: 12px;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: white;
 	font-size: 12px;
}