/**
 * APCS 2014
 *
 * 
 *
 * Created by www.nukegraphic.com
 *
*/

/* FONTS */
body, input, textarea, select, .f-l {font-family: 'Lato', sans-serif; font-weight:300;}
em {font-family: 'Lato', sans-serif; font-weight:300; font-style:italic;}
strong, .f-lb {font-family: 'Lato', sans-serif; font-weight:400;}
strong em, em strong {font-family: 'Lato', sans-serif; font-weight:400; font-style:italic;}
h3, .learn-more, .block-heading, .f-abold {font-family:'AleoBold', Georgia, "Times New Roman", Times, serif; font-weight:normal;}
.f-areg {font-family:'AleoNormal', Georgia, "Times New Roman", Times, serif; font-weight:normal;}

/* GENERAL */
body {font-size:18px; line-height:1.5em; color:#5b5136; -webkit-text-size-adjust:none; overflow-x:hidden;}
.maincenter {width:92%; max-width:940px; margin:0 auto;}
.maincenter960 {width:92%; max-width:960px; margin:0 auto;}

::-moz-selection { background: #005f75; color: #fff; text-shadow: none; }
::selection { background: #005f75; color: #fff; text-shadow: none; }

h3 {text-transform:uppercase; letter-spacing:1px; font-size:24px; margin-bottom:25px; line-height:1.3em;}
h3 a {color:#5b5136;}
h3 a:hover {color:#005f75; text-decoration:none;}

.greenbg {background:#d1ff5c;}

.centered {text-align:center;}
.main-desc {padding:40px 0;}
.main-desc h2 {color:#005f75;}

.fancybox-close {width:26px!important; height:26px!important; background:url(images/icon/nuke-close.png) no-repeat center center !important; top:12px!important; right:22px!important;}

a {color:#005f75; text-decoration:none;}
a:hover {text-decoration:underline;}
.learn-more {text-transform:uppercase; font-size:16px; letter-spacing:1px; text-align:center; color:#005f75;}
a.learn-more:hover span {text-decoration:underline;}
.learn-more span {display:inline-block; padding-right:48px; line-height:30px;}
.lm-right span {background:url(images/icon/r-arrow-r.svg) no-repeat right center; background-size:contain;}
.no-svg .lm-right span {background-image:url(images/icon/r-arrow-r.png);}
.lm-bottom span {background:url(images/icon/r-arrow-b.svg) no-repeat right center; background-size:contain;}
.no-svg .lm-bottom span {background-image:url(images/icon/r-arrow-b.png);}

.btn-color {text-align:center; display:block; font-weight:400;}
.btn-color span {display:inline-block; letter-spacing:2px; text-transform:uppercase; color:#fff; font-size:18px; padding:12px 20px;}
.btn-green span {background:#abd14a;}
.btn-green:hover span {background:#005f75;}

.submit-btn {cursor:pointer;}

a, a:hover, .submit-btn, .submit-btn:hover, .btn-color span {
transition: all 200ms ease-in-out;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;}

a.btn-quicktour, a.su-specs {
	transition: none;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;}

/* >> The Magnificent CLEARFIX << */
.clearfix:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
}
.clearfix { 
  display: inline-block;  
}
* html .clearfix {  
  height: 1%;  
} /* Hides from IE-mac \*/
.clearfix {  
  display: block;  
}

/* NUKE WYSIWYG */
.nuke-wysiwyg blockquote {font-size:21px; font-weight:400; margin-bottom:25px; line-height:1.33em; letter-spacing:1px;}
.nuke-wysiwyg p {margin-bottom:25px;}
.nuke-wysiwyg ul, .nuke-wysiwyg ol {margin-bottom:25px; padding-left:25px;}
.nuke-wysiwyg li {margin-bottom:15px;}
.nuke-wysiwyg ul li {list-style:disc;}
.nuke-wysiwyg ol li {list-style:decimal;}

/* HEADER */
#header {position:relative;}
#logo {float:left;}
#logo img {max-width:166px;}
#header-right {float:right;}
.hr-right {float:right; padding:10px 0; margin-left:18px;}
.hr-left {float:left; padding:10px 0;}

.btn-login {display:block; width:178px; line-height:32px; font-size:12px; letter-spacing:1.5px; color:#5b5136; font-weight:400; text-transform:uppercase; background:#abd14a; text-align:center; margin-bottom:8px;}
.btn-login:hover {background:#005f75; color:#fff; text-decoration:none;}
.search-form input.clearme {width:120px; height:32px; padding:0 10px 0 48px; margin:0; border:none; color:#312217; font-size:11px; font-style:italic; letter-spacing:1.5px; font-weight:400;
	background-color:#e2e2e2;
	background-image: url(images/icon/icon-search.svg);
	background-repeat:no-repeat;
	background-position:23px center;
}
.no-svg .search-form input.clearme {background-image: url(images/icon/icon-search.png);}
.search-form input.submit-btn {display:none;}
.clang {color:#5b5136; font-size:12px; letter-spacing:1px; line-height:32px; margin-bottom:8px; text-align:right;}
.clang a {color:#5b5136;}
.clang .cselected {font-weight:400;}

.soc-nav {}
.soc-nav li {float:left; margin-left:12px; width:32px; height:32px;}
.soc-nav li a {display:block; width:32px; height:32px; text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:center center;}
.soc-nav li a.soc-fb {background-image:url(images/icon/soc-fb.svg);}
.soc-nav li a.soc-twitter {background-image:url(images/icon/soc-twitter.svg);}
.soc-nav li a.soc-youtube {background-image:url(images/icon/soc-youtube.svg);}

nav {height:130px; position:relative; margin-bottom:-130px;}
#mn-wrapper {background:url(images/menu-bg.png) repeat-x center center; height:130px; width:100%; position:relative; z-index:100;}
#mn-wrapper.stuck {background:url(images/menu-bg2.png) repeat-x center center; position:fixed; top:0; left:0; height:80px;}
#main-nav {font-size:10px; text-align:center; max-width:960px!important;}
#main-nav li {display:inline-block; text-transform:uppercase; letter-spacing:1.5px; position:relative;}
#main-nav > li > a {color:#fff; display:block; padding:0 30px; padding-top:80px; line-height:1em; height:50px;
	background-repeat:no-repeat;
	background-position: center 35px;}
#mn-wrapper.stuck #main-nav > li > a {padding-top:60px; background-position: center 15px; height:20px;}
#main-nav li a:hover, #main-nav li a.active, #main-nav li a.opened {color:#abd14a; text-decoration:none;}
#main-nav li a:hover, #main-nav li:hover a {background-color:#5b5136;}
#main-nav li a.opened {background-color:#463e29;}
#main-nav li.nav-home a {background-image:url(images/icon/menu-home.svg);}
#main-nav li.nav-about a {background-image:url(images/icon/menu-about.svg);}
#main-nav li.nav-service a {background-image:url(images/icon/menu-service.svg);}
#main-nav li.nav-project a {background-image:url(images/icon/menu-project.svg);}
#main-nav li.nav-contact a {background-image:url(images/icon/menu-contact.svg);}
#main-nav li.nav-news a {background-image:url(images/icon/menu-news.svg);}
#main-nav li.nav-links a {background-image:url(images/icon/menu-links.svg);}
#main-nav li.nav-career a {background-image:url(images/icon/menu-career.svg);}
#main-nav li.nav-home a.active, #main-nav li.nav-home a:hover {background-image:url(images/icon/menu-home-active.svg);}
#main-nav li.nav-about a.active, #main-nav li.nav-about a:hover, #main-nav li.nav-about a.opened {background-image:url(images/icon/menu-about-active.svg);}
#main-nav li.nav-service a.active, #main-nav li.nav-service a:hover, #main-nav li.nav-service a.opened {background-image:url(images/icon/menu-service-active.svg);}
#main-nav li.nav-project a.active, #main-nav li.nav-project a:hover {background-image:url(images/icon/menu-project-active.svg);}
#main-nav li.nav-contact a.active, #main-nav li.nav-contact a:hover {background-image:url(images/icon/menu-contact-active.svg);}
#main-nav li.nav-news a.active, #main-nav li.nav-news a:hover {background-image:url(images/icon/menu-news-active.svg);}
#main-nav li.nav-links a.active, #main-nav li.nav-links a:hover {background-image:url(images/icon/menu-links-active.svg);}
#main-nav li.nav-career a.active, #main-nav li.nav-career a:hover {background-image:url(images/icon/menu-career-active.svg);}
.no-svg li.nav-home a {background-image:url(images/icon/menu-home.png);}
.no-svg li.nav-about a {background-image:url(images/icon/menu-about.png);}
.no-svg li.nav-service a {background-image:url(images/icon/menu-service.png);}
.no-svg li.nav-project a {background-image:url(images/icon/menu-project.png);}
.no-svg li.nav-contact a {background-image:url(images/icon/menu-contact.png);}
.no-svg li.nav-news a {background-image:url(images/icon/menu-news.png);}
.no-svg li.nav-links a {background-image:url(images/icon/menu-links.png);}
.no-svg li.nav-career a {background-image:url(images/icon/menu-career.png);}
.no-svg li.nav-home a.active, .no-svg li.nav-home a:hover {background-image:url(images/icon/menu-home-active.png);}
.no-svg li.nav-about a.active, .no-svg li.nav-about a:hover, .no-svg li.nav-about a.opened {background-image:url(images/icon/menu-about-active.png);}
.no-svg li.nav-service a.active, .no-svg li.nav-service a:hover, .no-svg li.nav-service a.opened {background-image:url(images/icon/menu-service-active.png);}
.no-svg li.nav-project a.active, .no-svg li.nav-project a:hover {background-image:url(images/icon/menu-project-active.png);}
.no-svg li.nav-contact a.active, .no-svg li.nav-contact a:hover {background-image:url(images/icon/menu-contact-active.png);}
.no-svg li.nav-news a.active, .no-svg li.nav-news a:hover {background-image:url(images/icon/menu-news-active.png);}
.no-svg li.nav-links a.active, .no-svg li.nav-links a:hover {background-image:url(images/icon/menu-links-active.png);}
.no-svg li.nav-career a.active, .no-svg li.nav-career a:hover {background-image:url(images/icon/menu-career-active.png);}

.subnav {position:absolute; left:0; top:100%; width:100%; display:none;}
.subnav li {display:block!important; border-bottom:1px solid #5b5136; font-weight:400;}
.subnav li:last-child {border-bottom:none;}
.subnav a {display:block; background:#9bb746!important; color:#fff; padding:0 5px;}
.subnav a:hover {color:#5b5136!important; }

.mnav_toggle {display:none; line-height:50px; padding-left:65px; color:#fff; font-weight:400; letter-spacing:1px;
	background:#5b5136;
	background-image:url(images/icon/menu.svg);
	background-repeat:no-repeat;
	background-position:15px center;}
.mnav_toggle:hover {text-decoration:none; background-color:#463e29;}

#m_xnav {display:none;}
#m_xnav .clang {text-align:left; color:#fff; padding-left:15px; line-height:50px; margin-bottom:0;}
#m_xnav .clang a {color:#fff;}
#m_xnav .clang a:hover {background:none;}
#m_xnav li { border-top:1px solid #6c6040; }
#m_xnav li a {
	background-repeat:no-repeat;
	background-position:15px center;
}
#m_xnav li a:hover, #m_xnav li a.active {color:#abd14a; text-decoration:none;}
#m_xnav li a:hover {background-color:#463e29;}
.msearch-form {position:relative;}
.msearch-form input.clearme {border:none; height:50px; width:200px; padding-left:65px; color:#fff; letter-spacing:1.5px; text-transform:uppercase; font-size:10px;
	background-image:url(images/icon/search-white.svg);
	background-repeat:no-repeat;
	background-color:transparent;
	background-position:15px center;
}
.no-svg .msearch-form input.clearme {background-image:url(images/icon/search-white.png);}
.msearch-form input.submit-btn {background:none; text-indent:-9999px; border:none; width:50px; height:50px; position:absolute; left:0; top:0; cursor:pointer;}
.mlogin a {display:block; height:50px; padding-left:65px; line-height:50px; font-size:10px; text-transform:uppercase; letter-spacing:1.5px; color:#fff;
	background-image:url(images/icon/lock.svg);}
.mlogin:hover a, .mlogin a.active {background-image:url(images/icon/lock-active.svg);}
.no-svg .mlogin a {background-image:url(images/icon/lock.png);}
.no-svg .mlogin:hover a, .no-svg .mlogin a.active {background-image:url(images/icon/lock-active.png);}

#login-wrap {max-width:480px; background:url(images/blur1.jpg) center top; color:#fff;}
#login-wrap h2 {text-align:center; text-transform:uppercase; font-size:24px; background:#fff; padding:30px 0;}
#login-wrap h2 span {display:inline-block; color:#fff; letter-spacing:1px; background:#125c68; padding:10px 30px;}
.login-form {padding:20px 40px 30px;}
.login-form .label-input {margin-bottom:15px;}
.login-form label {color:#fff; font-size:14px; letter-spacing:1px; display:block; font-weight:400;} 
.login-form .label-input input {border:2px solid #fff; background:rgba(0,0,0,0.05); color:#fff; font-size:14px; letter-spacing:1px; height:42px; padding:0 10px; width:300px;}
.login-form input.submit-btn {background:#D1FF5C; color:#5B5136; font-size:14px; letter-spacing:1px; height:46px; padding:0 40px; border:none; font-weight:400;}
.login-form input.submit-btn:hover {background:#fff;}

/* FOOTER */
footer {background:#5b5136; color:#fff; font-size:12px; line-height:2em; letter-spacing:0.5px;}
#footer {padding:15px 0;}
.nukegraphic {font-size:10px; color:#a39674;}
.nukegraphic a {color:#a39674;}
.nukegraphic a:hover {color:#fff; text-decoration:none;}

#footer-soc {text-align:center; padding:20px 0; border-top:1px solid #ddd; display:none;}
#footer-soc li {margin:0 6px; float:none; display:inline-block;}

.btn-top {display:block; position:fixed; left:15px; bottom:120px; width:40px; height:32px; padding-top:32px; color:#fff; background:url(images/icon/r-arrow-t.svg) no-repeat center top #0e6075; color:#fff; text-align:center; font-size:12px; font-weight:400; letter-spacing:1px;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.no-svg .btn-top {background:url(images/icon/r-arrow-t.png) no-repeat center top #0e6075;}
.btn-top:hover {text-decoration:none;}

/* STATIC BANNER */
.pos-rel {position:relative;}
.static-banner {height:670px; overflow:hidden; width:100%;
	background-attachment:fixed;
	background-position: center 10px;
	background-repeat:no-repeat;
	background-size:cover;
}
.static-banner img {display:block; width:100%; margin:0 auto; position:relative; z-index:1;}
#index-management .static-banner {background-image:url(images/index/index1.jpg);}
#index-sustainable .static-banner {background-image:url(images/index/index2.jpg);}
#index-hcv .static-banner {background-image:url(images/index/index3.jpg);}
#index-social .static-banner {background-image:url(images/index/index4.jpg);}
#index-economic .static-banner {background-image:url(images/index/index5.jpg);}
#index-where .static-banner {background-image:url(images/index/index6.jpg);}
#index-news .static-banner {background-image:url(images/index/index7.jpg);}

#about-top .static-banner {background-image:url(images/static-banner/sb-about.jpg);}
#team-top .static-banner {background-image:url(images/static-banner/sb-team.jpg);}
#service-top .static-banner {background-image:url(images/static-banner/sb-service.jpg);}
#career-top .static-banner {background-image:url(images/static-banner/sb-career.jpg);}

.h-wrap {position:absolute; letter-spacing:0; bottom:100px; width:100%; z-index:2; text-align:center; font-size:0;}
.h-wrap .block-heading span {background: url(images/trans-blue.png); color:#fff; font-size:36px; text-transform:uppercase; letter-spacing:1px; display:inline-block; padding:12px; margin-bottom:10px; white-space:nowrap;}

.blurbg {padding:70px 0; color:#fff;
	background-attachment:fixed;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.blur1 {background-image:url(images/blur1.jpg);}
.blur2 {background-image:url(images/blur2.jpg);}
.blur3 {background-image:url(images/blur3.jpg);}
.blur4 {background-image:url(images/blur4.jpg);}

.blurbg h3 {font-size:30px;}
.blurbg .nuke-wysiwyg {margin-bottom:70px;}
.blurbg a.learn-more {color:#fff;}
.blurbg .lm-right span {
	background-image:url(images/icon/r-arrow-r-white.svg);
}
.no-svg .lm-right span {
	background-image:url(images/icon/r-arrow-r-white.png);
}

/* INDEX */
.is-wrap {position:relative;}
#index-flex {position:relative;}
.flexImages {display:block; width:100%;}
.is-wrap .flex-control-nav {text-align:center; position:absolute; left:0; bottom:10px; width:100%; height:16px;}
.is-wrap .flex-control-nav li {display:inline-block; margin:0 7px;}
.is-wrap .flex-control-nav a {display:block; width:10px; height:10px; background:none; text-indent:-9999px; border:3px solid #fff; cursor:pointer;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.is-wrap .flex-control-nav a.flex-active, .is-wrap .flex-control-nav a:hover {background:#fff;}

.news-date {font-size:14px; font-weight:400; margin-bottom:12px;}
.news-img {display:block; margin:0 auto; width:100%; max-width:600px; margin-bottom:12px;}

.i-onews {}
.i-onews li {float:left; width:25%; text-align:center; padding-bottom:10px;}
.i-onews .img-wrap {overflow:hidden; width:100%; height:258px; background:#5b5136; margin-bottom:10px;}
.i-onews .img-wrap img {display:block; min-height:100%; min-width:100%; max-width:150%; max-height:150%;
	-webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;}
.i-onews .img-wrap:hover img {opacity:0.5;
	-webkit-transform: scale(1.1,1.1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.1,1.1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;}
.i-onews h3 {font-size:18px; text-transform:none;}

/* ABOUT */
.many-images {}
.mi-list {}
.mi-list li {float:left; width:25%; overflow:hidden; position:relative;}
.mi-list li:before {
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}
.mi-list img {display:block; height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}

/* SERVICE */
.sblock {text-align:center;}
.sblock li {display:inline-block; width:22.5%; margin:0 1%; font-size:12px; letter-spacing:1px; text-align:left; vertical-align:top; margin-bottom:20px;}
.sblock li a {display:block; background-color:rgba(0,0,0,0.5); color:#fff; padding:10px 14px; position:relative; min-height:140px;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.sblock li a:hover {background:#5b5136; text-decoration:none;}
.stwrap {display:block; min-height:60px; position:absolute; left:14px; bottom:30px; width:92%;}
.snumber {color:#abd14a; display:block; line-height:1.5em;}
.smore {display:block; position:absolute; bottom:10px; left:14px;}
.stitle {display:block; font-weight:400; text-transform:uppercase; font-size:14px; line-height:1.28;}

.popup-wrap {max-width:780px;}
.pheader {position:relative; color:#fff; padding:50px 35px;
	background-image:url(images/hblur1.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.pheader h2 {text-transform:uppercase; font-size:30px; letter-spacing:1px; line-height:1.2em;}
.pcontent {background:#fff; padding:30px 50px; font-size:16px; line-height:1.7em;}
/* .pcontent ul li {padding-left:17px; margin-bottom:7px;
	 background-image:url(images/ul-square.gif);
	 background-repeat: no-repeat;
	 background-position:left 12px;} */
	
/* CONTACT */
.flexible-map {
    position: relative;
    height: 0;
    overflow: hidden;
}

.flexible-map iframe,   
.flexible-map object,  
.flexible-map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 680px;
}

#contact-top .flexible-map {padding-bottom:680px; margin-bottom:30px;}
#contact-top .flexible-map iframe, #contact-top .flexible-map object, #contact-top .flexible-map embed {height:680px;}

.two-cols {}
.tc-left {float:left; width:49%; max-width:460px;}
.tc-right {float:right; width:49%; max-width:460px;}

.two-cols h2 {font-size:30px; text-transform:uppercase; letter-spacing:1px; padding-bottom:25px; margin-bottom:15px;}
.hasBorder {background:url(images/border-bottom.gif) no-repeat left bottom;}

.quick-contact {line-height:2em; letter-spacing:1px;}

.contact-form {}
.contact-form .input-wrap {margin-bottom:20px;}
.contact-form .input-wrap input {border:2px solid #fff; padding:0; margin:0; background:rgba(0,0,0,0.05); width:92%; padding:0 4%; color:#fff; height:52px; letter-spacing:1px; font-size:14px; text-transform:uppercase;}
.contact-form .input-wrap textarea {border:2px solid #fff; padding:0; margin:0; background:rgba(0,0,0,0.05); width:92%; padding:15px 4%; color:#fff; letter-spacing:1px; font-size:14px; text-transform:uppercase; height:200px; resize:none;}
.contact-form .ba-left {float:left; width:50%;}
.contact-form .ba-right {float:right; width:50%;}
.contact-form .ba-left .input-wrap input {padding:0 8%; width:84%;}
.contact-form input.submit-btn {height:56px; width:80%; text-align:center; float:right; font-size:14px; font-weight:400; letter-spacing:1px; background:#d1ff5c; border:none; color:#5b5136;}
.contact-form input.submit-btn:hover {background:#fff; color:#444;}

.cp-child {margin-bottom:30px;}
.cp-child h3 {font-size:18px; margin-bottom:15px;}
.cp-child h3 span {display:inline-block; padding:10px 16px; background:#daff7d;}
.cp-list li {padding-left:55px; line-height:38px;
	background-repeat:no-repeat;
	background-position:18px center;
}
.cp-list li a {color:#5b5136;}
.cp-list li a:hover {color:#005f75; text-decoration:none;}
.cp-phone {background-image:url(images/icon/icon-phone.svg);}
.cp-mail {background-image:url(images/icon/icon-email.svg);}
.no-svg .cp-phone {background-image:url(images/icon/icon-phone.png);}
.no-svg .cp-mail {background-image:url(images/icon/icon-email.png);}

/* CAREER POS */
.career-pos {}
.career-pos li {margin-bottom:15px;}
.career-pos a {display:block; font-size:18px; font-weight:400; padding:0 4%; background:#f3f3f3; color:#969696; letter-spacing:1px;}
.career-pos a span {display:block; padding:12px 0;
	background-repeat:no-repeat;
	background-position:right center;}
.career-pos .active {background:#005f75; color:#fff;}
.career-pos .active span {background-image:url(images/icon/career-arrow.svg);}
.no-svg .career-pos .active span {background-image:url(images/icon/career-arrow.png);}
.career-pos a:hover {background:#005f75; color:#fff; text-decoration:none;}
#career-desc-wrap {font-size:14px; padding:10px 0; padding-left:40px; background:url(images/career-border.gif) repeat-y left center;}
.career-desc {display:none;}
.career-desc p {margin-bottom:20px;}
.career-desc h3 {font-size:14px; margin-bottom:10px;}
.career-desc ul {margin-bottom:20px;}
.career-desc ul li {padding-left:17px;
	 background-image:url(images/ul-square.gif);
	 background-repeat: no-repeat;
	 background-position:left 12px;}

/* NEWS */
.on-child {padding:100px 0;}
.on-child:nth-child(odd) {background:#c0eb54;}
.on-child .img-wrap {width:66%; max-width:620px; float:left; overflow:hidden;}
.on-child .img-wrap img {width:100%; display:block;
	-webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;}
.on-child .img-wrap a:hover img {
	-webkit-transform: scale(1.1,1.1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.1,1.1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;}
.on-child .news-preview {width:32%; max-width:300px; float:right;}
.on-child .news-preview .nuke-wysiwyg {font-size:14px; line-height:1.7em;}
.on-child:nth-child(odd) .img-wrap {float:right;}
.on-child:nth-child(odd) .news-preview {float:left;}

a.load-more {font-size:18px; text-transform:uppercase; width:100%; display:block; text-align:center; background:#c0eb54; margin:50px 0; line-height:50px; color:#5b5136;}
a.load-more:hover {color:#fff; text-decoration:none; background:#0e6075;} 

#news-detail {}
#news-detail .tc-left {max-width:620px; width:66%;}
#news-detail .tc-right {max-width:300px; width:32%;}
.top-categories {text-transform:uppercase; letter-spacing:1px; font-size:14px; margin-bottom:20px;}
.top-categories a {color:#5b5136;}
.top-categories a:hover {color:#0d5867; font-weight:400; text-decoration:none;}
#news-detail h3 {text-transform:none; font-size:30px; line-height:1.2em; color:#0d5867; margin-bottom:5px;}
#news-detail .news-date {font-size:12px;}
.news-main {margin-bottom:30px; margin-top:20px;}
.news-main img {display:block; width:100%;}
#news-detail .nuke-wysiwyg {font-size:14px; line-height:1.7em;}
.news-meta {font-size:12px;}

.side-news {margin-bottom:20px;}
.side-news h4 {text-transform:uppercase; background:#d1ff5c; color:#5b5136; line-height:34px; padding:0 17px; letter-spacing:1.5px; font-size:14px;}
.ncat-list {font-size:14px;}
.ncat-list li {padding:3px 17px;}
.ncat-list a {color:#5b5136;}
.ncat-list a:hover {color:#0d5867;}

.side-onews {}
.side-onews .img-wrap {background:#d1ff5c; display:block;}
.side-onews .img-wrap img {display:block; width:100%;}
.side-onews .news-title {font-size:14px; padding:7px 17px; display:block; background:#5b5136; color:#d1ff5c; line-height:1.2em;}
.side-onews a:hover {text-decoration:none;}
.side-onews a:hover .img-wrap img {opacity:0.2;}
.side-onews a:hover .news-title {background:#d1ff5c; color:#5b5136;}

/* HCV */
.hcv-child {padding-bottom:0;}
.hcv-child .many-images {margin-top:90px;}
.hcv-child h3 {background:#5b5136; text-align:center; font-size:30px; }
.hcv-child h3 a {color:#abd14a; display:block;}
.hcv-child h3 a:hover {background:#fff; color:#5b5136;}
.hcv-child:nth-child(even) h3 a {color:#fff;}
.hcv-child:nth-child(even) h3 a:hover {background:#c0eb54; color:#5b5136;}
.hcv-child .rm {font-size:14px; letter-spacing:0.5px; color:#5b5136;}

.hc-wrap {position:fixed; right:0; top:45%; background:#5b5136; padding:12px 4px; z-index:100;}
.hcircle {background:url(images/hcv/hcv-dot.png) repeat-y center center;}
.hcircle li {position:relative; width:12px; height:12px; margin-bottom:15px;}
.hcircle li:last-child {margin-bottom:0;}
.hcircle li a {display:block; width:6px; height:6px; background:#b3b943; text-indent:-9999px; border:3px solid #5b5136;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.hcircle li a.selected {border:3px solid #899944; background:#5b5136;}
.hcircle li a:hover {border:3px solid #899944;}
.htooltip {position:absolute; top:-2px; left:-89px; width:85px; height:16px; text-align:center; line-height:16px; font-size:8px; color:#d1ff5c; background:url(images/hcv/hcv-tooltip.png) no-repeat center center; letter-spacing:1px; font-weight:400; display:none;}

/* TEAM */
#tl-wrap {}
.team-list li {float:left; width:20%; position:relative; overflow:hidden;}
.team-list li:before {
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}
.team-list li a {display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#000; color:#5b5136;}
.team-list li a img {height:100%; display:block; position:relative; z-index:1;
	-webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;}
.team-list li a:hover img {
	-webkit-transform: scale(1.1,1.1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.1,1.1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;}
.team-list li a .tn-wrap {display:none; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.team-list li a .team-name {display:table; width:100%; height:100%; background:rgba(209,255,92,0.75); text-align:center; font-size:24px; text-transform:uppercase; letter-spacing:1px;}
.team-list li a .team-name span {display:table-cell; vertical-align:middle; padding:0 10px;}
.team-list li a.active .tn-wrap {display:block;}
.td-wrap {padding-top:90px; padding-bottom:50px;}
.team-detail {display:none;}
.team-detail .img-wrap {border-bottom:5px solid #abd14a; position:relative; margin-bottom:30px;}
.team-detail .img-wrap img {display:block; width:100%; position:relative; z-index:1;}
.tn-area {position:absolute; right:0; bottom:0; z-index:2;}
.tn-name {display:block; background:rgba(209,255,92,0.75); text-transform:uppercase; font-size:30px; letter-spacing:1px; color:#5b5136; padding:15px 60px;}
.tn-title {text-align:center; display:block; color:#fff; font-size:18px; letter-spacing:1px; padding:10px; text-transform:uppercase; text-shadow:0 1px 2px #000;}

/* PROJECT */
.map-banner {position:relative;}
.map-banner .h-wrap {top:175px; bottom:auto;}
.map-area {background: url(images/project-map.jpg) no-repeat center bottom #5b5136; height:800px;}
.map-area img {display:block; margin:0 auto;}
.pin-area {position:relative; margin:0 auto; width:960px; height:800px;}
.mp-wrap {position:absolute; width:1px; height:1px;}
.map-pointer {display:block; }
.icon-pointer {position:absolute; left:-14px; top:-37px;}
.mpl-container {position:absolute; left:40px; top:-37px; background:url(images/md-bg.png); min-height:100px; width:370px; display:none; z-index:100;}
.mpl-container:before {
	content:"";
	display:block;
	position:absolute; left:-21px; top:25px;
	width: 21px; height:25px;
	background:url(images/md-tip.png) no-repeat center center;
}
.mpl-kiri {right:40px!important; left:auto;}
.mpl-kiri:before {
	content:"";
	display:block;
	position:absolute; right:-21px; left:auto; top:25px;
	width: 21px; height:25px;
	background:url(images/md-tip2.png) no-repeat center center;
}
.mpl-header {color:#c0eb54; text-transform:uppercase; letter-spacing:4px; font-size:24px; text-align:center; display:block; padding:30px 0 20px;}
.mpl-link {display:block; padding:10px 20px 10px 50px; font-size:12px; color:#c0eb54; line-height:1.16em; border-bottom:1px solid #c0eb54;
	background-repeat:no-repeat;
	background-position:18px 11px;
	background-image:url(images/icon/icon-project.svg);}
.no-svg .mpl-link {background-image:url(images/icon/icon-project.png);}
.mpl-link:last-child {border-bottom:none;}
.mpl-link:hover {color:#fff; text-decoration:none;
	background-image:url(images/icon/icon-project-white.svg);}
.no-svg .mpl-link:hover {background-image:url(images/icon/icon-project-white.png);}
.mpl-wrap {max-height:145px; overflow-y:scroll; overflow-x:hidden;}

#project-all-wrap {}
.paw-child {padding:90px 0;}
.paw-child:nth-child(odd) {background:#c0eb54;}
.paw-child:nth-child(even) {background:#fff;}
.paw-child h2 {text-align:center; margin-bottom:55px;}
.paw-child h2 span {display:inline-block; font-size:30px; letter-spacing:2px; background:#125c68; color:#fff; padding:17px 45px; text-transform:uppercase;}
.project-city {margin-bottom:15px;}
.project-city h3 {text-align:center; background:rgba(91,81,54,0.1); font-size:18px; letter-spacing:1px; text-transform:uppercase; padding:8px 10px;}

.proj-caroufredsel {}
.proj-caroufredsel li {float:left; width:33.33%;}
.proj-caroufredsel li .img-wrap {width:100%; height:200px; overflow:hidden; position:relative;}
.proj-caroufredsel li .img-wrap img {height:100%; display:block; margin:0 auto;}
.proj-sdesc {padding:15px; font-size:14px; line-height:1.3em; text-align:center; letter-spacing:0.5px;}
.proj-sdesc .rm {display:block; text-align:center; font-weight:400; font-size:14px; color:#5b5136; margin-top:30px;}
.proj-sdesc .rm:hover {text-decoration:none; color:#125c68;}

#proj-detail {max-width:780px;}
#pd-top {position:relative;}
#pd-top img {position:relative; z-index:1; display:block; width:100%;}
#pd-top h2 {background:rgba(0,0,0,0.5); color:#fff; padding:20px 45px; position:absolute; bottom:0; left:0; z-index:2; letter-spacing:1px; font-size:24px; line-height:1.5em;}
#pd-bottom {padding:30px 45px; background:#fff;}
#pd-bottom .nuke-wysiwyg {font-size:14px; color:#5b5136;}
#pd-bottom blockquote {font-size:18px;}

.proj-table {width:100%; max-width:360px; font-size:14px; line-height:1.2em;  letter-spacing:1px;}
.proj-table tr {border-bottom:1px solid #abd14a;}
.proj-table td, .proj-table th {padding:5px 0;}
.proj-table th {text-align:left; font-weight:400; padding-right:35px;}

.client-web {overflow:hidden;}
.client-web span {display:inline-block; margin-bottom:30px; margin-top:15px; background:#D1FF5C; color:#5B5136; font-size:14px; letter-spacing:1px; padding:5px 20px; font-weight:400;}
.client-web span:hover {background:#005f75; color:#fff;}

/* SIMPLE INDEX */
#simple-index {text-align:center;}
.si-child {display:inline-block; width:30%; max-width:300px; margin:0 1%; vertical-align:top;}
.si-child .img-wrap {margin-bottom:15px; overflow:hidden; height:180px;}
.si-child .img-wrap img {display:block; width:100%;}
.si-child h3 {font-size:16px;}

#simple-news {}
.simple-title {text-align:center; background:#005f75;}
.simple-title h2 {font-size:24px; color:#fff; letter-spacing:1px; padding:25px 0 50px;
	background-image:url(images/icon/r-arrow-b.svg);
	background-position:center 58px;
	background-repeat:no-repeat;}
.no-svg .simple-title h2 {background-image:url(images/icon/r-arrow-b.png);}
.sn-top {padding:50px 0;}
.sn-top .img-wrap, .snt-right {width:48%;}
.sn-top .img-wrap {float:left;}
.sn-top .img-wrap img {width:100%; display:block;}
.snt-right {float:right;}
.sn-top h3 {font-size:18px; margin-bottom:10px;}
.sn-top p {font-size:14px;}
.sn-bottom {}
.osn {float:left; width:32%; margin-right:2%;}
.osn.last-child {margin-right:0;}
.osn .img-wrap {width:100%; margin-bottom:15px; overflow:hidden; height:160px;}
.osn .img-wrap img {display:block; width:300px;}
.osn h3 {font-size:15px; margin-bottom:5px;}

/* PRELOADER */
#preloader {position:fixed; z-index:500; width:100%; height:100%; background:url(images/preloader.jpg) repeat-x center bottom #fff;}
#preloader .maincenter {padding-top:130px; position:relative;}
.plw-wrap {position:absolute; top:30px; left:0; width:100%; display:none;}
.pl-warn {padding:14px 20px; background:#2c9a9b; max-width:700px; margin:0 auto;}
.pl-warn p {float:left; color:#fff; font-weight:400; font-size:14px; line-height:32px;}
.si-btn {float:right; font-size:14px; display:block; letter-spacing:1px; color:#fff; background:#abd14a; line-height:32px; padding:0 30px; font-weight:400;}
.si-btn:hover {background:#005f75; text-decoration:none;}
.preloader-logo {width:70%; max-width:506px; position:relative; margin:0 auto;}
.preloader-logo h1 {position:absolute; left:0; top:25%; z-index:3; width:100%;}
.preloader-logo h1 img {width:85%; max-width:429px; display:block;}
.pl-bg {position:relative; z-index:1; display:block; width:100%;}

#preloader.shortH .maincenter {padding-top:10px;}
#preloader.shortH .css3-preloader {display:none;}
#preloader.shortH .preloader-logo {max-width:300px;}
#preloader.shortH .plw-wrap {bottom:-80px; top:auto;}

.pl-star {position:absolute; right:0; z-index:2; top:0; display:block;}
.pl-star {
    width:55.5%;
	max-width: 281px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

/* CSS3 PRELOADER */
.css3-preloader {font-size:18px; text-align:center; background:rgba(255,255,255,0.7); color:#444; max-width:400px; padding:1px 20px 20px; margin:0 auto;}
.css3-preloader span {display:block; margin:20px 0;}
#circleG{
width:149.33333333333334px; margin:0 auto; overflow:hidden;
}

.circleG{
background-color:#FFFFFF; 
float:left;
height:32px;
margin-left:17px;
width:32px;
-moz-animation-name:bounce_circleG;
-moz-animation-duration:1.9500000000000002s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-border-radius:21px;
-webkit-animation-name:bounce_circleG;
-webkit-animation-duration:1.9500000000000002s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-border-radius:21px;
-ms-animation-name:bounce_circleG;
-ms-animation-duration:1.9500000000000002s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-border-radius:21px;
-o-animation-name:bounce_circleG;
-o-animation-duration:1.9500000000000002s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-border-radius:21px;
animation-name:bounce_circleG;
animation-duration:1.9500000000000002s;
animation-iteration-count:infinite;
animation-direction:linear;
border-radius:21px;
}

#circleG_1{
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}

#circleG_2{
-moz-animation-delay:0.9099999999999999s;
-webkit-animation-delay:0.9099999999999999s;
-ms-animation-delay:0.9099999999999999s;
-o-animation-delay:0.9099999999999999s;
animation-delay:0.9099999999999999s;
}

#circleG_3{
-moz-animation-delay:1.1700000000000002s;
-webkit-animation-delay:1.1700000000000002s;
-ms-animation-delay:1.1700000000000002s;
-o-animation-delay:1.1700000000000002s;
animation-delay:1.1700000000000002s;
}

@-moz-keyframes bounce_circleG{
0%{
}

50%{
background-color:#0d5c12}

100%{
}

}

@-webkit-keyframes bounce_circleG{
0%{
}

50%{
background-color:#0d5c12}

100%{
}

}

@-ms-keyframes bounce_circleG{
0%{
}

50%{
background-color:#0d5c12}

100%{
}

}

@-o-keyframes bounce_circleG{
0%{
}

50%{
background-color:#0d5c12}

100%{
}

}

@keyframes bounce_circleG{
0%{
}

50%{
background-color:#0d5c12}

100%{
}

}

/* ADDED 11 APR 2014 */
h2.table-heading {color: #5B5136; margin-bottom:15px; font-size:24px; line-height:1.4em;}
.download-table {margin-bottom:40px;}
.download-table thead {background:#005f75; color:#fff;}
.download-table thead th {font-weight:500; padding:10px; text-align:left; font-size:16px;}
.download-table tbody td {padding:7px 10px; font-size:14px; line-height:1.4em;}
.download-table tbody tr:nth-child(even) {background:#efefef;}
a.download-link {display:block; width:20px; height:20px; text-indent:-9999px; background:url(images/icon/icon-dl1.png) no-repeat center center; margin:0 auto;}
a.download-link:hover {background:url(images/icon/icon-dl2.png) no-repeat center center;}

#links-wrap {}
#links-wrap h2 {background:#005f75; color:#fff; font-size:24px; text-transform:uppercase; letter-spacing:1px; padding:30px;}
.link-list {padding:20px 30px; background:#fff;}

/* ADDED 15 APR 2014 */
.mlock {position:absolute; top:0; right:0; width:50px; height:50px; background:url(images/icon/lock.svg) no-repeat center center; background-size:40px; text-indent:-9999px; display:none;}
.mlock:hover {background:url(images/icon/lock-active.svg) no-repeat center center; background-size:40px;}
.no-svg .mlock {background:url(images/icon/lock.png) no-repeat center center;}
.no-svg .mlock:hover {background:url(images/icon/lock-active.pngg) no-repeat center center;}
.mlogout {position:absolute; top:0; right:0; width:50px; height:50px; background:url(images/icon/logout.svg) no-repeat center center; background-size:40px; text-indent:-9999px; display:none;}
.mlogout:hover {background:url(images/icon/logout-active.svg) no-repeat center center; background-size:40px;}
.no-svg .mlogout {background:url(images/icon/logout.png) no-repeat center center;}
.no-svg .mlogout:hover {background:url(images/icon/logout-active.pngg) no-repeat center center;}
.mclient a {display:block; height:50px; padding-left:65px; line-height:50px; font-size:10px; text-transform:uppercase; letter-spacing:1.5px; color:#fff;
	background-image:url(images/icon/menu-client.svg);}
.mclient:hover a, .mclient a.active {background-image:url(images/icon/menu-client-active.svg);}
.no-svg .mclient a {background-image:url(images/icon/menu-client.png);}
.no-svg .mclient:hover a, .no-svg .mclient a.active {background-image:url(images/icon/menu-client-active.png);}

::-webkit-input-placeholder{ color:#fff; }
::-moz-placeholder{ color:#fff; }
:-moz-placeholder{ color:#fff; }
::-ms-input-placeholder{ color:#fff; }
.error{ color:#d1ff5c; font-size:14px; }

.subnav-longer {white-space:nowrap; width:auto;}
.subnav-longer li {white-space:nowrap;}
.subnav-longer a {display:block; white-space:nowrap;}