@charset "utf-8";

/* CSS Document */



body{background:#fff; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-family: 'Lucida Sans';}

* a{-webkit-transition:all 400ms ease-in; -o-transition:all 400ms ease-in; -moz-transition:all 400ms ease-in; -ms-transition:all 400ms ease-in;}

* a:hover{-webkit-transition:all 200ms ease-in; -o-transition:all 200ms ease-in; -moz-transition:all 200ms ease-in; -ms-transition:all 200ms ease-in;}

*{  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.clear{clear:both;}

h1,h2,h3,h4,h5,h6{margin:0px; padding:0px; font-weight:normal; }

p{ margin:0px; padding:0px; font-size:24px; color:#000; font-family: 'Lucida Sans'; letter-spacing:1px; line-height:40px;}

@font-face {

	font-family: 'BN Elements';

	src: url('../fonts/BNElements.eot');

	src: url('../fonts/BNElements.eot?#iefix') format('embedded-opentype'),

		url('../fonts/BNElements.woff2') format('woff2'),

		url('../fonts/BNElements.woff') format('woff'),

		url('../fonts/BNElements.ttf') format('truetype'),

		url('../fonts/BNElements.svg#BNElements') format('svg');

	font-weight: normal;

	font-style: normal;

}



@font-face {

	font-family: 'Microsoft New Tai Lue';

	src: url('../fonts/MicrosoftNewTaiLue.eot');

	src: url('../fonts/MicrosoftNewTaiLue.eot?#iefix') format('embedded-opentype'),

		url('../fonts/MicrosoftNewTaiLue.woff2') format('woff2'),

		url('../fonts/MicrosoftNewTaiLue.woff') format('woff'),

		url('../fonts/MicrosoftNewTaiLue.ttf') format('truetype'),

		url('../fonts/MicrosoftNewTaiLue.svg#MicrosoftNewTaiLue') format('svg');

	font-weight: normal;

	font-style: normal;

}



@font-face {

	font-family: 'Lucida Sans Unicode';

	src: url('../fonts/LucidaSansUnicode.eot');

	src: url('../fonts/LucidaSansUnicode.eot?#iefix') format('embedded-opentype'),

		url('../fonts/LucidaSansUnicode.woff2') format('woff2'),

		url('../fonts/LucidaSansUnicode.woff') format('woff'),

		url('../fonts/LucidaSansUnicode.ttf') format('truetype'),

		url('../fonts/LucidaSansUnicode.svg#LucidaSansUnicode') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'Lucida Sans';

	src: url('../fonts/LucidaSans.eot');

	src: url('../fonts/LucidaSans.eot?#iefix') format('embedded-opentype'),

		url('../fonts/LucidaSans.woff2') format('woff2'),

		url('../fonts/LucidaSans.woff') format('woff'),

		url('../fonts/LucidaSans.ttf') format('truetype'),

		url('../fonts/LucidaSans.svg#LucidaSans') format('svg');

	font-weight: normal;

	font-style: normal;

}

h3{

	font-size:36px; color:#0a592f; font-family: 'Lucida Sans'; margin-bottom:20px;

}



.mid_content{

	max-width:1280px; margin:0px auto;

}

header{

	width:100%; float:left; background:url(../images/header-bg.jpg) repeat-x #5d655a; padding:14px 0px 9px;

}

.logo{

	width:22.8%; float:left;

}

.logo img{

	width:100%; float:left; height:auto;

}

.hdr_rght{

	width:60%; float:right; text-align:right; margin:7px 0px 0px;

}

.hdr_rght span{

	width:100%; float:left; color:#d5d5d2; letter-spacing:2px;

}

.boaringtunneling_txt{

	font-size:35px; font-family: 'BN Elements'; line-height:29px;

}

.pobox_txt{

	font-size:15px; font-family: 'Microsoft New Tai Lue';

}

.boaringtunneling_txt.phn_no{

	font-size:24px; margin:3px 0px 0px;

}





nav{

	width:100%; float:left; background:#000; padding:2px 0px;

}

nav .pull_nav{ display:none}

nav ul{

	margin:0px; padding:0px; text-align:center; 

}

nav ul li{

	float:none; font-size:18px; font-family: 'Lucida Sans Unicode'; text-transform:uppercase; display:inline-block; letter-spacing:2px;

	margin:0px 30px;

}

nav ul li a{

	text-decoration:none; color:#d5d5d2; display:block;

}

nav ul li a:hover, nav ul li a.nav_active, nav ul li.current-menu-item a{

	color:#3e8e5e;

}



/* Mobile navigation */

.nav-mobile {display:none;cursor:pointer; position:absolute; right: 7px; top:7px; background:url(../images/nav-mobile.png) no-repeat; height:37px; width:37px;}

/* Mobile navigation, clickable area for revealing <ul> */

.nav-click {position:absolute; top:10px; right:10px; display:none; height:11px; width:15px; cursor:pointer;}

.nav-click i {display:block; height:11px; width:15px; background: url(../images/down-arroa.png) no-repeat center center;}

.nav-click:hover {background-color:none;}

.nav-rotate {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}









.home_banner .bx-wrapper{position:relative; width:100%; float:left; max-width:none!important;}

.home_banner .bx-default-pager { display:none;}

.home_banner{width:100%; float:left; position:relative;}

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

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

.home_page_container{width:100%; float:left; position:relative;}

.home_content_col{

	width:100%; float:left; background:rgba(0,0,0,.66); font-size:24px; color:#fff; font-family: 'Microsoft New Tai Lue';

	position:absolute; left:0px; bottom:0px; line-height:40px; padding:43px 0px 50px;

}

.home_content_col p{

	padding:0px 37px; color:#FFF;

}

.home_banner .bx-controls-direction{

}

.home_banner a.prev{width:48px; height:37px; background:url(../images/home_slider_arrows.png) no-repeat left top;

border:1px solid #fff; position:absolute; left:30px; top:50%; margin-top:-48px;}

.home_banner a.next{width:48px; height:37px; background:url(../images/home_slider_arrows.png) no-repeat right top;

border:1px solid #fff; position:absolute; right:30px; top:50%;  margin-top:-48px;}

.home_banner a:hover{opacity:.7;}





.inner_bnr{

	width:100%; float:left;

}

.inner_bnr img{

	width:100%; float:left; height:auto;

} 



.main_container{

	width:100%; float:left; padding:36px 65px; min-height:600px;

}

ul.project_lst{

	width:100%; float:left; margin:0px 0px 160px; padding:0px;

}

ul.project_lst li{

	list-style:none; float:left; width:100%; border-bottom:2px solid #457452; padding:28px 0px;

}

ul.project_lst li .project_img{

	width:25%; float:left; 

}



ul.project_lst li .project_img img{

	width:100%; float:left; height:auto;

}

ul.project_lst li .project_rht_col{width:75%; float:right; padding-left:35px;}
ul.project_lst li .project_rht_col .view_more_link{    text-decoration: underline;
    color: #000;}
ul.project_lst li h4{

	font-size:30px; color:#000; font-weight: bold; font-family: 'Lucida Sans'; margin-bottom:5px;

}
ul.project_lst.service_page li:nth-child(even){float:right}
ul.project_lst.service_page li:nth-child(even) .project_img{float:right}
ul.project_lst.service_page li:nth-child(even) .project_rht_col{padding-left:0; padding-right:35px;}
ul.project_lst li p{

	letter-spacing:0px;

}





.mid_left{

	width:60%;

	float:left;

}

.mid_rght{

	width:37.2%;

	float:right;

}



.contact_form{

	width:100%; float:left;

}

.contact_form .contact_field{

	margin-bottom:10px; width:100%; float:left;

}

.contact_form .contact_field label{

	font-size:15px;

	color:#000;

	margin-bottom:5px; width:100%; float:left;

}

.contact_form .contact_field .contact_input, .contact_form .contact_field .contact_msg{

	background:#fff;

	border:1px solid #999;

	margin:0px;

	padding:10px;

	margin-top: 5px;

	box-shadow:inset 0px 0px 7px #ccc;

	width:100%; float:left;

	

}

span.wpcf7-not-valid-tip {

   

    font-size: 13px;



    float: left;

    width: 100%;

    margin-top: 5px;

}

.contact_field .contact_msg{    height: 110px; resize:none}

.contact_form .contact_field .contact_input:hover, .contact_form .contact_field .contact_msg:hover{

	background:#f2f2f2;

	-webkit-transition:all 400ms ease-in;

	-o-transition:all 400ms ease-in;

	-moz-transition:all 400ms ease-in;

	-ms-transition:all 400ms ease-in;

}

.submit_btn{

	padding:10px 50px;

	font-size:20px;

	color:#fff;

	background:#3e8e5e;

	box-shadow:inset 0px 3px 5px #0f6d34;

	border:0px;

	font-family: 'Lucida Sans';

}

.submit_btn:hover{

	cursor:pointer;

	background:#0f6d34;

	box-shadow:inset 0px 3px 5px #02401b;

	-webkit-transition:all 400ms ease-in;

	-o-transition:all 400ms ease-in;

	-moz-transition:all 400ms ease-in;

	-ms-transition:all 400ms ease-in;

}

.contact_info{

	margin-top:17px; width:100%; float:left;

}

.contact_info p{

	font-size:20px;

}

.contact_info p a{

	color:#d39f07;

}



footer{

	width:100%; float:left; background:#000; font-family: 'Lucida Sans Unicode'; color:#d5d5d2; font-size:12px; text-align:center; letter-spacing:2px;

	padding:24px 0px;

} 







@media only screen and (min-width:1000px) and (max-width:1250px) {

	header {

    padding:12px 10px 0px;

}

	.hdr_rght {

    width: 70%;

	}

	.logo {

    width: 26.8%;

}

.boaringtunneling_txt {

    font-size: 28px;

}

p{

	font-size:20px; line-height:30px;

}

.main_container {

    padding: 36px 10px;

}



}

@media only screen and (min-width:768px) and (max-width:999px) {

	header {

    padding:12px 10px 0px;

}

	.hdr_rght {

    width: 65%;

	}

	.logo {

    width: 34.8%;

}

.boaringtunneling_txt {

    font-size: 20px;

}

.boaringtunneling_txt.phn_no {

    font-size: 18px;

}

p{

	font-size:18px; line-height:30px;

}



nav ul li {

    font-size: 15px; margin:0px 16px;

}

nav {

    padding: 4px 0px;

}

.home_banner_desc{

	padding:10px 0px;

}

.main_container {

    padding: 36px 10px;

}

h3 {

    font-size: 30px;

}



ul.project_lst li h4 {

    font-size: 18px;

}

ul.project_lst li p {

    font-size: 15px;

}

}

@media only screen and (min-width:267px) and (max-width:767px) {

	
ul.project_lst.service_page li:nth-child(even) .project_img {
    float: none;
}
	

nav .pull_nav {

 

    display: block;

    height: 50px;

    position: absolute;

    top: 0;

    width: 100%;

	text-indent:-9999px;

}

nav ul {

	background: #0f5f34 none repeat scroll 0 0;

    position: absolute;

    text-align: center;

    width: 100%;

	display:none;

    z-index: 999999;

}

	ul.project_lst li .project_rht_col {



    padding-left: 0;

    width: 100%;

}

	.home_content_col {



    padding: 43px 10px 50px;

    position: static;



}

.home_content_col p {



    padding: 0;

}

	.nav-mobile {display:block; background:url(../images/nav-mobile.png) no-repeat 0px 5px;}

.nav {width:100%; padding: 50px 0 0; margin-left: 0px; background:url(../images/menu1.png) no-repeat 10px 14px #0f5f34; border-right:0px; position:relative;}

.nav-list {display:none;}

.nav-list li {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom: 1px solid #fff; float: none; width: 100%; border-radius: 0px; margin:0px;

font-size:14px;}

.nav-list li > a { border:0px; padding:8px 15px; border-radius: 0px; color:#fff!important;  border-bottom:0px;}

.nav-list li > a:hover, .nav-list li a.nav_active {color:#fff !important; background:none ; background-color:#16b25e; border-bottom:0px;  border:0px;}

.nav-click {display:block;}

.nav-mobile-open {border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;}

.nav-list li:hover .nav-submenu {display:none;}

.nav-list li:hover > a {color:#0272ba; border-bottom:0px;} 

.nav-submenu {position:static; width:100%;}

.nav-submenu.nav_wdt1{width:100%!important; left:0px;}

.nav-submenu:before{display:none;}

.nav-submenu li a.arrow_menu {background: none;}

nav ul li {

    border-bottom: 1px solid #fff;

   

    font-size: 15px;



    margin: 0;

    padding: 8px 11px;

    text-align: left;

  

    width: 100%;

}

nav ul li a{background:none}





header {

	text-align:center;

}

.logo {

    width: 50%;

	float:none;

	display:inline-block;

}

.hdr_rght {

    width: 100%;

    float: right;

    text-align: center;

}

.boaringtunneling_txt {

    font-size: 20px;

}

.boaringtunneling_txt.phn_no {

    font-size: 18px;

}

.home_banner_desc {

	display:none;

}

footer {

    padding:10px 10px;

}

.main_container {

    padding: 36px 10px;

}

h3 {

    font-size: 30px; text-align:center;

}

p{

	font-size:16px; line-height:30px; text-align:center;

}

ul.project_lst li{

	text-align:center;

}

ul.project_lst li .project_img {

    width:60%; float:none; display:inline-block; margin-right:0px; margin-bottom:20px;

}

ul.project_lst li h4 {

    font-size: 16px;

}

.mid_left {

    width: 100%;

    float: left; margin-bottom:50px;

}

.mid_rght {

    width: 100%;

    float: right;

}

project_rht_col p {

    font-size: 14px;

    line-height: 24px;



}

}