@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700');
body
{
	margin:0px;
	padding:0px;
	font-family: 'Oxygen', sans-serif !important;
}

.overflow
{
	overflow:hidden;
}

.zeropadding
{
	padding:0px 0px 0px 0px !important;
}

.header-wrap
{
	float:left;
	width:100%;
	height:auto;
}

.header-top
{
	float:left;
	width:100%;
	height:auto;
	background:#fff;
	padding:25px 0px;
}

.logo
{
	float:left;
	width:auto;
	height:auto;
}

.logo a
{
	display:block;
	text-decoration:none;
	border:none;
}

.menu-sec
{
	float:left;
	width:100%;
	height:auto;
}

.main-nav
{
	float:right;
	width:auto;
	height:auto;
}

.main-nav ul
{
	margin:0px;
	padding:0px;
	width:auto;
}

.main-nav ul li
{
	margin:0px;
	padding:25px 20px;
	display:block;
	float:left;
	list-style:none;
	text-align:center;
}

.main-nav ul li a
{
	margin:0px;
	padding:0px;
	display:block;
	float:left;
	list-style:none;
	text-decoration:none;
	color:#617391;
	font-weight:700;
	width:auto;
	height:auto;
	font-size:16px;
}

.main-nav ul li a:hover
{
	color:#053d9e !important;
	transition:all 100ms ease-out;
}

.main-nav ul li a.activvv
{
	color:#053d9e;
}


.location
{
	float:left;
	width:auto;
	height:auto;
	padding-top:25px;
	cursor:pointer;
	padding-bottom:10px;
}

.location span
{
	color:#617391;
	display:block;
	font-size:18px;
	float:left;
	width:auto;
	margin-right:10px;
	font-weight:700;
}

.location p
{
	margin:0px;
	padding:0px 0px;
	display:block;
	float:left;
	list-style:none;
	text-decoration:none;
	color:#617391;
	font-weight:700;
	width:auto;
	height:auto;
	font-size:16px;
}

.location-box
{
	position:absolute;
	width:100%;
	height:auto;
	display:none;
	color:#a8b0b7;
	top:50px;
	z-index:9999;
}

.location-box ul
{
	margin:0px;
	padding:0px;
	background:#ff7a21;
	display:block;
	float:left;
}

.location-box ul li
{
	padding:10px;
	margin:0px;
	width:100%;
	display:block;
	list-style:none;
	height:auto;
	float:left;
}

.location-box ul li a
{
	padding:5px 0px;
	margin:0px;
	width:auto;
	float:left;
	font-size:16px;
	display:block;
	color:#fff;
}

.location-box ul li a:hover
{
	text-decoration:none;
	color:#fff;
}

.banner-wrap
{
	float:left;
	width:100%;
	height:auto;
	background:url(../images/workman-image.jpg) no-repeat bottom right;
}

.banner
{
	float:left;
	width:100%;
	height:auto;
	padding:50px 0px 120px 0px;
}

.banner h1
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px 0px 30px 0px;
	font-size:50px;
	color:#617391;
	font-weight:700;
}

.banner h1 span
{
	color:#ff7a21;
}

.banner p
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:10px 0px 10px 0px;
	font-size:16px;
	color:#617391;
	line-height:28px;
	font-weight:500;
}

.banner-more1
{
	float:left;
	width:auto;
	height:auto;
}

.banner-more1 a
{
	float:left;
	width:100%;
	height:auto;
	padding:10px 15px;
	border-radius:4px;
	margin:10px 0px;
	font-size:16px;
	color:#fff;
	font-weight:500;
	background:#053d9e;
}

.banner-more1 a:hover
{
	text-decoration:none;
	color:#fff;
	background:#617391;
}

.banner-more2
{
	float:left;
	width:auto;
	height:auto;
	margin-left:15px;
}

.banner-more2 a
{
	float:left;
	width:100%;
	height:auto;
	padding:10px 15px;
	border-radius:4px;
	margin:10px 0px;
	font-size:16px;
	color:#fff;
	font-weight:500;
	background:#ff7a21;
}

.banner-more2 a:hover
{
	text-decoration:none;
	color:#fff;
	background:#617391;
}

/*end top*/

.about-wrap
{
	float:left;
	width:100%;
	height:auto;
	background:#053d9e url(../images/Config-Tools.png) right bottom no-repeat;
	padding:100px 0px 80px 0px;
}

.about
{
	float:left;
	width:100%;
	height:auto;
}

.about h2
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:10px 0px 10px 0px;
	font-size:28px;
	color:#fff;
	line-height:28px;
	font-weight:700;
	text-align:left;
}

.about h3
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:10px 0px 10px 0px;
	font-size:28px;
	color:#fff;
	line-height:28px;
	font-weight:700;
	text-align:left;
}

.about p
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:30px 0px 10px 0px;
	font-size:14px;
	color:#d3def2;
	line-height:26px;
	font-weight:500;
	text-align:left;
}

.about p span
{
	color:#fff;
	font-weight:900;
	font-size:20px;
	display:block;
}

.about p span a
{
	color:#fff;
	font-weight:900;
	font-size:20px;
	display:block;
}

.about-more
{
	float:left;
	width:auto;
	height:auto;
}

.about-more a
{
	float:left;
	width:100%;
	height:auto;
	padding:10px 15px;
	border-radius:4px;
	margin:10px 0px;
	font-size:14px;
	color:#fff;
	font-weight:500;
	background:#ff7a21;
}

.about-more a:hover
{
	text-decoration:none;
	color:#fff;
	background:#617391;
}

/*end about*/

.highlight-wrap
{
	float:left;
	width:100%;
	height:auto;
	/*background:#fff url(../images/crack-injections-tool.png) no-repeat center bottom;*/
	background:#fff url(../images/toolbox-png-image.png) no-repeat center;
	padding:70px 0px 70px 0px;
}

.highlight-left
{
	float:left;
	width:100%;
	height:auto;
	background:#fff;
	margin-bottom:40px;
}

.highlight-left h4
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:10px 0px 10px 0px;
	font-size:24px;
	color:#617391;
	font-weight:700;
	text-align:center;
}

.highlight-left p
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:20px 0px 20px 0px;
	font-size:14px;
	color:#617391;
	line-height:24px;
	font-weight:500;
	text-align:center;
}

.highlight-left-more
{
	margin:0 auto;
	width:70px;
	height:auto;
}

.highlight-left-more a
{
	width:auto;
	float:left;
	height:auto;
	padding:10px 15px;
	border-radius:4px;
	margin:0px auto;
	display:block;
	font-size:14px;
	color:#fff;
	font-weight:700;
	background:#617391;
}

.highlight-left-more a:hover
{
	text-decoration:none;
	color:#fff;
	background:#ff7a21;
}

.content-wrap
{
	float:left;
	width:100%;
	height:auto;
	background:#f1f0f0 url(../images/crack-injections-tool.png) center bottom no-repeat;
	padding:70px 0px 200px 0px;
}

.content-wrap h5
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:10px 0px 20px 0px;
	font-size:24px;
	color:#617391;
	font-weight:700;
	text-align:center;
}

.content-wrap p
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:20px 0px 20px 0px;
	font-size:14px;
	color:#617391;
	line-height:26px;
	font-weight:500;
	text-align:center;
}

.content-wrap a
{
	width:150px;
	height:auto;
	padding:10px 15px;
	border-radius:4px;
	margin:0px auto;
	display:block;
	font-size:14px;
	color:#fff;
	font-weight:700;
	background:#617391;
	clear:both;
	text-align:center;
}

.content-wrap a:hover
{
	text-decoration:none;
	color:#fff;
	background:#ff7a21;
}

.clients-wrap
{
	float:left;
	width:100%;
	height:auto;
	background:#fff;
	border-bottom:1px solid #CCC;
}

.clients
{
	float:left;
	width:100%;
	height:auto;
}

.clients img
{
	display:block;
	width:100%;
	opacity:.7;
	padding:20px;
}

.clients img:hover
{
	opacity:1;
}


#footer
{
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin-top:0px;
	background:#fff url(../images/footer-bg.png) no-repeat bottom;
	background-size:cover;
	padding:0px 0px 10px 0px;
}

.footer
{
	float:left;
	display:block;
	width:100%;
	height:auto;
	padding:30px !important;
}

.footer iframe
{
	width:100% !important;
}

.footer h5
{
	float:left;
	display:block;
	width:100%;
	font-size:30px;
	font-weight:700;
	color:#617391;
	margin:0px 0px 30px 0px;
	padding:0px;
	text-align:center;
}

.footer p
{
	float:left;
	display:block;
	width:100%;
	font-size:20px;
	color:#617391;
	text-align:center;
}

.footer span
{
	font-weight:bold;
}

.padd
{
	padding:0px 0px 20px 0px;
}
.footer-more a
{
	width:150px;
	height:auto;
	padding:10px 15px;
	border-radius:4px;
	margin:0px auto;
	display:block;
	font-size:14px;
	color:#fff;
	font-weight:700;
	background:#617391;
	clear:both;
	text-align:center;
}

.footer-more a:hover
{
	text-decoration:none;
	color:#fff;
	background:#ff7a21;
}

.copy
{
	float:left;
	width:100%;
	height:auto;
	padding:0px 0px 30px 0px;
}

.copy p
{
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	margin:0px;
	padding:0px;
	color:#617391;
	font-size:16px;
}

.scrollup {
	padding:10px 15px;
	position:fixed;
	bottom:30px;
	right:30px;
	display: none;
	background:#053d9e;
	z-index:9999;
	color:#fff;
	font-size:16px;
	font-weight:normal;
}

.scrollup a span
{
	float:left;
	display:block;
	width:auto;
	color:#fff;
}
.scrollup:hover {
	background:#617391;
	color:#fff;
}

.locationchange {
	padding:10px 15px;
	position:fixed;
	bottom:76px;
	right:30px;
	display: none;
	background:#ff7a21;
	z-index:9999;
	color:#fff;
	font-size:16px;
	font-weight:normal;
}

.locationchange a span
{
	float:left;
	display:block;
	width:auto;
	color:#fff;
}
.locationchange:hover {
	background:#617391;
	color:#fff;
}

.contact-wrap
{
	float:left;
	width:100%;
	height:auto;
	background:#f7f7f7;
}

.inner-service-wrap
{
	float:left;
	width:100%;
	height:auto;
	background:#f7f7f7 url(../images/water-bg.jpg) no-repeat center;
	background-size:cover;
	padding:70px 0px;
}


.highlight-left2
{
	float:left;
	width:100%;
	height:auto;
	background:#fff;
	margin-bottom:40px;
	padding:30px;
}

.highlight-left2 h4
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:10px 0px 10px 0px;
	font-size:20px;
	color:#617391;
	font-weight:700;
	text-align:left;
}

.highlight-left2 h5
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:20px 0px 0px 0px;
	font-size:18px;
	color:#053d9e;
	font-weight:700;
	text-align:left;
}

.highlight-left2 h6
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px 0px 10px 0px;
	font-size:12px;
	color:#053d9e;
	font-weight:700;
	font-style:italic;
	text-align:left;
}

.highlight-left2 p
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:10px 0px 10px 0px;
	font-size:14px;
	color:#617391;
	line-height:24px;
	font-weight:500;
	text-align:left;
}

.highlight-left2 p span
{
	font-weight:700;
	color:#354257;
}

.highlight-left2 ul
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px 0px 20px 0px;
}

.highlight-left2 ul li
{
	float:left;
	width:auto;
	height:auto;
	padding:10px 20px 5px 20px;
	margin:0px;
	font-size:14px;
	color:#617391;
	line-height:24px;
	font-weight:500;
	text-align:left;
	clear:both;
	display:block;
	list-style:none;
	border-bottom:1px solid #CCC;
}



.highlight-left-more2
{
	float:left;
	width:auto;
	height:auto;
}

.highlight-left-more2 a
{
	width:auto;
	float:left;
	height:auto;
	padding:10px 15px;
	border-radius:4px;
	margin:0px auto;
	display:block;
	font-size:12px;
	color:#fff;
	font-weight:700;
	background:#617391;
}

.highlight-left-more2 a:hover
{
	text-decoration:none;
	color:#fff;
	background:#ff7a21;
}

.loc-wrap
{
	float:left;
	width:100%;
	height:auto;
	background:#f7f7f7 url(../images/canada-map.png) no-repeat center;
}

.location-more
{
	float:left;
	width:auto;
	height:auto;
	margin:0px 10px 10px 0px;
}

.location-more a
{
	float:left;
	width:100%;
	height:auto;
	padding:10px 15px;
	border-radius:4px;
	margin:10px 0px 0px 0px;
	font-size:16px;
	color:#fff;
	font-weight:500;
	background:#053d9e;
}

.location-more a:hover
{
	text-decoration:none;
	color:#fff;
	background:#617391;
}


.content-wrap2
{
	float:left;
	width:100%;
	height:auto;
	background:#f1f0f0 url(../images/crack-injections-tool.png) center bottom no-repeat;
	padding:70px 0px 200px 0px;
}

.content-wrap2 h5
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:10px 0px 0px 0px;
	font-size:24px;
	color:#617391;
	font-weight:700;
	text-align:left;
}

.content-wrap2 p
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:20px 0px 0px 0px;
	font-size:14px;
	color:#617391;
	line-height:26px;
	font-weight:500;
	text-align:left;
}

.content-wrap2 a
{
	width:150px;
	height:auto;
	padding:10px 15px;
	border-radius:4px;
	margin:30px 0px 0px 0px;
	display:block;
	font-size:14px;
	color:#fff;
	font-weight:700;
	background:#617391;
	clear:both;
	text-align:center;
	float:left;
}

.content-wrap2 a:hover
{
	text-decoration:none;
	color:#fff;
	background:#ff7a21;
}

.goto-services
{
	float:left;
	width:100%;
	height:auto;
	padding:50px 0px;
	background:#fff;
}

.goto-services ul
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px 0px 20px 0px;
}

.goto-services ul li
{
	float:left;
	width:100%;
	height:auto;
	padding:10px;
	margin:0px 0px 0px 0px;
	list-style:none;
	border-bottom:1px solid #CCC;
}

.goto-services ul li a
{
	float:left;
	width:auto;
	height:auto;
	padding:0px;
	margin:0px;
	font-size:14px;
	color:#617391;
	line-height:24px;
	font-weight:500;
	text-align:left;
	display:block;
	list-style:none;
}
.goto-services ul li a span
{
	padding-right:5px;
}

.form-style{
	float:left;
	width:100%;
}
.form-style-heading{
    font-weight: bold;
    border-bottom: 2px solid #ddd;
    margin-bottom: 10px;
    font-size: 15px;
    padding-bottom: 3px;
}
.form-style label{
    display: block;
    margin: 0px 0px 15px 0px;
}
.form-style label > span{
    width: 100px;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
.form-style span.required{
    color:red;
}
.form-style .tel-number-field{
    width: 40px;
    text-align: center;
}
.form-style  .long{
    width: 120px;
}
.form-style input.input-field{
    width:100%;
   
}

.form-style input.input-field,
.form-style .tel-number-field,
.form-style .textarea-field,
 .form-style .select-field{
	 background:#f1f1f1;
	 border:1px solid #d6d6d6;
	 width:100%;
	 text-align:left;
	 padding:7px;
	 font-family: 'Roboto', sans-serif !important;
	 font-weight:300;
}
.form-style .input-field:focus,
.form-style .tel-number-field:focus,
.form-style .textarea-field:focus,  
.form-style .select-field:focus{
    border: 1px solid #0C0;
}
.form-style .textarea-field{
    height:100px;
    width: 100%;
}
.form-style input[type="button"],
.form-style input[type="submit"]
{
	display:block;
	width:auto;
	height:auto;
	padding:7px 10px;
	background:#ff7a21;
	border:none;
	float:left !important;
	margin:0px !important;
	color:#fff;
}
.form-style input[type="button"]:hover,
.form-style input[type="submit"]:hover {

    background-color: #5e6369;
	color:#fff;
	border-radius:0px;
	transition:all ease-in-out 300ms;
}
.form-style .success{
	background: #D8FFC0;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #2E6800;
	border-left: 3px solid #2E6800;
}
.form-style .error {
	background: #FFE8E8;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #FF0000;
	border-left: 3px solid #FF0000;
}


.field
{
	float:left;
	width:100%;
	height:auto;
	display:block;
	margin-bottom:20px;
}

.field input
{
	float:left;
	width:100%;
	padding:10px 10px;
	font-size:16px;
	color:#333;
	border:1px solid #CCC;
}

.field textarea
{
	float:left;
	width:100%;
	padding:10px 10px;
	font-size:16px;
	color:#333;
	border:1px solid #CCC;
}

.field-submit-btn 
{
	display:block;
	width:auto;
	height:auto;
	padding:7px 10px;
	background:#ff7a21;
	border:none;
	float:left !important;
	margin:0px !important;
	color:#fff;
	font-size:16px;
}

#form-messages
{
	float:left !important;
	width:100% !important;
	height:auto !important;
	text-align:center !important;
	font-size:18px !important;
	font-weight:200px !important;
	color:#fff!important;
	margin-bottom:30px;
	background:#0C3 !important;
}

#frmContact h4
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px 0px 0px 0px;
	color:#617391;
	font-size:22px;
	font-weight:900;
}

.logo-i-con
{
	float:left;
	width:100%;
	height:auto;
	margin:70px 0px 0px 0px;
}

.logo-i-con h3
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px 0px 30px 0px;
	color:#617391;
	font-size:22px;
	font-weight:900;
}


.logo-i-con img
{
	float:left;
	width:100%;
	height:auto;
	border:1px solid #f1f1f1;
	padding:10px;
	background:#FFF;
	margin-bottom:30px;
}

.logo-i-con p
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	font-size:16px;
	font-weight:700;
	margin:10px 0px;
	color:#617391;
}

.logo-i-con a
{
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	font-size:16px;
	font-weight:700;
	margin:10px 0px;
}

.zero-padding
{
	padding:0px 0px 0px 0px !important;
}