/*=============================================Page About=============================================*/
.about_page {
    float: left;
    width: 100%;
    margin: 0 auto;    
    background: #fff;
    padding: 60px 0 68px 0;
}
.page_title_menu_left{
	float:left;
	color:#008240;
	font-size:20px;
	text-transform: uppercase;
	padding: 0 0 12px 0;
	border-bottom: 2px solid #008240;
    margin-top: 59px;
    /*font-weight: bold;*/
    text-shadow:0 0 1px rgba(0,102,178,0.3);
}
.left_menu_bg{
	float: left;
    width: 100%;
    border-bottom: 1px solid #EEE;
    /*margin-top: -8px;*/
    /*margin-bottom: 30px;*/
}
.left_menu_item{
    float: left;
    width: 100%;
    color: #333;
    text-shadow:0 0 1px rgba(0,0,0,0.1);
    padding-top: 10px;
    padding-bottom: 11px;
    font-size:13px;
	text-transform:uppercase;
    border-top: 1px solid #EEE;
    /*font-family: 'SFUGillSans' !important;*/
    /*text-Shadow: 0 0 1px #ddd;*/   
}
.left_menu_bg a:hover, .left_menu_item.selected{
	color: #008240;
    text-shadow:0 0 1px rgba(0,102,178,0.3);
}
.left_menu_project_bg a:hover{
	color: #FFF;
}
.tab_content_item_bg {
    float: left;
    width: 100%;
    display: none;
}
.tab_content_item_bg:first-child{
    display: block;
}
.tab_content_item_bg.project {
    display: block;
}
.project_slide_bg {
    float: left;
    width: 100%;
    overflow: hidden;
    margin: 12px 0 -16px 0;
}
/*.left_menu_project_item {
    float: left;
    width: 100%;
    color: #666;
    padding-top: 9px;
    padding-bottom: 10px;
    font-size:12px;
    border-bottom: 1px solid #EEE;
	padding-left:15px;
    text-transform: uppercase;
    -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}*/
.left_menu_item i{
    float: right;
	margin-top:5px;
	margin-right: 10px;
    font-size: 11px;
}
/*.left_menu_project_item i {
    float: right;
	margin-top:5px;
	margin-right: 10px;
    font-size: 11px;
}*/
.left_menu_item:hover span, .left_menu_item.selected span
{
    float: right;
	margin-top:5px;
	margin-right: 10px;
    font-size: 11px;
    color: #008240;
}
/*.left_menu_project_item:hover span, .left_menu_project_item.selected span
{
    float: right;
	margin-top:5px;
	margin-right: 10px;
    font-size: 11px;
    color: #008240;  
}
.left_menu_project_item:hover, .left_menu_project_item.selected
{
    position:relative;
	background:#008240;  
	color:#fff;
}
.left_menu_project_item.for-touch:hover span
{
    float: right;
	margin-top:5px;
	margin-right: 10px;
    font-size: 11px;
    color: #008240;  
}
.left_menu_project_item.for-touch:hover
{
    position:relative;
	background:none;  
	color:#666;
} 
.left_menu_project_item.for-touch.selected span
{
    float: right;
	margin-top:5px;
	margin-right: 10px;
    font-size: 11px;
    color: #008240;    
}
.left_menu_project_item.for-touch.selected
{
    position:relative;
	background:#008240;  
	color:#fff;
}             
.left_menu_category_item.project_menu_item span, .left_menu_category_item.project_menu_item:hover span, .left_menu_category_item.project_menu_item.selected span {
    float: left;
    margin-top: 8px;
}*/
.page_title{
	position:relative;
    /*float: left;*/
	color:#008240;
	font-size:26px;
	padding: 0 0 5px 0;
    /*margin-top: 30px;*/
	text-shadow:0 0 1px rgba(0,102,178,0.3);
    text-transform: uppercase;
    line-height: 30px;
    /*border-right: 2px solid #f4811f; */
    /*background:url(../Images/Icons/title.png) no-repeat left 8px;*/
}
.page_title a{
	color:#008240;	
}
.page_title a:hover{
	color:#008240;
}
.page_title span{
    display: inline-block;
	width:12px;
	height:12px;
	/*top: 20px;*/
	margin:0 8px 3px 8px;
}
.page_content {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 30px;
    margin-top: 12px;  
}
.page_content img{
    width: 100%;
    height: auto;
    max-width: 100% !important;
}
.about_title{
	float:left;
    width: 100%;
    color: #00b359;
	font-size:16px;
	/*font-family: 'gillsansregular';*/
	text-transform: uppercase;
	padding: 0 0 15px 0;
	margin-top:8px;
}
.about_title.partner {
    color: #008240 !important;
    font-weight: bold;
}
.about_title.project {
    margin-top:20px;
}
.page_content_detail.project .tab_content_item_bg:first-child .about_title.project {
    margin-top:-20px;
}
.about_content{
	float:left;
    overflow: hidden;
    font-size: 15px;
    /*text-align: justify;*/
}
.about_content div em
{
    position: relative;
    top: -15px;
}
.about_content a{
    color: #008240;
}
.about_content a:hover{
    color:#00b359;
}
.about_img {
    float: left;
    width: 100%;
    margin: 26px 0 18px 0;
}
.about_img img
{
    width: 100%;
    height: auto;
}
.about_video {
    float: left;
    width: 100%;
    height: auto;
    margin: 16px 0 18px 0;
}
.videoWrapper {
	position:relative;
	padding-bottom:56.25%;
	padding-top:0;
	height:0;
	overflow:hidden;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.about_video .title{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 16px;
    font-size: 14px;
    text-shadow: 0px 0px 1px rgba(0,0,0,0.3);
    /*font-family: "SFUGillSansLight";*/
}
.virtual_tour_line 
{
    position: relative;    
    height: 1px;
    background: none;
    color: #fff;
    overflow: hidden;
    word-break: break-all;
}
.content_about_img{
	position:relative;
	margin-top:30px;
	margin-bottom:26px;
}
.about_service_title {
    position: relative;
    float: left;
    width: 100%;
    height: 32px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    margin-top: 15px;
    margin-bottom: 16px;
}
.about_service_title span{
    float: left;
    height: 32px;
    text-transform: uppercase;
    font-size: 18px;
    border-bottom: 2px solid #008240;
}
.page_content ul {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    line-height: 24px;
    list-style: none;
    padding: 6px 0 0 20px;
}
.page_content ul li {
    position: relative;
    float: left;
    width: 100%;
    padding-left: 20px;
}
.page_content ul li:before{
    position: absolute;
    left: 0;
    top: 1px;
    content: '\f185';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    color: #00b359;
    font-size: 8px;
    margin: 0 9px 0 0;
}
/*=============================================Contact Page=============================================*/
.contact_page_bg {
    float: left;
    width: 100%;
    margin: 0 auto;    
    background: #fff;
    padding: 65px 0 68px 0;    
}
/*.contact_page_bg::before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: '';
    background: url(../uploads/Bg/contact_mask.png);
}
.contact_bg {
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-top: 26px;
}
.news_page .contact_page_bg {
    height: 620px;
}
.news_page .contact_bg {
    top: 46%;
}*/
.contact_title {
    position: relative;
    float: left;
    width: 100%;
    font-size: 26px;
    color: #008240;
    text-transform: uppercase;
}
.contact_title div {
    position: relative;
    float: left;
    height: 38px;
    margin: 0 0 22px 15px;
    border-bottom: 3px solid #008240;
}
.contact_title div:after{
    position: absolute;
    content: '';
    width: 358px;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    left: 0;
    bottom: -3px;
}
/*.contact_title div:before{
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.2);
    left: 0;
    bottom: 0;
}*/
.contact_info {
    float: left;
    width: 100%;
    color: #fff; 
    margin-top: 22px;
    font-size: 12px;
}
.contact_info a{
    color: #fff;
}
.contact_info a:hover{
    border-bottom: 1px dotted rgba(255, 255, 255, 0.6);
}
.contact_mes {
     float: left;
    width: 100%;
    color: #fff;
    font-size: 12px;
    margin-top: 18px;
 }
.contact_title.location{
    text-align: center;
}
.map_bg {
    position: relative;
    float: left;
    width: 100%;
    height: 392px;
    margin-top: 33px;
    border: 3px solid #008240;
}
#map_canvas {
    position: relative;
    height: 386px;
}
.map_labels {
	font: 12px/23px "SVN-Futura",'Arial';
    color: #FFF;
    background: #008240;
    background: rgba(0, 130, 64, 0.68);
    text-align: center;
    width: 110px;
    height: 25px;
	text-transform:uppercase; 
	/*text-shadow: 0 0 3px #1E2960, 0 0 10px #1E2960, 0 0 10px #1E2960;!1!
	/*background:rgba(0,47,94,0.68);!1!
	padding:3px;*/
}
/*=============================================News Page=============================================*/
.news_page_bg {
    float: left;
    width: 100%;
    margin: 0 auto;    
    background: #FDFDFD;
    /*background: #F9F9F9;*/
    padding: 65px 0 68px 0;    
}
.news_page {
    float: left;
    width: 100%;
}
.news_item{
	/*position:relative;*/
    float: left;
    width: 100%;
	background:#FFF;
	/*margin-top:10px;*/
	border: 1px solid #F2F2F2;
	margin-top:10px;
    margin-bottom: 28px;
    /*background: #f9f9f9;*/
}
.news_img {
    float: left;
    padding: 0;
    background: #000;
}
.news_img img{
    width: 100%;
    height: auto;
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -o-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
}
.news_img .readmore {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    /*background: rgba(29, 56, 50, 0.48);*/
    left: 0;
    bottom: 0;
    opacity: 0;  
    -ms-transform: scale(0.5); /* IE 9 */
    -webkit-transform: scale(0.5); /* Safari */
    transform: scale(0.5);  
    -webkit-transition: all 160ms linear;
    -moz-transition: all 160ms linear;
    -o-transition: all 160ms linear;
    -ms-transition: all 160ms linear;
    transition: all 160ms linear;
    background-clip: content-box;
}

.news_img .readmore span{
    position: absolute;
    width: 128px;
    height: 38px;
    text-align: center;
    line-height: 35px;
    text-transform: uppercase;
    font-size: 12px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    margin: auto;
    border: 1px solid rgba(255,255,255,0.68); 
    background: rgba(0, 130, 64, 0);
    /*font-family: "SFUGillSans";*/
    /*background: #008240;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
}
.news_img:hover img{
    opacity: 0.56; 
}
.news_img:hover .readmore {
    opacity: 1; 
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1); 
}
/*.news_info{
    padding:0 18px;
}*/
.split_bar_news{
	float:left;
	width:100%;
	margin-top:5px;
	border-bottom: 1px dotted #CCCCCC;
}
.news_title{
	float:left;
    width: 100%;
	color:#008240;
    text-shadow:0 0 1px rgba(0,102,178,0.3);
	font-size:14px;
	/*font-family: 'SFUGillSans';*/
	text-transform: uppercase;
	padding: 0 0 6px 0;
	margin-top:10px;
}
.news_img.search_img{
    max-height: 228px;
    overflow: hidden;
}
.page_title .search_results {
    display: inline-block;
    text-transform: none;
    color: #666;
    font-size: 18px;
}
.search_title{
	float:left;
    width: 100%;
	color:#008240;
    text-shadow:0 0 1px rgba(0,102,178,0.3);
	font-size:14px;
	/*font-family: 'SFUGillSans';*/
	text-transform: uppercase;
	padding: 0 0 6px 0;
	margin-top:10px;
}
.search_title_arrow {
    display: inline-block;
    color:#008240;
    font-size:14px;
    margin: 0 8px 0 8px;
}
.search_control_bg {
    position: relative;
    float: left;
    width: 100%;
    height: 48px;
    background: #fff;
    border: 1px solid #F2F2F2;
    border: 1px solid rgba(0, 130, 64, 0.5);
    margin: 16px 0 16px 0;
    padding: 4px 0 0 16px;
}
.search_control_bg .search_tf{
    float: left;
    width: 100%;
    height: 36px;
    /*border: 1px solid rgba(0, 130, 64, 0.5);*/
    margin: 0;
}
.search_control_bg .search_btn{
    position: absolute;
    top: 0;
    right: 0;
    width: 138px;
    height: 47px;
    font: 15px/47px "SVN-Futura";
    background: #008240;
    color: #fff;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    text-align: left;  
}
.search_control_bg .search_btn:hover{
    background: #00b359;
}
.search_control_bg .search_btn i{
    float: left;
    line-height: 48px;
    margin: 0 16px 0 20px;
}
.news_date {
    float:left;
    width: 100%;
	color:#888;
	font-size:12px;
    margin: 12px 0 0 0; 
}
.news_date i{
    display: inline-block;
    margin-right: 5px;
}
.split_bar_page_bottom {
    /*float:left;*/
    /*position: absolute;
    z-index: 0;
    right: 0;
	width:100%;
	margin-top:14px;
	border-bottom: 1px dotted #CCCCCC;*/
    position: relative;
    width:100%;
    height: 28px;
}
.split_bar_page_bottom:after {
    position: absolute;
    content: '';
    z-index: 0;
    right: 0;
    bottom: 0;
	width:100%;
	/*margin-top:28px;*/
	border-bottom: 1px dotted #CCCCCC;
}
.page_navigation_bg {
    /*position: absolute;
    right: 0;*/
    position: absolute;
    z-index: 111;
    position: relative;
    float: right;
    /*width: 100%;*/
    background: #FDFDFD;
    /*margin-top: -16px;*/
    padding: 0;
    margin-top: -14px;
}
/*.page_navigation_bg:before {
    position: absolute;
    content: '';
    z-index: 0;
    right: 0;
	width:100%;
	margin-top:14px;
	border-bottom: 1px dotted #CCCCCC;
}*/
.page_navigation_bg.project
{
    background: #fff;
}
.page_navigation_bg a
{
    float: left;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    width: 28px;
    height: 28px;
    margin: 0 0 10px 10px;
    color: #008240;
    font-size: 13px;
    border: 1px solid rgba(0, 130, 64, 0.5);
    /*font-weight: bold;*/
}
.page_navigation_bg a:hover
{
    background: #00b359;
    border: 1px solid rgba(0, 179, 89, 0.5);
    color: #fff;   
}
.page_navigation_bg a:active
{
    background: #008240;
    border: 1px solid rgba(0, 130, 64, 0.5);
    color: #fff;
}
.page_navigation_bg a.selected {
    background:#008240;
    border: 1px solid rgba(0, 130, 64, 0.5);
    color: #fff;
}
.news_title_details{
    float: left;
    width: 100%;
	color:#00b359;
	font-size:20px;
	/*font-family: 'SFUGillSans';*/
	padding: 6px 0 12px 0;
    text-transform: uppercase;
    line-height: 30px;
}
.news_content{
	float:left;
	/* Only paragraphs justified; headings stay left */
	margin-top:6px;
    padding-bottom: 18px;
}
.news_content p { text-align: justify; }
.news_content h1,
.news_content h2,
.news_content h3,
.news_content h4,
.news_content h5,
.news_content h6 { text-align: left; }
.des_string{
    font-weight: normal;
    font-size: 14px;
}
.sub_title {
    font-size: 18px;
    /*color: #C69329;*/
    color: #008240;
    font-weight: bold;
}
.img_title {
    float: left;
    width: 100%;
    margin-top: 6px;
    text-align: center;
    font-style: italic;
}
.news_footer {
    text-align: right;
    margin: 28px 0 0 0;
    font-style: italic;
    color: #222;
}
.news_more_articles_bg{
	float:left;
	width:100%;
	margin:10px 0 0 0;
}
.news_more_articles_bg .title{
	float: left;
	width:100%;
	/*font: 18px 'SFUGillSans','Arial';*/
    font-size: 18px;
	margin:26px 0 22px 0;
    text-transform: uppercase;
    color: #008240;
}
.news_more_articles_bg .info {
    float: left;
    width: 100%;
}
.news_more_articles_bg .info a {
    position: relative;
    float: left;
    width: 100%;
    padding:0 0 10px 18px;
    /*font: 16px/20px 'SunWorld-Regular','Arial';*/
    font-size: 16px;
	color:#555;
}
.news_more_articles_bg .info a:before{
    position: absolute;
    left: 3px;
    top: 2px;
    content: '\f550';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    color: #555;
    font-size: 6px;
}
.news_more_articles_bg .info a span{
    font-size: 14px;
    color: #999;
}
.news_more_articles_bg .info a:hover,
.news_more_articles_bg .info a:hover:before{
    color: #008240;
}
/*=============================================Career Page=============================================*/
.career_sub_title {
    float: left;
    width: 100%;
	color:#C69329;
	font-size:18px;
    line-height: 32px;
	font-family: 'SFUGillSans';
}
/*=============================================Project Page=============================================*/
.about_service_title.project{
    color: #008240;    
}
.about_service_title.project span{
    font-size: 20px !important;
    border-bottom: 2px solid #C69329;
}
.news_more_articles_bg.project .title{
    position: relative;
	float: left;
	width:100%;
	font-size: 20px;
	margin:20px 0 22px 0;
    padding-bottom: 8px;
    text-transform: uppercase;
    color: #008240;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.news_more_articles_bg.project .title:after{
    position: absolute;
    content: attr(data-title);
    height: 3px;
    background:#008240;
    left: 0;
    bottom: -1px;
    color: rgba(0, 0, 0, 0);
}
.news_more_articles_bg.project .info a {
    position: relative;
    float: left;
    width: 100%;
    padding:0 0 10px 18px;
    font-size: 15px;
	/*color:#c69329;*/
    text-transform: uppercase;
}
.news_more_articles_bg.project .info a:before{
    position: absolute;
    left: 3px;
    top: 2px;
    content: '\f550';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    color: #008240;
    font-size: 6px;
}
.news_more_articles_bg.project .info a:hover,
.news_more_articles_bg.project .info a:hover:before{
    color: #008240 !important;
}
.project_item_bg {
    float: left;
    width: 100%;
    margin-bottom: 12px;  
}
.project_item_bg iframe{
    float: left;
    width: 100%;
    margin: 16px 0 16px 0;
}
.table_title {
    float: left;
    width: 100%;
    color: #008240;
    margin: 16px 0 16px 0;
    text-transform: uppercase;
    font-size: 16px;
}
.project_item_bg table {
    width: 100%;
    margin: 16px 0 16px 0;
}
.project_item_bg table td {
    text-align: left;
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid rgba(0,130,64,0.3)
}
.project_item_bg table tr td:first-child {
    color: #008240;
}