#management-page #management-header {background-color:#4d80be; color:#fff; overflow-x:hidden;}

#management-page #management-header .inner-content {position:relative;}

#management-page #management-header #management-brand {position:absolute;left:-70px; top:-30px;z-index:0;}

#management-page #management-header h1{line-height:40px;position:relative;z-index:1;}

#management-page #management-header li{float:left;}

#management-page #management-header li#management-title {width:35%; margin-top:15px;}

#management-page #management-header li#management-intro {width:65%; margin:55px 0 20px 0;}

#management-page .management-listing li {width:196px;float:left;height:240px;position:relative;font-size:0.9em; margin:0 0 40px 0;}

#management-page .management-listing li img{border:0;}

#management-page .management-listing .management-desc{padding:5px 7px 0 7px; height:85px;}

#management-page .management-listing .management-title {height:42px;line-height:1.4em}

.board-of-directors .management-listing .management-title {height:20px!important;line-height:1.4em}

#management-page .management-listing .management-name,#management-page .management-listing .management-title {color:#333;}

#management-page .management-listing .management-name {font-weight:700;}

#management-page .management-listing .management-location,#management-page .management-listing .management-readmore {text-indent:5px; color:#4d80be;border-bottom:1px solid #cbd2d8;padding-bottom:5px;}

#management-page .management-listing .management-location .location-icon {width:20px; height:20px; background: url(../images/icon-location.gif) no-repeat; float:left;}

#management-page .management-listing .management-readmore .readmore-icon {width:20px; height:20px; background: url(../images/icon-readmore.gif) no-repeat; float:left;}





#management-page #management-emea ul,#management-page #management-ap ul {float:left;}

#management-page .unit-label { color:#000; font-size:1.467em; margin:0 0 10px 0;}







#management-page #management-cube {max-width:600px; margin:auto;position:relative;}

#management-page #management-cube #management-cube-line hr{width:75%; position:absolute;left:50%; margin-left:-37%; top:5px;}

#management-page #management-cube li {width:25%; float:left; cursor:pointer; text-align:center; font-weight:700; text-transform:uppercase; font-size:0.9em; line-height:1.313em;position:relative; z-index:1; color:#929699;}

#management-page #management-cube .cube-label{width:25px; height:28px; background :url(../images/icon-inactive-tabs.jpg) no-repeat; margin:auto;}

#management-page #management-cube .active-cube{background :url(../images/icon-active-tabs.jpg) no-repeat; margin:auto;}

#management-page #management-cube .cube-text-label {margin-top:5px;}

#management-page #management-cube .active-text{color:#333;}

@media handheld, only screen and (min-device-width: 481px ) and (max-device-width : 800px) and (orientation:portrait), only screen and (max-width: 800px) {

#management-page .management-listing {max-width:588px; margin:auto;}

}



@media handheld, only screen and (min-device-width: 481px ) and (max-device-width : 768px) and (orientation:portrait), only screen and (max-width: 768px) {

#management-page #management-header h1{font-size:25px;}

#management-page #management-header li#management-title {width:100%; margin:0 0 20px 0;}

#management-page #management-header li#management-intro {width:100%; margin:0 0 20px 0;}

}



@media handheld, only screen and (max-device-width : 480px), only screen and (max-width: 480px) {

#management-page #management-header h1{font-size:16px; line-height:18px;}

#management-page .management-listing {max-width:196px; margin:auto;}



.board-of-directors .management-listing .management-title {height:20px!important;}

#management-page .management-listing .management-desc{height:auto;}

}



#executive-management .management-thumb {position:relative;height:150px;}

#executive-management .management-thumb img {position:absolute;}











#management-biodata .inner-content {position:relative;}

#management-biodata #management-biodata-header{background-color:#4d80be;}

#management-biodata #management-biodata-header ul{max-width:560px; margin:auto;}

#management-biodata #management-biodata-header #biodata-executive {max-width:240px;}

#management-biodata #management-biodata-header li{width:80px;float:left;height:61px;opacity:0.3;}

#management-biodata #management-biodata-header li.current{opacity:1;}

#management-biodata #management-biodata-header li:hover{opacity:1;}

#management-biodata #management-biodata-header li img {width:80px;}

#management-biodata .biodata-content .inner-content{margin-top:10px;}

#management-biodata .biodata-content h1{color:#24265e; font-size:2.000em; margin:0 0 20px 0;}

#management-biodata .biodata-content .biodata-col-left {width:32%;margin-right:3%;}

#management-biodata .biodata-content .biodata-thumb img{width:100%; max-width:300px;}

#management-biodata .biodata-content .biodata-col-left,#management-biodata .biodata-content .biodata-col-right {float:left;}

#management-biodata .biodata-content .biodata-col-right {width:65%;margin:35px 0 0 0;}

#management-biodata .management-arrow{position:absolute; bottom:-12px; margin-left:30%;}



@media handheld, only screen and (min-device-width: 481px ) and (max-device-width : 800px) and (orientation:portrait), only screen and (max-width: 800px) {

#about-page h1{font-size:25px; margin-left:10px;}

#about-page .banner-title {margin-top:-18px;}

#management-biodata .inner-content {padding:20px;}

#management-biodata .biodata-content h1{line-height:30px;}



}



@media handheld, only screen and (max-device-width : 480px), only screen and (max-width: 480px) {

#about-page h1{font-size:16px; line-height:18px; margin-left:10px;}

#about-page .banner-title {position:absolute; top:50%; margin-top:-12px;}

#management-biodata .biodata-content .biodata-col-left,#management-biodata .biodata-content .biodata-col-right {width:100%;}

#management-biodata .biodata-content .biodata-col-right{margin:0;}

#management-biodata .biodata-content .biodata-thumb {width:50%; margin:20px auto;}

#management-biodata .biodata-content .biodata-thumb img {width:100%; margin:auto;}

#management-biodata .full-width{padding:0px;}

}



#about-page .full-width{padding:0px;}



#about-page #about-us-intro,#about-page #about-us-story {background-color:#eff1f3;}

#about-page #about-us-intro,#about-page #about-us-story,#about-page #about-us-content {padding-top:20px;}

#about-page h3{font-size:18px; line-height:24px; text-align:center; max-width:650px; margin:10px auto 0 auto;}

#about-page .col-left,#about-page .col-right {max-width:47%;float:left; margin:20px 0 0 0 ;}

#about-page .col-left{margin-right:6%;}





#about-page #about-page-header {position:relative;height:260px;overflow:hidden;}

#about-page .about-page-header{position:absolute;left:50%; margin-left:-960px;}

#about-page .inner-content {position:relative; z-index:9;}

#about-page #about-page-header-text {padding-top:30px;}

#about-page #about-founded,#about-page #about-penetration {margin:30px 0 0 0;}

#about-page #about-penetration{font-size:15px;color:#4d80be;}

#about-page .label{font-size:12px; font-weight:700;line-height:13px; text-transform:uppercase; color:#333; margin:5px 0;}

#about-page .number {font-size:60px; color:#4d80be;font-weight:300;line-height:45px;}

#about-page .location {font-size:15px;color:#4d80be; font-weight:700;}

#about-page #about-penetration .text-over{float:left; margin:20px 20px 0 0;}

#about-page #about-penetration .number{float:left;line-height:35px; margin:10px 20px 0 0;}

#about-page #about-penetration .header-number-inner{float:left; margin-right:50px;}

#about-page .about-stats{background-color:#eff1f3;padding:20px 0 0 0;}

#about-page .about-stats li{float:left;width:33%;}

#about-page .about-stats .stats-text {font-size:30px; line-height:33px;color:#4d80be; font-weight:300;}

#about-page .about-stats .location {margin:5px 0 0 0;}

#about-page .about-stats .about-thumb{margin:10px 0 10px 50px;}

#about-page .about-stats #thumb-netherlands,#about-page .about-stats #thumb-philadelphia {margin:25px 0 10px 50px;}

#about-page .about-stats #thumb-philadelphia{margin-top:30px;}

#about-page .about-stats-mobile{display:none;}

#about-page .about-content{padding:20px 0 0 0;}

#about-page .about-content .about-content-item li{width:48%;float:left;}

#about-page .about-content #about-content-col1 {margin-right:4%;}



#about-page .about-customer {background-color:#5b5c86;padding:20px 0; color:#fff; overflow-x:hidden;}

#about-page .about-customer .title {font-size:18px;}

#about-page .about-customer ul{margin:30px 0 0 0;}

#about-page .about-customer li {width:30%; float:left;text-align:center; margin-right:5%;}

#about-page .about-customer li img{width:210px; display:inline;}

#about-page .about-customer li.last {margin:0px;}

#about-page .about-customer .customer-desc{margin:20px 0 0 0;}

#about-page .about-customer a{color:#bedbed;}

#about-page .about-customer .inner-content{padding:0px;}





#about-page .about-awards {padding:20px 0 0 0;}

#about-page .about-awards li {width:180px; height:180px; text-align:center;float:left;margin-right:15px;}

#about-page .about-awards .awards-thumb{width:180px;height:110px; border-bottom:1px solid #e1e1e1; margin-bottom:10px; display:table-cell;vertical-align:middle;}

#about-page .about-awards .awards-desc{width:90%; margin:10px auto 0 auto; line-height:16px;}

#about-page #thumb img{width:100%; max-width:460px;}
#about-page .about-awards .play-btn{float:left; background: url(../images/icon-play-20.png) no-repeat; width:20px; height:20px; padding:0 5px 0 0; margin-top:7px}
#about-page .about-awards .cta{float:left; font-size:12px; line-height:13px; width:81%; text-align:left; margin-top:7px;}



@media handheld, only screen and (min-device-width: 481px ) and (max-device-width : 800px) and (orientation:portrait), only screen and (max-width: 800px) {

#about-page .about-stats{padding:20px 0;}

#about-page .about-stats .stats-text{font-size:25px; line-height:20px;}



#about-page .about-customer .inner-content {padding:0 20px;}

#about-page .about-customer li img{width:100%;}



}



@media handheld, only screen and (max-device-width : 480px), only screen and (max-width: 480px) {

#about-page #about-founded,#about-page #about-penetration{display:none;}

#about-page .about-stats-mobile{display:block;}

#about-page #about-page-header {position:relative;height:130px;overflow:hidden;}

#about-page #about-page-header img{width:640px;}

#about-page .about-page-header{position:absolute;left:50%; margin-left:-320px;}

#about-page #about-page-header-text .number{font-size:30px;line-height:20px;}

#about-page #about-page-header-text .location{font-size:13px;}

#about-page .penetration-text{color:#4d80be;}



#about-page .about-stats li{float:left;width:100%; text-align:center; margin:10px 0 30px 0;}

#about-page .about-stats .about-thumb,#about-page .about-stats #thumb-netherlands,#about-page .about-stats #thumb-philadelphia {margin:0;}



#about-page .about-content{padding:20px 0;}

#about-page .about-content .about-content-item li{width:100%;float:left;}



#about-page .about-customer li {width:100%; float:left;text-align:center; margin:0 0 30px 0;}

#about-page .about-customer li img{width:120px;}



.award-year, .award-line, .award-details-holder {margin-top:0px!important;}

#about-page .about-awards ul {margin:20px 0 0 0;}

#about-page .about-awards li {float:none; margin:auto; height:auto; margin-bottom:40px;}

#about-page .about-awards .awards-thumb{width:180px;height:auto; border-bottom:1px solid #e1e1e1; margin-bottom:10px; display:table-cell;vertical-align:middle;}

#about-page .about-awards .awards-thumb img {margin:0 0 10px 0;}



#management-page .management-listing li {margin-bottom:20px;height:auto;}

.management-listing .management-title {height:auto!important;margin-bottom:3px;}



#about-page .col-left,#about-page .col-right {max-width:none;float:none;}



}



/* AWARD */

.award-year {min-width:10%;font-size:18px;}



.mobile-year{font-size:18px; font-weight:700;display:none;}

.award-line {min-width:2%;}

.award-details-holder{max-width:80%;}

.award-icon{width:45px; height:100%; background-color:#4d80be;position:absolute;right:-45px;top:0px;text-align:center; display:table-cell;}



.award-icon img {margin-top:10px;}



#details-2004 .award-icon img{margin-top:15px;}

.award-year,.award-line,.award-details-holder{float:left;margin-top:30px;}

.award-year {margin-top:10px;}

.hr-line{width:11px;height:3px; background-color:#4d80be;}





.award-details {padding:12px 15px;background-color:#eaedef; float:left;position:relative;margin-left:30px;width:80%;}

.award-details-arrow {width:10px; height:17px; background: url(../images/icons-dialog-arrow-left.png); margin-left:-25px;position:absolute;top:50%;margin-top:-9px;}



#details-2008{margin-top:-10px;}

#details-2004{margin-top:40px;}

#details-1993{margin-top:85px;}

#details-1983{margin-top:50px;}

#details-1979{margin-top:10px;}



#label-2008 {margin:9px 0 0 0;}



#line-2008 {height:40px;}

#line-2004 {height:90px;}

#line-1997 {height:50px;}

#line-1993 {height:50px;}

#line-1989 {height:80px;}

#line-1979 {height:65px;}



#year2004{margin-top:30px;}

#year1997{margin-top:75px;}

#year1993{margin-top:40px;}

#year1989{margin-top:40px;}

#year1983{margin-top:65px;margin-top:85px;}

#year1979{margin-top:40px;margin-top:50px;}



.vr-line {width:3px; height:20px;background-color:#e1e1e1;margin:3px 0 3px 4px;}

.blue {width:3px; height:20px;background-color:#4d80be;margin:3px 0 3px 4px;}





@media handheld, only screen and (min-device-width: 481px ) and (max-device-width : 800px) and (orientation:portrait), only screen and (max-width: 800px) {

#line-1979 {height:75px;}



#details-1983{margin-top:20px;}

#details-1979{margin-top:10px;}



}



@media handheld, only screen and (max-device-width : 480px), only screen and (max-width: 480px) {

.award-year,.award-line,.award-details-arrow{display:none;}

#details-2008,#details-2004,#details-1993,#details-1983,#details-1979{margin-top:10px;}

.award-icon{left:-45px;}

.award-details-holder{margin-left:20px;}

.mobile-year {display:block;}



}



/* AWARD */