@charset "utf-8";
/* CSS Document */

/*
font-family: 'Barlow', sans-serif;
font-family: 'Playfair Display', serif;
*/
* { box-sizing:border-box;}
*::before, *::after { box-sizing: border-box; }
img { max-width: 100%;}
body,h1,h2,h3,h4,h5,h6,ul,ol,p { padding:0; margin:0;}
body, html {height:100%;}
body { background-color: #fff; font-family: 'Barlow', sans-serif; font-size: 18px; line-height:1.5; color:#000000;}
a { text-decoration:none; color:#0645ad; transition: all 0.4s ease;}
a:hover { text-decoration:none; color:#88ace6;}
a, a:active, a:visited, a:hover { outline: medium none; text-decoration: none;}

.wrapper { margin:0 auto; max-width:1280px;}
.top{ position: fixed; padding:14px 0 13px; background: #ffffff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5); min-height:100px; width:100%; z-index:3;}
.top.sticky { position: fixed; width: 100%; padding:5px 0; min-height:53px; top:0;}
.top .logo { float:left; height:88px;}
.top .logo img { width:165px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.top .menu_area { float:right; margin-top:30px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.top .menu_area .top_contact {float:left; margin: 0 0 0 50px;}
.top.responsive { display:none;}
.top.sticky .logo { height:43px;}
.top.sticky .logo img { width:82px;}
.top.sticky .logo a { height:43px;}
.top.sticky .menu_area {margin-top:4px;}
.banner_area { clear:both; width:100%; padding: 115px 0 0;}
.banner_area > img {width:100%; display: block;}
.banner_area .banner_text {position:absolute; top:400px; max-width: 650px; color: #ffffff; background: rgba(70, 64, 64, 0.7); padding: 50px;}
.disclaimer .banner_area .banner_text {top:200px;}
.team .banner_area .banner_text,.contact .banner_area .banner_text {max-width: 500px;}
.banner_area .banner_text h3 {clear:both; width: 100%; overflow: hidden; font-size: 40px; font-weight: 400; margin: 0 0 5px; font-family: 'Playfair Display', serif; line-height: 1.3;}
.banner_area .banner_text h2 {clear:both; width: 100%; overflow: hidden; font-size: 40px; line-height: 1.2; font-weight: 700; color: #ffffff; margin: 0;}
.quote_area {clear:both; width: 100%; overflow: hidden; background: url("../images/quote-bg.jpg") no-repeat center center; background-size: cover; min-height: 400px; display: flex; align-items: center; text-align: center; padding: 30px;}
.quote_area .quote h3 { font-size:38px; font-weight: 500; text-transform: uppercase; margin: 0 0 30px;}
.quote_area .quote h3 span:first-child { width: 50px; height: 43px; background: url("../images/quote-start.png") no-repeat; padding:5px 0 0 60px;}
.quote_area .quote h3 span:last-child { width: 50px; height: 43px; background: url("../images/quote-end.png") no-repeat right bottom; padding:0 0 5px 60px;}
.quote_area .quote h4 { font-size:35px; font-weight: 700; line-height: 1;}
.quote_area .quote p { font-size:20px; font-weight: 300;}
.home h2 {font-size:50px; font-weight: 700; margin: 0 0 20px;}
.intro_area {clear:both; width: 100%; overflow: hidden; padding: 50px 0;}
.intro_area .about_text {clear:both; width: 100%; overflow: hidden; display: flex;}
.intro_area .about_text .about_left {width:50%;}
.intro_area .about_text .about_left h3 {clear:both; width: 100%; overflow: hidden; font-size:22px; font-weight: 600;}
.intro_area .about_text .about_left h4 {clear:both; width: 100%; overflow: hidden; font-size:35px; font-weight: 700;}
.intro_area .about_text .about_right {width:50%; padding: 0 80px; font-size: 18px;}
.intro_area .btn_area {clear:both; width: 100%; overflow: hidden; text-align: center; padding: 50px 0 0;}
.btn_area a {display:inline-block; font-size:20px; line-height: 50px; padding: 0 30px; color: #000000; border: 1px solid #000000;}
.btn_area a:hover {color:#002873; border: 1px solid #002873;}
.focus_area {clear:both; width: 100%; overflow: hidden; margin: 0 0 50px;}
.focus_area h2 {text-align:center;}
.focus_area .focus {clear:both;overflow: hidden; margin: 0 -20px;}
.focus_area .focus .column {float:left; width: 33.33%; padding: 0 20px; position: relative;}
.focus_area .focus .column img {display:block;}
.focus_area .focus .column .focus_text {position:absolute; bottom: 0; padding: 20px 20px 20px 30px; color: #ffffff;}
.focus_area .focus .column .focus_text h3 {font-size:30px; font-weight: 600; margin: 0 0 10px;}
.focus_area .focus .column .focus_text .btn_area a,.csr_area .csr_cover .csr_blue .btn_area a,.careers_area .careers_cover .careers_right .btn_area a {color:#ffffff; border-color: #ffffff;}
.focus_area .focus .column .focus_text .btn_area a:hover,.csr_area .csr_cover .csr_blue .btn_area a:hover,.careers_area .careers_cover .careers_right .btn_area a:hover {color:#cccccc; border-color: #cccccc;}
.business_area {clear:both; width: 100%; overflow: hidden; margin: 0 0 50px;}
.business_area .business_cover {clear:both; width: 100%; overflow: hidden; display: flex; align-items: center;}
.business_area .business_cover .business_left {width:500px;}
.business_area .business_cover .business_right {width: calc(100% - 500px); padding: 0 0 0 60px;}
.business_area .business_cover .business_right h4 {font-size: 22px; font-weight: 600;}
.business_area .business_cover .business_right h3 {font-size: 35px; font-weight: 700; margin: 0 0 20px;}
.business_area .business_cover .business_right p {font-size:18px; margin: 0 0 30px;}
.numbers_area {clear:both; width: 100%; overflow: hidden;}
.numbers_area h2 {text-align:center; margin: 0;}
.numbers_area h3 {text-align:center; font-size: 30px; font-weight: 400; margin: 0 0 30px;}
.numbers_area .numbers_cover {clear:both; width: 100%; overflow: hidden; color:#ffffff; background: #002873; padding: 70px 0 220px;}
.numbers_area .numbers_cover .column {float:left; width: 20%; padding: 0 30px 0 0;}
.numbers_area .numbers_cover .column:nth-child(2) {width:24%;}
.numbers_area .numbers_cover .column:last-child {width:36%;}
.numbers_area .numbers_cover .column p {font-size:28px; font-weight: 600; line-height: 1.3;}
.numbers_area .numbers_cover .column h4 {font-size:62px; line-height: 1; margin: 0 0 20px;}
.numbers_area .icons_area {clear:both; width: 100%; overflow: hidden; background: #ffffff; border: 1px solid #707070; padding: 60px 0 60px 40px; margin:-150px 0 0;}
.numbers_area .icons_area .column {float:left; width: 16.66%;}
.numbers_area .icons_area .column img {margin:0 0 10px;}
.numbers_area .icons_area .column h3 { font-size:24px; font-weight: 600; color: #002873; text-align: left; line-height: 1.2; margin: 0;}
.team_area {clear:both; width: 100%; overflow: hidden; padding: 50px 0 0;}
.team_area h2 {text-align:center;}
.team_area .team_cover {clear:both; overflow: hidden; margin:0 -15px;}
.team_area .team_cover .column {padding:0 15px 50px; float:left; width: 33.33%;}
.team_area.news_area .team_cover .column {width: 33.33%;}
.team_area .team_cover .column .team_box {clear:both; width: 100%; overflow: hidden; position: relative;}
.team_area .team_cover .column .team_box > img {transition: .7s ease; filter: grayscale(100%);}
.team_area .team_cover .column .team_box > img:hover {opacity:1; transform: scale(1.04); filter: grayscale(0%); }
.team_area .team_cover .column .team_box .team_text {position:absolute; bottom: 0; width: 100%; background: rgba(255,255,255,0.8); padding: 20px 15px; }
.team_area .team_cover .column .team_box .team_text .team_left {float:left;width:calc(100% - 42px);}
.team_area .team_cover .column .team_box .team_text .team_left h3 {clear:both; width: 100%; overflow: hidden; font-size:20px; font-weight: 700; line-height: 1.2; margin: 0 0 5px;}
.team_area .team_cover .column .team_box .team_text .team_left p {font-size:15px; line-height: 1.2;}
.team_area .team_cover .column .team_box .team_text .team_right {float:right;width:42px;}
.team_area .team_cover .column .team_box .team_text .team_right img {margin:0 0 0 5px;}
.team_area.news_area {margin:0 0 50px;}
.team_area.news_area .team_cover .column .team_box img {margin:0 0 15px;}
.team_area.news_area .team_cover .column .team_box .meta {clear:both; width: 100%; overflow: hidden; margin: 0 0 15px; font-weight: 600;}
.team_area.news_area .team_cover .column .team_box .meta span {font-weight:400; padding: 0 0 0 30px;}
.team_area.news_area .team_cover .column .team_box h3 {clear:both; width: 100%; overflow: hidden; font-size: 20px; font-weight: 600; line-height: 1.3;}
.csr_area {clear:both; width: 100%; overflow: hidden; margin: 0 0 50px;}
.csr_area .csr_cover {clear:both; width: 100%; overflow: hidden; display: flex; align-items: center;background:#002873;}
.csr_area .csr_cover .column {width:33.33%; border-left:5px solid #ffffff;}
.csr_area .csr_cover .column:first-child {border:none;}
.csr_area .csr_cover .csr_blue {color: #ffffff; padding: 0 30px 0 40px;}
.csr_area .csr_cover .csr_blue h3 {font-size:34px; font-weight: 700; margin: 0 0 10px;}
.csr_area .csr_cover .csr_blue p { font-size:22px; font-weight: 300; margin: 0 0 30px;}
.csr_area .csr_cover .csr_images {background:#ffffff; }
.csr_area .csr_cover .csr_images img {display:block; border-bottom: 5px solid #ffffff;}
.csr_area .csr_cover .csr_images img:last-child {border:none;}
.media_area {clear:both; width: 100%; overflow: hidden; margin: 0 0 50px;}
.media_area h2 {text-align:center;}
.media_area .media_cover {clear:both; width: 100%; overflow: hidden; margin: 0 0 30px;}

.careers_area {clear:both; width: 100%; overflow: hidden;}
.careers_area .careers_cover {clear:both; width: 100%; overflow: hidden; background: url("../images/careers-bg.jpg") no-repeat center bottom; color: #ffffff; padding: 50px 60px; display: flex; align-items: center;}
.careers_area .careers_cover .careers_left {width:70%;}
.careers_area .careers_cover .careers_left h3 {font-size:50px; line-height: 1; margin: 0 0 10px;}
.careers_area .careers_cover .careers_left p { font-size:22px; max-width: 350px;}
.careers .careers_area .careers_cover .careers_left p { max-width: 450px;}
.careers_area .careers_cover .careers_right {width:30%; padding: 50px 0 0;}
footer {clear:both; width: 100%; overflow: hidden; background: #002873; color: #ffffff; padding: 120px 0 30px; margin: -60px 0 0; font-size:18px;}
footer h3 {clear:both; width: 100%; overflow: hidden; font-size:34px; font-weight: 700; text-transform: uppercase; margin: 0 0 30px; line-height: 1;}
footer a, a.light {color:#ffffff;transition: all 0.4s ease;}
footer a:hover, a.light:hover {color:#889FC9;}
footer .footer_logo {float:left; width: 30%;}
footer .footer_links {float:left; width: 30%; padding: 0 100px 0 0;}
footer .footer_links .column {float:left; width: 50%;}
footer .footer_links .column ul {list-style:none;}
footer .footer_links .column ul li {padding:0 0 10px;}
footer .footer_contact {float:left; width: 40%; padding: 0 100px 0 0;}
footer .footer_contact img {margin:0 0 20px;}
footer .footer_contact p { clear:both; width: 100%; overflow: hidden; margin: 0 0 30px; padding: 0 0 0 45px;}
footer .footer_contact p.address {background:url("../images/icon-address.png") no-repeat left 10px;}
footer .footer_contact p.website {background:url("../images/icon-website.png") no-repeat left top; line-height: 26px;}
footer .bottom {clear:both; width: 100%; float:left; margin: 50px 0 0; font-weight: 500;font-size:16px;}
footer .bottom .left {float:left; }
footer .bottom .left span {margin:0 10px;}
footer .bottom .right {float:right; font-weight: 300;}
footer .bottom .right span { width: 19px; height: 1px; background: #ffffff; display: inline-block; vertical-align: middle;}
footer .bottom .right a { padding: 0 5px;}
.banner_area.inner_banner {position:relative;}
.banner_area.inner_banner .banner_text { padding: 0; top: auto; bottom: 0; background: rgba(21, 19, 19, 0.5); width: 100%; max-width: none; }
.banner_area.inner_banner .banner_text h1 {padding:15px 0; font-size:44px;}
.about .intro_area .about_text .about_right p {margin:0 0 30px;}
.about .intro_area .about_text .about_right p:last-child {margin:0;}
.about .numbers_area .icons_area {border:none;}
.landscape_area {clear:both; width: 100%; overflow: hidden; background: url("../images/landscape-bg.jpg") no-repeat bottom left; background-size: cover; margin: 50px 0; }
.landscape_area .landscape {clear:both; width: 100%; overflow: hidden; min-height: 855px; display: flex; align-items: center; }
.landscape_area .landscape p { font-size:22px; font-weight: 500; color: #ffffff; padding-left:50%;}
.priorities_area {clear:both; width: 100%; overflow: hidden;}
.priorities_area h2 {font-size:50px; font-weight: 700; margin: 0 0 30px; text-align: center;} 
.priorities_area .priorities {clear:both; margin: 0 -40px;}
.priorities_area .priorities .column {float:left; width: 33.33%; padding: 0 40px 40px;}
.priorities_area .priorities .column img {margin:0 0 20px;}
.priorities_area .priorities .column h3 {clear:both; width: 100%; overflow: hidden; font-size:44px; font-weight: 600; color: #002873; margin: 0 0 20px;}
.priorities_area .priorities .column ul {list-style:disc; padding: 0 0 0 18px;}
.priorities_area .priorities .column ul li {padding:0 0 30px; font-size: 18px;}
.left_imgArea {clear:both; width: 100%; overflow: hidden; padding: 50px 0;}
.left_imgArea .left_imgCover {clear:both; width: 1005; overflow: hidden; display: flex; align-items: center;}
.left_imgArea .left_imgCover .left_img {width: 550px;}
.left_imgArea .left_imgCover .left_text {width: calc(100% - 550px); padding: 0 0 0 60px;}
.focus h3,.careers h3,.csr h3 {clear:both; width: 100%; overflow: hidden;font-size: 35px; font-weight: 700; margin: 0;}
.focus h4 {clear:both; width: 100%; overflow: hidden;font-size: 22px; font-weight: 600; margin: 0 0 30px;}
.focus p,.csr p {margin:0 0 30px; }
.focus p:last-child,.csr p:last-child {margin-bottom:0;} 
.right_imgArea {clear:both; width: 100%; overflow: hidden; background: #002873; padding: 50px 0; color: #ffffff;}
.right_imgArea .right_imgCover {clear:both; width: 1005; overflow: hidden; display: flex; align-items: center;}
.right_imgArea .right_imgCover .right_img {width: 550px;}
.right_imgArea .right_imgCover .right_text {width: calc(100% - 550px); padding: 0 100px 0 0;}
.right_imgArea .right_imgCover .right_text a {color:#ffffff;}
.right_imgArea .right_imgCover .right_text a:hover {color:#889FC9;}
.careers h3,.csr h3 {margin:0 0 30px;}
.careers_topArea {clear:both; width: 100%; overflow: hidden; text-align: center; padding: 50px 0 0;}
.csr .careers_topArea {padding:0 0 50px;}
.careers_topArea h2 {clear: both; width: 100%; overflow: hidden; font-size: 44px; font-weight: 700; margin: 0 0 10px;}
.careers_topArea p {margin:0 auto; max-width: 500px;}
.committed_area {clear:both; width: 100%; overflow: hidden; background: url("../images/bg-committed.jpg") no-repeat center center; background-size: cover; margin: 0 0 50px;}
.committed_area .committed {clear:both; width: 100%; overflow: hidden; display: flex; align-items: center;min-height: 350px; text-align: center;}
.committed_area .committed {margin:0 auto; max-width: 1000px;} 
.contact_area {clear:both; width: 100%; overflow: hidden; padding: 50px 0; float: left; }
.contact_area h2 {clear:both; width: 100%; overflow: hidden; font-size:35px; font-weight: 700; margin: 0 0 30px;}
.contact_area .contact_info {float:left; width: 50%;padding: 0 50px 0 0;}
.contact_area .contact_info p { clear:both; width: 100%; overflow: hidden; margin: 0 0 30px; padding: 0 0 0 45px;}
.contact_area .contact_info p.address {background:url("../images/icon-address-contact.png") no-repeat left top; line-height: 29px;}
.contact_area .contact_info p.website {background:url("../images/icon-website-contact.png") no-repeat left top; line-height: 26px;} 
.contact_area .contact_form {float:left; width: 50%;}
.contact_area .form_area .row {clear:both; overflow: hidden;}
.contact_area .form_area .row .column { clear: both; width: 100%; padding: 0 0 30px;}
.contact_area .form_area .row .column label,.contact_area .form_area .textarea label {clear:both; width: 100%; display: block; margin: 0 0 5px;}
.contact_area .form_area .row .column label span,.contact_area .form_area .textarea label span {color:#ff0000;}
.contact_area .form_area .row .column input {width:100%; height: 50px; padding: 0 0 10px; border:1px solid #707070; border-width: 0 0 1px; font-family: 'Barlow', sans-serif; font-size: 18px;}
.contact_area .form_area .textarea {clear:both; overflow: hidden; margin: 0 0 40px;}
.contact_area .form_area .textarea textarea {width:100%; height: 100px; padding: 0 0 10px; border:1px solid #707070; border-width: 0 0 1px;font-family: 'Barlow', sans-serif; font-size: 18px; max-width: 100%; min-width: 100%;}
.contact_area .form_area .btn_area {clear:both; width: 100%; overflow: hidden;}
.contact_area .form_area .btn_area button {display:inline-block; height: 50px; padding: 0 30px; font-size:18px; font-weight: 500; color: #ffffff; background: #002873; text-transform: uppercase; border: none; letter-spacing: 2px;font-family: 'Barlow', sans-serif; transition: all 0.4s ease; cursor: pointer;}
.contact_area .form_area .btn_area button:hover {background:#3A62AC;}
.error {color:#ff0000; font-size:20px;}
p.alert {clear:both; overflow: hidden; margin: 0 0 30px; background: #ff0000; color: #ffffff; padding: 20px 50px; float: left;}
p.msg_success {clear:both; overflow: hidden; margin: 0 0 30px; background: #37742F; color: #ffffff; padding: 20px 50px; float: left;}
.map_area {clear:both; width: 100%; overflow: hidden; margin: 0 0 60px; border:1px solid #999999; border-width: 1px 0 0;}
.map_area iframe {display:block;}
.contact footer {padding: 50px 0 30px;}
.common_area {clear:both; width: 100%; overflow: hidden; padding: 50px 0;}
.common_area p {margin:0 0 30px;}
.disclaimer footer { margin: 0;padding: 50px 0 30px;}
a.light {color:#88ace6;transition: all 0.4s ease;}
a.light:hover {color:#ffffff;}
.media_section {clear:both; width: 100%; overflow: hidden; padding: 50px 0;}
.media_section .resp-tabs-list {clear:both; width: 100%; overflow: hidden; text-align: center; margin: 0 0 50px;}
.media_section .resp-tabs-list .resp-tab-item {display:inline-block; border:1px solid #000; line-height: 50px; padding: 0 30px; font-weight: 500; font-size: 22px; cursor: pointer;}
.media_section .resp-tabs-list .resp-tab-item.resp-tab-active {color:#fff; background: #002873;}
.media_section .media .media_row {clear:both; width: 100%; overflow: hidden; background: #f7f7f7; padding: 50px 40px; margin: 0 0 55px; display: flex; align-items: center;}
.media_section .media .media_row .media_text {float:left; width: calc(100% - 600px); padding: 0 60px 0 0;}
.media_section .media .media_row .media_text h3 { clear:both; width: 100%; line-height: 1.2; margin: 0 0 30px;}
.media_section .media .media_row .media_text h3 a {color:#000;}
.media_section .media .media_row .media_text h3 a:hover {color:#002873;}
.media_section .media .media_row .media_text .meta { margin: 0 0 20px;}
.media_section .media .media_row .media_img {order:2; width: 600px;}
.media_section .media .event_row {clear:both; width: 100%; overflow: hidden; margin: 0 0 80px;}
.media_section .media .event_row .event_img {clear:both; width: 100%; overflow: hidden; margin: 0 0 5px;}
.media_section .media .event_row h4 {clear:both; width: 100%; overflow: hidden; font-size: 22px; font-weight: 400;}




.clock_area {position:absolute; left:0; top:0; right: 0;}
.clockcontainer { position: absolute; border-radius: 50%; background: transparent; border:5px solid #021D4E; opacity: 0;}
.clockcontainer:first-child {right:0;}
.clockcase { width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; background: #fff; border-radius: 50%; position: absolute; z-index: 1;}
.centerwasher { position: absolute; width: 5%; height: 5%; background: #000000; top: 50.3%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; z-index: 20;}
.citylabel { position: absolute; bottom: -15px; left: 50%; height: 8%; transform: translate(-50%, 0%); text-align: center; font-size: 18px !important; text-transform: uppercase; color: #ffffff; text-shadow: 2px 2px 2px #021D4E; font-weight: 700; letter-spacing: 1px;}
.datelabel { position: absolute; color: #000000; bottom: 30%; left: 50%; height: 8%; transform: translate(-50%, 0%); text-align: center; font-size: 85%;}
.hourhand, .secondhand, .minutehand { background: #000; position: absolute; z-index: 2;}
.hourhand { width: 30%; top: 49%; left: 45.5%; height: 2%; transform-origin: 16%; border-top-right-radius: 20%; border-bottom-right-radius: 20%; box-shadow: -10px 0px 10px rgba(0, 0, 0, 0.4);}
.minutehand { width: 45%; height: 1%; top: 49.5%; left: 45%; transform-origin: 11%; border-top-right-radius: 30%; border-bottom-right-radius: 30%; box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.4);}
.secondhand { width: 45%; height: 0.5%; top: 50.1%; left: 44.2%; transform-origin: 13%; box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.4);}
.minutedotright { height: 100%; width: 1%; background-color: #000000; border-radius: 50%; float: right;}
.minutedotleft { height: 100%; width: 1%; background-color: #000000; border-radius: 50%; float: left; }
.minutediv { position: absolute; border: none; height: 1%; width: 90%; background: transparent; top: 49.5%; left: 50%; }
.leftmark { width: 7%; height: 100%; background: #000000; float: left; }
.rightmark { width: 7%; height: 100%; background: #000000; float: right; }
.clockcontainer.london {right:50px; top: 200px;}
.clockcontainer.singapore {right:75px; top: 420px;}
.clockcontainer.india {right:75px; top: 590px;}
#thover{ position:fixed; background:#000; top: 0; left: 0; right: 0; bottom: 0; opacity:0.7; z-index: 5;}
#tpopup{ position:absolute; max-width: 800px; background:#fff; margin: 0 auto; box-shadow:0 0 10px 0 #000; z-index: 6; left: 20px; top:100px; text-align: center; right: 20px;}
#tclose{ position:absolute; background:black; color:white; right:-15px; top:-15px; border-radius:50%; width:30px; height:30px; line-height:30px; text-align:center; font-size:16px; font-weight:bold; font-family:'Arial Black', Arial, sans-serif; cursor:pointer; box-shadow:0 0 10px 0 #000;}









/* Navigation Styles */
.menu { float:left;}
.menu ul { font-size: 0; margin: 0; padding: 0;}
.menu ul li { display: inline-block; position: relative;}
.menu ul li a { color: #333333; display: block; font-size: 20px; padding: 0 0 0 40px; transition: 0.3s linear; line-height: 34px; font-weight: 500;}
.menu ul li a:hover,.about .menu ul li.au a,.focus .menu ul li.of a,.careers .menu ul li.car a,.csr .menu ul li.csr a,.contact .menu ul li.con a { color:#002873;}
.menu ul li ul { border-bottom: 5px solid #f38535; display: none; position: absolute; width: 275px; left:12px; padding-top:26px;}
.desktop.sticky .menu ul li ul { padding-top:12px !important;}
.menu ul li ul li { border-top: 1px solid #555555; display: block;}
.menu ul li ul li:first-child { border-top: none; }
.menu ul li ul li a { background: rgba(51,51,51,0.9); display: block; padding: 5px 14px; color:#ffffff; font-size:15px; }
.menu ul li ul li a:hover { background: #FF9141; color:#ffffff; }

nav:not(.mm-menu) { display: none;}
.header { display:none;}
.header { position:fixed; left:20px; padding: 0 50px; z-index:5; margin-top:30px;-webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.header.fix { margin-top:17px;}
.header.fixed { position: fixed; top: 0; left: 10px;}
.header a { display: block; position: absolute; top: 0; left: 0;}



/* for 1440 */
@media (max-width: 1919px) {
	.wrapper { padding:0 20px;}
	.banner_area .banner_text {top:258px;}
	
}


/* for 1280 */
@media (max-width: 1439px) {
	.banner_area .banner_text {top:270px;}
	.clockcontainer.london {top: 150px;}
	.clockcontainer.singapore {top: 370px;}
	.clockcontainer.india {top: 540px;}
	
	
	
}


/* for 1024 */
@media (max-width: 1279px) {
	.banner_area .banner_text {top:210px;}
	.intro_area .about_text .about_right {padding:0 20px;}
	.focus_area .focus {margin: 0 -10px;}
	.focus_area .focus .column { padding: 0 10px;}
	.business_area .business_cover .business_right {padding: 0 0 0 30px;}
	.numbers_area .numbers_cover .column h4 {font-size:44px; margin: 0 0 10px;}
	.numbers_area .numbers_cover .column p {font-size:22px;}
	.numbers_area .icons_area .column h3 {font-size:20px;}
	.numbers_area .icons_area {padding: 40px 0 40px 40px;}
	.team_area .team_cover {margin: 0 -20px;}
	footer .footer_contact { padding: 0 50px 0 0;}
	footer .footer_links { padding: 0 50px 0 0;}
	.left_imgArea .left_imgCover .left_img,.right_imgArea .right_imgCover .right_img {width: 450px;}
	.left_imgArea .left_imgCover .left_text { width: calc(100% - 450px); padding: 0 0 0 40px;}
	.right_imgArea .right_imgCover .right_text { width: calc(100% - 450px); padding: 0 50px 0 0;}
	.clockcontainer.london {top: 130px;}
	.clockcontainer.singapore {top: 320px;}
	.clockcontainer.india {top: 470px;}
	.media_section .media .media_row {max-width:680px; margin: 0 auto 55px; display: block;}
	.media_section .media .media_row .media_img {width:100%; margin: 0 0 20px;}
	.media_section .media .media_row .media_text {width:100%; padding: 0;}
	.team_area.news_area .team_cover .column:nth-child(2n+1) {clear:none;}
	
	
}


/* for 800 */
@media (max-width: 990px) {
	.top.desktop { display:none;} 
	.top.responsive { display:block; min-height: inherit;padding: 14px 0 7px;} 
	.top.sticky {padding: 7px 0 7px;}
	.header { display:block;}
	.top .logo { width:100%; text-align:center; height: auto;}
	.top .logo img {width:100px}
	.top.sticky .logo img { width: 85px;}
	.banner_area { padding: 83px 0 0;}
	.banner_area .banner_text { max-width: none; top:250px; width: 100%; text-align: center; padding: 30px; right: 0;}
	.intro_area .about_text {display:block; text-align: center;}
	.intro_area .about_text .about_left {width:100%; margin: 0 0 20px;}
	.intro_area .about_text .about_right {width:100%; padding: 0;}
	.intro_area .btn_area { padding: 30px 0 0;}
	.home h2 {text-align:center;}
	.focus_area .focus {max-width:467px; margin: 0 auto;}
	.focus_area .focus .column {width:100%; padding: 0; margin: 0 0 30px;}
	.business_area .business_cover {display:block;}
	.business_area .business_cover .business_left {width:100%; text-align: center; margin: 0 0 30px;}
	.business_area .business_cover .business_right {width:100%; padding: 0; text-align: center;}
	.numbers_area .numbers_cover .column:first-child,.numbers_area .numbers_cover .column:nth-child(3) {width:30%;}
	.numbers_area .numbers_cover .column:nth-child(2),.numbers_area .numbers_cover .column:nth-child(4) {width:70%;}
	.numbers_area .icons_area .column {width:33.33%; padding: 0 20px 0 0;}
	.numbers_area .icons_area .column h3 {min-height:48px;}	
	.team_area .team_cover {max-width:722px; margin: 0 auto;}
	.team_area .team_cover .column {width:50%;}
	.team_area .team_cover .column:nth-child(2n+1) {clear:both;}
	.csr_area .csr_cover {display:block;}
	.csr_area .csr_cover .column:first-child {width:100%; text-align: center; padding: 30px;}
	.csr_area .csr_cover .csr_images {float:left; width: 50%;}
	footer .footer_logo {width:24%; padding: 0 30px 30px 0;}
	footer .footer_links {width:36%;padding: 0 30px 0 0;}
	.banner_area.inner_banner .banner_text h1 {padding:0;}
	.landscape_area {background: url("../images/landscape-bg.jpg") no-repeat -150px bottom;}
	.priorities_area .priorities .column {width:100%;}
	.priorities_area .priorities .column ul li { padding: 0 0 10px;}
	.priorities_area .priorities .column {text-align:center;}
	.priorities_area .priorities .column img { margin: 0;}
	.left_imgArea .left_imgCover,.right_imgArea .right_imgCover {display:block;}
	.left_imgArea .left_imgCover .left_img, .right_imgArea .right_imgCover .right_img {width:100%; text-align: center; margin: 0 0 10px;}
	.left_imgArea .left_imgCover .left_text,.right_imgArea .right_imgCover .right_text {text-align:center; width: 100%; padding: 0;}
	.right_imgArea .right_imgCover .right_text {margin:0 0 30px;}
	.right_imgArea .right_imgCover .right_img {margin:0;}
	.clockcontainer.london {top: 100px; right: 240px;}
	.clockcontainer.singapore {top: 145px; right:130px;}
	.clockcontainer.india {top: 145px; right: 20px;}
	.team_area.news_area .team_cover {max-width: none; margin: 0 -20px;}
	
	
}


/* for 786 */
@media (max-width: 768px) {
	.media_section .media .media_row {max-width: none;}
	.media_section .media .media_row .media_img img { width: 100%;}
}


/* for 600 */
@media (max-width:767px) { 
	.banner_area .banner_text,.disclaimer .banner_area .banner_text {position:relative; top: 0; margin: 0 -20px; padding: 20px; width: auto;}
	.banner_area > img {display:block;}
	.quote_area .quote h3 {font-size:28px;}
	.quote_area {min-height: 300px;}
	.intro_area {padding:30px 0;}
	.home h2 {font-size:42px;}
	.numbers_area .numbers_cover .column:first-child, .numbers_area .numbers_cover .column:nth-child(3) {width:40%;}
	.numbers_area .numbers_cover .column:nth-child(2), .numbers_area .numbers_cover .column:nth-child(4) {width:60%;}
	.numbers_area .icons_area .column {padding: 0 20px 40px 0;}
	.numbers_area .icons_area { padding: 40px 0 0 40px;}
	.careers_area .careers_cover {padding:30px; text-align: center; display: block; background-size:cover;}
	.careers_area .careers_cover .careers_left,.careers_area .careers_cover .careers_right {width:100%; text-align: center;}
	.careers_area .careers_cover .careers_left p {max-width:none;}
	.careers_area .careers_cover .careers_right { padding: 30px 0 0;}
	footer .footer_logo {width:40%;}
	footer .footer_links {width:60%; padding: 0 0 30px 30px;}
	footer .footer_contact {width:100%; padding: 0;}
	footer h3 {margin:0 0 30px;}
	footer .footer_contact p {margin: 0 0 20px;}
	footer .footer_contact p.address {line-height:29px; background: url("../images/icon-address.png") no-repeat left top;}
	footer .bottom {margin: 30px 0 0;}
	.banner_area.inner_banner .banner_text {width:auto;background: rgba(70, 64, 64, 1);}
	.landscape_area {background: url("../images/landscape-bg.jpg") no-repeat center bottom;}
	.landscape_area .landscape p {padding:0; }
	.landscape_area .landscape {min-height:inherit; padding: 50px 0; text-align: center;}
	.careers h3, .csr h3 { margin: 0 0 10px;}
	.banner_area.inner_banner .banner_text h1 { font-size: 40px;}
	.contact_area .contact_info {width:100%; margin: 0 0 30px;}
	.contact_area h2 {margin:0 0 10px;}
	.contact_area .contact_info p {margin:0 0 20px;}
	.contact_area .contact_form {width:100%;}
	.contact_area .form_area .row .column { padding: 0 0 20px;}
	.contact_area .form_area .row .column input {padding:0;}
	.clockcontainer.london {top: 200px; right: 240px;}
	.clockcontainer.singapore {top: 245px; right:130px;}
	.clockcontainer.india {top: 245px; right: 20px;}
	.team_area.news_area .team_cover .column { width: 100%;}
	
	
}


/* for 480 */
@media (max-width: 599px) {
	.top.responsive {padding: 5px 0 0px;}
	.top.sticky .logo img { width: 70px;}
	.header {margin-top:22px;}
	.header.fix { margin-top: 13px;}
	.banner_area { padding: 65px 0 0;}
	.banner_area .banner_text h3 {font-size:34px;}
	.banner_area .banner_text h2 {font-size:30px;}
	.quote_area .quote h3 span:first-child {padding: 10px 0 0 60px;}
	.quote_area .quote h3 span:last-child {padding: 0 0 10px 60px;}
	.focus_area .focus .column .focus_text {right:0; left: 0; text-align: center;}
	.numbers_area .icons_area .column {width:50%;}
	.home h2,.careers_area .careers_cover .careers_left h3 { font-size: 36px;}
	.csr_area .csr_cover .csr_images {width:100%;}
	.csr_area .csr_cover .csr_images:nth-child(2) img:last-child {border-bottom: 5px solid #ffffff;}
	.media_area .btn_area {text-align:center;}
	.focus h4 { line-height: 1.3;}
	.careers_topArea h2 {font-size: 36px;}
	.committed_area .committed {min-height:inherit; padding: 30px 0;}
	.contact_area .contact_info p.address { background: url("../images/icon-address-contact.png") no-repeat left 10px;}
	.contact_area {padding: 30px 0;}
	.clockcontainer.london {top: 130px; right: 240px;}
	.clockcontainer.singapore {top: 175px; right:130px;}
	.clockcontainer.india {top: 175px; right: 20px;}
	.media_section .media .media_row {padding:20px;}
	.media_section .media .media_row .media_img { margin: 0 0 10px;}
	.media_section .media .media_row .media_text .meta { margin: 0 0 5px;}
	.media_section .media .media_row .media_text h3 { margin: 0 0 20px;}
	.careers.mediaevents h3 {font-size: 26px;}
	.team_area .team_cover { max-width: 331px; margin: 0 auto;}
	.team_area .team_cover .column { width: 100%; padding: 0 0 40px;}
	.team_area .team_cover .column .team_box .team_text {min-height:inherit;}
	.team_area.news_area .team_cover .column {padding: 0 15px 50px;}
	
	
}

/* for 428 */
@media (max-width: 479px) {
	.clockcontainer.london {top: 125px; right: 240px;}
	.clockcontainer.singapore {top: 170px; right:130px;}
	.clockcontainer.india {top: 170px; right: 20px;}
	
	
}



/* for 360 */
@media screen and (max-width: 427px) {	
	.banner_area .banner_text h3 { font-size: 30px;}
	.banner_area .banner_text h2 { font-size: 23px;}
	.quote_area .quote h3 { font-size: 22px;}
	.quote_area .quote h3 span:first-child { padding: 17px 0 0 60px;}
	.quote_area .quote h3 span:last-child { padding: 0 0 17px 60px;}
	.intro_area .about_text .about_left h4,.business_area .business_cover .business_right h3 {line-height:1.2; padding: 10px 0 0;}
	.home h2, .careers_area .careers_cover .careers_left h3 {line-height:1.2;}
	.numbers_area .numbers_cover .column:first-child, .numbers_area .numbers_cover .column:nth-child(3), .numbers_area .numbers_cover .column:nth-child(2), .numbers_area .numbers_cover .column:nth-child(4) {width:100%; text-align: center; padding: 0 0 30px;}
	.numbers_area .icons_area {margin: -200px 0 0; padding: 0;}
	.numbers_area .icons_area .column { width:100%; padding: 0 0 20px 0; text-align: center;}
	.numbers_area .icons_area .column h3 {text-align:center;}
	.csr_area .csr_cover .csr_blue h3 {line-height:1.2;}
	.csr_area .csr_cover .column:first-child {padding:30px 20px;}
	footer .footer_logo {width:100%; padding: 0 0 30px; text-align: center}
	footer .footer_logo img {width:200px;}
	footer {margin: -80px 0 0;}
	footer .footer_links {width:100%; padding: 0 0 30px;}
	footer h3,footer .footer_links .column {text-align:center;}
	footer .bottom .left, footer .bottom .right {width:100%; text-align: center;}	
	.focus h4 {margin: 0 0 10px;}
	.careers_topArea h2,.careers h3, .csr h3 {line-height: 1.2;}
	.contact_area .form_area .btn_area button {width:100%;}
	.clockcontainer.london {top: 90px; right: 204px;}
	.clockcontainer.singapore {top: 135px; right:102px;}
	.clockcontainer.india {top: 135px; right: 0;}
	
	
}


/* for 320 */
@media screen and (max-width: 359px) {
	.banner_area .banner_text h3 { font-size: 26px;}
	.quote_area .quote h4 {font-size:30px;}
	
}