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

/*body*/
body{ margin:0px; padding:0px;font-family: 'Maven Pro', sans-serif;}
a { text-decoration:none; color:#000;}
p { margin:0px; padding:0px;}
/*body*/

/**colume**/
.col-75{ width:75%; height:auto; float:left;}
.col-25{ width:25%; height:auto; float:left}

.col-50{ width:50%; height:auto; float:left;}

.col-50 span { display:block; text-align:center;}
.col-3{ width:33.33%; height:auto; float:left;}

.col-4{ width:21%; height:auto; float:left; margin:2%; text-align:center;}
.col-4 img { width:100%; height:auto;}


.col-5{ width:20%; height:auto; float:left;}
/**colume**/

/**pull**/
.pull-left{ float:left;}
.pull-right{ float:right;}
.pull-none{ float:none;}
.inlinebloack{ display:inline-block;}
.margin-auto{ margin:auto; text-align:right;}

/**phone**/
.top-margin-phone{ margin-top:20px;}
.phone-text{ font-size:28px; color:#0470b9;}
.email-text{ font-size:13px; color:#000; text-align:center; width:100%;}
.text-center{ text-align:center;}


/*wrapper container clear flex*/
#wrapper{ width:100%; height:auto;}
.outer-container{ width:982px; margin:0px auto; padding:0px; height:auto;}
.container{ width:100%; height:auto;}
.container ul { list-style-type:disc; font-size:15px; color:#000; margin:0px 0px 0px 30px; padding:0px;}
.container li { padding:5px;}
.container li a { color:#000; text-decoration:none;}
.container li a:hover { color:#06F; text-decoration:none;}
.box-container{ width:94%; padding:3%; height:auto;}
.clear-flex{ clear:both;}

/*header menu*/
header{ width:100%; height:auto; margin:0px; padding:0px;}
.header-bg{ width:100%; height:124px; background:url(../img/top-header-bg.gif); background-repeat:repeat-x;}
.logo-img{ width:183px; height:124px; float:left;}
.header-col-2{ width:50%; float:left;}
menu{ background-color:#f8e040; width:100%; height:auto; padding:5px 0px; margin:0px auto;}


/*banner*/
.banner-bg{ width:100%; height:437px; background-image:url(../img/banner-bg.jpg); background-repeat:no-repeat; background-position:center center; background-color:#000;margin:0px 0px 0px 0px;}
.banner{ width:100%; height:325px; padding:112px 0px 0px 0px; margin:0px 0px 0px 0px;}

/*welcome*/
.welcome-box{ background-color:#000; height:228px;}
.welcome-col-left{width:685px; margin:0px; height:auto;float:left;}
.welcome-col-right{ width:297px; margin:0px;  height:auto; float:left;}
.welcome-box h1 { display:block; margin:20px 20px 0px 40px; padding:0px; color:#FFF; font-size:25px; font-weight:400; text-transform:uppercase;}
.welcome-box p { display:block; margin:20px 0px 0px 40px; padding:0px; color:#FFF; font-size:16px;font-weight:400;}


/*projects*/
.project-box{ background-color:#f8e040; height:auto;}
.project-box img { width:100%; height:auto;}
.project-box h1 { display:block; margin:0px 0px 0px 0px; padding:0px 0px 20px 15px; color:#000; font-size:28px; font-weight:400;}
.project-box h4 { display:block; margin:10px 0px 10px 0px; padding:0px; color:#000; font-size:16px;font-weight:bold;}
.project-box p { display:block; margin:0px; padding:0px; color:#000; font-size:13px;}
.project-col-4-1{ width:21%; height:auto; margin:0% 2% 0% 2%; float:left;}
.project-col-4-1 span { width:100%; height:auto; display:block;}
.view-projects-galler{ margin:0% 0% 3% 3%; text-align:center; color:#FFF; background-color:#06C; width:97%; padding:3% 0%;}
/*projects*/

/**cliesnts logo**/
.clients-logo{ width:100%; height:auto;}
.clients-logo h1 
{
    display: block;
    margin: 0px;
    padding: 0px 0px 20px 15px;
    color: #000;
    font-size: 28px;
    font-weight: 400;
}
/**cliesnts logo**/

/**footer**/
footer{ width:100%; height:auto; padding:20px 0px; margin:20px 0px 0px 0px; background-color:#0182dd;}
footer ul { list-style-type:none; font-size:12px; color:#FFF; margin:0px;}
footer li { padding:5px 10px; display:inline-block; float:left;}
footer a { text-decoration:none; color:#fff;}
.followus{ width:100%; height:auto;font-size:12px; color:#FFF;}
.followus span { float:left; display:block; width:50%; height:auto; padding:5px 0px;}
.copyright{
	font-size: 12px;
	color: #FFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0169b0;
	text-align:center;
	margin-top:10px;
	padding-top:20px;
}
/**footer**/


/**next page*******************************************************************/
.container-box{ width:94%; padding:3%; height:auto;}
.container-box h1 { font-size:30px; color:#046eb8; margin:0px 0px 20px 0px; padding:0px; display:block;border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b3dbf7;}
.container-box h2 {
	font-size: 16px;
	color: #333;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}

.container-box h3 {
	font-size: 15px;
	color: #333;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 0px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
.container-box p { font-size:14px; color:#000; margin:0px 0px 0px 0px; padding:0px; line-height:20px; text-align:justify;}

.responsive-img-pad-left-o{ width:97%; height:auto; padding:3% 3% 3% 0%;}
.responsive-img-pad-right-o{ width:97%; height:auto; padding:3% 0% 3% 3%;}
.responsive-img{ width:100%; height:auto;}

.left-box{ width:44%; border:dotted 1px #000; float:left; padding:2%; margin-right:2%;}
.right-box{ width:43.3%; border:dotted 1px #000; float:left; padding:2%; margin-left:2%;}

.input-text{ border: solid 1px #999; font-size:12px; color:#000; width:100%; margin-top:10px;}