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

/* Global */
.someinput::-ms-clear { display: none;}
body{padding:0; margin:0;}
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    /*overflow: hidden;*/
	height: 200px;
	/*
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
	*/
	color:#ffffff;
	background: url(../images/global/header-topshadow.png) repeat-x;
}
header.act{height:117px;}
header.shrink, body.fixed header{
    height: 50px;
	background:#ffffff;
	-webkit-transition: background 0.3s, height 0.3s;
    -moz-transition: background 0.3s, height 0.3s;
    transition: background 0.3s, height 0.3s;
	color:#0c5fa7;
}
header.act {
	background:#ffffff;
	/*
	-webkit-transition: background 0.3s, height 0.4s;
    -moz-transition: background 0.3s, height 0.4s;
    transition: background 0.3s, height 0.4s;
	*/
	color:#0c5fa7;
}

header.act a{ color:#0060a9; }
header.act li i { color:#00bbf0;}


header a{color:#ffffff;}
header a:hover i{color:#ffffff;}
header .header-logo-blue{display:none;}
header .header-logo img, header .header-logo-blue img{width:77px; margin: 15px 0 10px 0px;}
header .smallLogo{display: none;}
_:-ms-input-placeholder, :root header .smallLogo { height:35px} /* IE 10 */
header.shrink .smallLogo, body.fixed header .smallLogo{ display: block; top:18px; left: 58px; width: 32px; margin: 9px 0 0 0;}
header.shrink .header-logo, body.fixed header .header-logo{width:138px; display: none;}
header.shrink .header-logo-blue, body.fixed header .header-logo-blue{display:none;}
header .header-column i{font-size:14px;}
header.shrink .header-column i, body.fixed header .header-column i{color:#0c5fa7;}
header .logoWrapper{float:left;}
header .header-extra-info{float:right; margin:13px 0 0px 10px;}
header.shrink .header-extra-info, body.fixed header .header-extra-info{float:right; margin:0px 0 0px 10px;}
header.shrink.box-shadow, header ul.topNav li:hover .subNavWrapper, .searchWrapper {
    -webkit-box-shadow: 0px 20px 20px -4px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 20px 20px -4px rgba(0,0,0,0.1);
	box-shadow: 0px 20px 20px -4px rgba(0,0,0,0.1);
}
header .header-tools{padding-top:8px;}
header .header-tools, header .homeStock, header .top-contact{display:table-cell; vertical-align: middle; position: relative;}
header .top-contact{font-family:"Purista-Bold"; font-size: 12px; padding: 2px 0 0 0;}
header.shrink .top-contact{/*display: none;*/}
header .homeStock{vertical-align: top;}
header.shrink .homeStock{display: none !important;}
header .header-tools ul{list-style: none;}
header .header-tools ul li{ display:table-cell; padding: 0 13px 0 10px; text-align: center; vertical-align: middle; position: relative;}
header .header-tools ul li:last-child{/*padding: 7px 5px 0 10px;*/}
header .header-tools .nav-search-btn:after{content: '\f1c3'; font-family: 'Material-Design-Iconic-Font'; font-size:26px;  display: inline-block; padding:2px 0 0 0; line-height:26px;}
header .header-tools .nav-search-btn.act:after{content: '\f136'; font-family: 'Material-Design-Iconic-Font'; font-size:20px;  display: inline-block;}
header .header-tools .language, header .header-tools .contact {position: relative; font-size: 12px;}
header .header-tools .language > a, header .header-tools .contact a {font-family:"Purista-Bold"; font-size: 14px;padding: 0 0 10px 0;}
header.shrink .header-tools .language > a, header.shrink .header-tools .contact a{font-size: 12px}
header .header-tools .contact a {}
header .header-tools .language > a:hover, header .header-tools .contact a:hover {border-bottom:3px solid #00bbf0; }
header .header-tools .language a:hover, header .header-tools .contact a:hover {text-decoration:none;}
header .header-tools .language a:hover, header .header-tools .contact a:hover { color:#fff;}
header.shrink .header-tools .language > a:hover, header.shrink .header-tools .contact a:hover, header.act .header-tools .language > a:hover, header.act .header-tools .contact a:hover { color:#1C2D51;}
header .header-tools .language .lang-change{position:absolute;  padding: 5px 4px; display: none;}
header .header-tools .language .lang-change.act{display:block; background:#F6F6F6; }
header .header-tools .language .lang-change.act a{color:#0c5fa7 !important;}
header .header-tools .language .lang-change a{display:block; font-size:14px}
header .header-tools li:before{position: absolute; top: -5px; left: -6px; font-size: 25px; font-family:Arial, sans-serif}
header .header-tools li:first-child:before{content:'';}
header .header-tools i , header .header-tools .nav-search-btn{padding:2px 0 0 0; }

header .header-extra-info .mobile-btn{display:table-cell; /*padding: 20px 30px 0 10px;*/}
header .header-extra-info .mobile-btn a { position: relative; font-family:"Purista-Bold"; font-size: 14px; color: #ffffff; text-decoration: none;}
header .header-extra-info .mobile-btn a:after{content:'\f197'; font-family: 'Material-Design-Iconic-Font'; font-size:21px; display:inline-block; right: -15px; top: -2px;}
header.shrink .mobile-btn a, header.shrink .language a, header.shrink .contact a, body.fixed header .mobile-btn a, body.fixed header .language a, body.fixed header .contact a{ color: #0c5fa7;}
header.shrink .header-tools li:before, body.fixed header .header-tools li:before{color:#dcdcdc;}

header .homeStock{padding:0 0 0 10px;}
header .homeStock .iframeContainer{padding:0; height: 45px; overflow: hidden}
header.shrink .iframeContainer, header.act .iframeContainer, body.fixed .iframeContainer, body.fixed .iframeContainer{background-color: #0c5fa7;}
header .homeStock .price-container{font-size:14px; line-height: 12px;}
header .homeStock .price-up{font-size:18px; color:#00b8ec;}
header .homeStock .price-down{font-size:18px; color:#e2071d;}
header .homeStock .price{font-size:20px; font-family:"Purista-Bold";}
header .homeStock .change{font-size:14px; text-align: right;}
header .header-row{position:inherit; z-index: 100;}
header .topNavWrapper{font-family:"Purista-Bold"; text-transform: uppercase; float:right; margin: 22px 0 0 0;}
header ul.topNav{margin-bottom:0;}
header ul.topNav > li {display: table-cell; padding: 0 0 0 20px; }
/*header ul.topNav .subNavWrapper{background:#f6f6f6; position: absolute; width: 100%; left: 0; top: 117px; visibility: hidden; z-index: 999; padding: 35px 0; min-height: 390px;}*/
/*header ul.topNav li.open .subNavWrapper {visibility: visible;}*/
header ul.topNav .subNavWrapper{background:#f6f6f6; position: fixed; width: 100%; left: 0;   z-index: 999; padding: 35px 0; min-height: 340px;transition: 0.2s; display:none /*top: -500px;*/}
header ul.topNav li.open .subNavWrapper { display:block; top:117px; transition: 0.4s;}
header ul.topNav li.open .subNavWrapper li{display:block;}
header ul.topNav li > a{padding:0 0 12px 0;}
header ul.topNav li a:hover, header ul.topNav li.open > a {border-bottom:3px solid #00bbf0; text-decoration: none; color:#ffffff;}
header.act ul.topNav li a:hover, header.shrink ul.topNav li a:hover, header ul.topNav li.open > a{color: #1c2d51;}
header ul.topNav .section{font-size: 30px; color:#1c2d51; font-family:"Purista-Bold"; text-transform: none;}
header ul.topNav ul.subNav{margin:0; display: inline-block; vertical-align: top; padding:0 30px 0 0 ; max-width: 300px; min-width: 200px; }
header ul.topNav ul.subNav li{text-transform: none; font-family: "Calibri", Helvetica, Arial, sans-serif; color: #1c2d51; padding: 0;}
header ul.topNav ul.subNav li a{padding:6px 0; display: inline-block; color: #1c2d51; font-size:14px;}
header ul.topNav ul.subNav li a:hover{border-bottom:0; color: #3f69c0; }
header ul.topNav ul.subNav li a.lvl2 { padding-left: 15px; }
header.shrink .topNavWrapper{ margin: 12px 0 0 0;}
header.shrink ul.topNav a{ color:#0060a9; font-size:12px;}
header.shrink ul.topNav li.open .subNavWrapper{top: 50px;}
header.shrink ul.topNav li a{padding:0 0 10px 0;}
header .subNavWrapper .spotlight{margin:0;}
header .subNavWrapper .spotlight .item{ width: 100%;  height: 235px;}
header .spotlight .btn, header.shrink .spotlight .btn{padding:10px 25px; margin:0; color: #ffffff; font-size:14px; border:none; text-transform: initial; }
header .spotlight .btn:hover{ color:#fff!important; border:none}
.searchWrapper{position:fixed; /*top: -257px;*/ width: 100%; z-index: 101; transition: 0.2s; display:none}
.searchWrapper.act{top:0; transition: 0.4s;  display:block}
.searchWrapper.shrink.act{top:-80px; transition: 0.4s;}
.searchWrapper .search-top{background:#ffffff; height: 117px;}
.searchWrapper .search-body{background:#f6f6f6; height:140px;}
.searchWrapper .search-body .search-input{ border-bottom: 1px solid #dcdcdc; }
.searchWrapper .search-body input{width:100%; border: none; background-color: transparent; font-size: 18px; padding: 15px 0; margin: 30px 0 0 0;}
header .nav-search-btn:hover{color: #fff }
header.shrink .nav-search-btn:hover, header.act .nav-search-btn:hover { color:#1C2D51;}
header.shrink .nav-search-btn, body.fixed .nav-search-btn{color: #0c5fa7;}


header ul.topNav > li.menu-contact{display: none;}
header.shrink ul.topNav > li.menu-contact{display: table-cell;}
header.shrink ul.topNav > li.menu-contact i{font-size:20px;}

.fixed{position:fixed;}
ul{list-style:none; padding: 0;}
ul.listDot, ul.listNo, ul.listNoCont, ul.listSquare{list-style:none; padding: 0; position: relative;}
ul.listDot li, ul.listNo li, ul.listNoCont li, ul.listSquare li, ul.listLetter li{padding:0 0 0 20px;}
ul.listDot li:before{content:"■"; color:#00bbf0; margin: 0 10px 0 0; position: absolute; left: 0; font-size: 12px;}
ul.listSquare li:before{content:""; margin: 7px 10px 0 0; position: absolute; left: 0px; width: 5px; height: 5px; background: #00bbf0; }
ul.listNo li:before, ul.listNoCont li:before {content:counter(li); color:#00bbf0; margin: 0 10px 0 0; font-weight: bold; position: absolute; left: 0px; counter-increment: li; }
.tab-content ul.listNo li:before{left: 0;}
ul.listNo {counter-reset: li;}
ul.listLetter li:before{content:counter(listLetter, lower-alpha); color:#00bbf0; margin: 0 10px 0 0; font-weight: bold; position: absolute; left: 0px;}
ul.listLetter li {counter-increment: listLetter}
ul.subList li:before {left: 35px;}
.btn i{display: inline-block;}
.btn:hover i{-webkit-transition: display 0.5s; -moz-transition: display 0.5s; transition: display 0.5s;}
.cta-link { font-size: 14px; font-family: "Purista-Bold"; text-transform: uppercase; }
.cta-link:before { content: '\f301'; display: inline-block; width: 1.2em; font: normal normal normal 14px/1 'Material-Design-Iconic-Font'; }
.more-link:after { content: '\f301'; display: inline-block; width: 1.2em; font: normal normal normal 14px/1 'Material-Design-Iconic-Font'; text-align: right; }
.table.table-center-align th, .table.table-center-align td { text-align: center !important; }
.table.table-left-align th, .table.table-left-align td { text-align: left !important; }
.full-link{position:absolute; width: 100%; height: 100%; left: 0; top: 0;}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.brackets{ font-family: "Calibri", Helvetica, Arial, sans-serif!important;}
.bold { font-weight: bold; }
.maplink { display: block; position: relative; visibility: hidden; top:-60px;}	


footer{padding:50px 0;}
footer .footer-social{background:#f1f1f1; max-width: 490px; margin: 0 auto; font-family:"Purista-Medium"; padding:8px 0px;}
footer .footer-social .subscribe, footer .footer-social .social-icon{ display:block; width:100%; text-align: center; line-height: 45px;}
footer .footer-social .subscribe{border-right:0;}
footer .footer-social .social-icon img{margin:0 7px;}
footer .footer-social a{color:#666666;}
footer .footer-social {font-size: 16px;}
footer .qlinks{margin: 40px 0 30px 0;}
footer .qlinks ul{list-style:none; padding: 0; margin: 0 auto;}
footer .qlinks ul li{border-right:1px solid #666666; display: inline-block;}
footer .qlinks ul li:last-child{border:none;}
footer .qlinks ul li a{padding:5px 10px; font-size: 12px; color: #666666;}
footer .footerLogo img{width:127px; height: auto; margin-bottom: 40px;}
footer .table-row{display:table; width:100%;}
footer #wechat { position: relative; }
footer #wechatcode { position: absolute; z-index: 99999; right: -25px; top: 30px; }



/* Mobile Nav */
.mobile-nav {background:#f6f6f6; z-index: 101; position: absolute; width: 100%; top: 0; margin:-100px 0 0 0; padding:0 20px; display: none;  overflow-x:auto; height: 500px;}
.mobile-nav.act{display:block; margin:50px 0 0 0;}
.mobile-nav .panel-title a{display:block; width: 100%; position: relative; color: #1c2d51; font-family:"Purista-Bold";}
.mobile-nav .panel-title a.collapsed:after, .mobile-nav .panel-title a:after{content:'\f2f9'; font-family: 'Material-Design-Iconic-Font'; font-size:22px; position: absolute; right: 0; color: #00bbf0;}
.mobile-nav .panel-title a:after{content:'\f2fc'; font-family: 'Material-Design-Iconic-Font'; font-size:22px; position: absolute; right: 0; color: #00bbf0;}
header .mobile-nav ul.subNav {margin-bottom:0;}
header .mobile-nav ul.subNav a{color: #1c2d51; padding: 5px 0; display: block;}
header .mobile-nav ul.subNav a.lvl2 { padding-left: 15px; }
header.shrink .mobile-nav.act{margin:50px 0 0 0;}

/* Home */
.homeBannerWrapper{height:420px;}
.homeBannerWrapper ul.slick-dots{margin: -100px auto 0 auto; max-width: 1170px; padding: 0 0 0 25px;}
.homeBannerWrapper .banner-down{display: none; position:absolute; z-index: 99; left: calc(50% - 32px); margin: -20px 0 0 0;}
.homeBanner .banner{height:420px; position: relative;}
.homeBanner .banner a{color:#ffffff;}
.homeBanner .banner .banner-inner{margin: 150px 0 0 0;}
.homeBanner .banner .banner-inner .slogan{font-size:40px; color: #ffffff; font-family:"Purista-SemiBold"; line-height: 40px; padding: 0 0 25px 20px; text-shadow: 1px 0px 20px rgba(0,0,0,0.5); }
.homeBanner .banner .banner-inner .btn-div{/*background:url(../images/global/banner-btn-bg.png) no-repeat;*/ width:280px; background-position: right; height: 93px; font-size: 16px; position: relative;}
.homeBanner .banner .banner-inner .video-btn{position:absolute; color: #ffffff; font-family:"Purista-Medium"; left: 20px; top: 28px; padding: 15px 0 0 60px;}
.homeBanner .banner .banner-inner .video-btn .time{font-size:18px;}
.homeBanner .banner .banner-inner .video-btn:before{content: url(../images/home/homeBanner-play.png); position: absolute; left: 0; top: 0;}
.homeBanner .banner01{background:url(../images/home/homebanner01.jpg) no-repeat; background-size: cover; background-position: center;}
.homeBanner .banner02{background:url(../images/home/homebanner02.jpg) no-repeat; background-size: cover; background-position: center;}
.homeBanner .banner03{background:url(../images/home/homebanner03.jpg) no-repeat; background-size: cover; background-position: center 70%;}
.home-intro-wrapper{background:#1c2d51;}
.home-intro .item{height:305px; position: relative; }
.home-intro .item h4{color:#ffffff; padding: 30px 0 0 10px; z-index: 99; position: absolute; font-size:17px}
.home-intro .home-network{background:url(../images/home/home-network2.jpg)no-repeat; background-size: cover; }
.home-intro .home-press{background:url(../images/home/home-press.jpg)no-repeat; background-size: cover; }
.home-intro .home-case{background:#1b2347; background-size: cover; background-position: left;}
.home-intro .item .link{ font-size:19px; color:#ffffff; font-family:"Purista-Medium"; position: absolute; left: 25px; bottom: 30px; z-index: 99; padding:0 15px 0 0;}
.home-intro .item .link a{color:#ffffff; display: inline-block; position: relative !important;}
.home-intro .item span.date{font-size:16px; font-family:"Purista-SemiBold";}
.home-intro .item .overlay{background:rgba(0,0,0,0.5); z-index: 98; visibility: hidden; width: 100%; height: 100%; top: 0; left: 0; position: absolute;}
.home-intro .item:hover .overlay{visibility: visible;}
.home-case .slide{position: relative;}
.home-case .slick-dots, .fb .slick-dots{bottom: 23px; position: absolute; right: 20px;}
.home-case .home-annual{background:url(../images/home/home-annual.jpg)no-repeat; background-position: center; }
.home-case .home-agm{background:url(../images/home/home-agm.jpg)no-repeat; background-position: center; }
.home-case .slide{height:305px; position: relative;}
.home-case .slide a.agm, .home-case .slide a.slide-a{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#agmm{position: relative;}
#agmm img{margin:0 auto; position: relative;}
.slick-slide, .slick-slide *{ outline: none !important; }
.home-intro .home-fraud {background:url(../images/home/home-case2.jpg)no-repeat; background-position: center; }
.home-intro .home-case { padding-left: 0; padding-right: 0; }
.home-intro .home-case .slide { padding-left: 15px; padding-right: 15px; }
.home-intro .fb{color: #ffffff; padding: 0;}
.home-intro .fb .slide{position: relative; height: 305px; width: 100%; }
.home-intro .fb .slide::before{background-image: linear-gradient(180deg,rgba(0,0,0,0) 0,#14223b 100%); content: ""; width: 100%; height: 100%; position: absolute;}
.home-intro .fb .fbitem{ height: 305px; position: relative; margin-top: 175px; transition: all 0.3s;}
.home-intro .fb .pbfblogo img{border-radius: 50%; overflow: hidden;}
.home-intro .fb h4{padding: 30px 0 0 25px;}
.home-intro .fb .post{
	padding:  15px 15px 0 15px;
	position: relative;
	left: 10px; height: 0; overflow: hidden;
	}
.home-intro .fb:hover .fbitem{ margin: 0; transition: all 0.3s;}
.home-intro .fb:hover .post{height: 100%; transition: all 0.3s;}
.home-intro .fb:hover .fbitem:after{background-image: linear-gradient(180deg,rgba(20,34,59,.8) 0,rgba(20,34,59,.8) 100%); content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1;}
.home-intro .fb .link{position: absolute; bottom: 30px; left: 25px;}
.home-intro .fb .fbBG{position: absolute; top: 0; left: 0; width: 100%; height: 305px; z-index: -1; background-size:cover; background-position: center; width:100%;}
.home-intro .fb .fblogoWrapper{display: flex; padding: 30px 0 0 25px; align-items: center; font-size: 19px; font-family: "Purista-Medium";}
.home-intro .fb .fblogoWrapper .date{font-size: 16px; font-family: "Purista-SemiBold";}
.home-intro .fb .fblogoWrapper img{ margin-right: 10px;}

.homeFleet{background:#ccf1fb; text-align: center; padding: 100px 0 250px 0; margin-bottom: 100px; position: relative;}
.homeFleet .fleet-dash-top{margin:-130px 0 0 0; position: absolute; left: calc(50% - 8px);}
.homeFleet .fleet-dash-bottom{margin:0 0 0 0; position: absolute; left: calc(50% - 8px); z-index: 99;}
.homeFleet .title{font-size:42px; color:#0060a9; font-family:"Purista-Medium"; text-align: center;}
.homeFleet .btn{margin-bottom: 40px; font-size: 13px;}
.homeFleet .business-data { margin-top: 20px; }


.home-spot .spotlight{margin:-280px 0 0 0; box-shadow:0px 0px 20px 0px rgba(0,0,0,0.35); display:table;}
.home-spot .ceoBg{background:url(../images/ir/irOverview_earnings.jpg); background-size: cover; background-position: right;}
.home-spot .susBg{background:url(../images/home/home-sus.jpg); background-size: cover; background-position: right;}
.home-spot .careerBg{background:url(../images/home/home-career.jpg); background-size: cover; background-position: right;}
.home-spot .item .btn{ white-space: inherit; font-size:14px; left: 0; margin:0 30px 10px 25px;}
.home-spot .overview {position:relative;}
.home-spot .overview .info{position: absolute; bottom: 40px; top: inherit; margin: 0; width: 260px;}
.home-spot .overview .info img{margin:0 0 15px 0;}
.home-spot .overview .info .title{position:relative;}
.container.home-spot{padding:0;}
.container.home-spot .row{margin:0;}
.container.home-spot .col-md-10{padding:0;}
.container.home-intro{width:100%}




/* leftNav */
.leftNav {width:225px; float: left;}
.leftNav ul { list-style: none; font-family:"Purista-Bold"; font-size: 12px; padding: 0; margin: 0; text-transform: uppercase;}
.leftNav ul li{border-bottom:1px solid #ffffff; background: #f1f1f1; }
.leftNav ul li a{border-left:3px solid #f1f1f1;}
.leftNav ul li a{display:block;  padding:20px 25px 20px 22px;}
.leftNav ul li a:hover{text-decoration: none;}
.leftNav ul li a.act{border-left:3px solid #00bbf0; background:#ffffff;}
.leftNav ul li a.act ul.subLeft li a{background:#ffffff; border-left:3px solid #ffffff !important;}
.leftNav ul li ul.subLeft li { border-bottom: none; border-top: 1px solid #fff; }
.leftNav ul li ul.subLeft li a{ padding:20px 25px 20px 45px;}


/* Content */
.subBanner{background:url(../images/subBanner/subBanner_about.jpg); background-size: cover; background-position: center; height: 338px;}
.subBanner.about{background:url(../images/subBanner/subBanner_about.jpg); background-size: cover; background-position: center; height: 338px;}
.subBanner.fleet{background:url(../images/subBanner/subBanner_sustainability.jpg); background-size: cover; background-position: center; height: 338px;}
.subBanner.fleet2{background:url(../images/subBanner/subBanner_fleet2.jpg); background-size: cover; background-position: center; height: 338px;}
.subBanner.ir{background:url(../images/subBanner/subBanner_ir.jpg); background-size: cover; background-position: center; height: 338px;}
.subBanner.sustainability{background:url(../images/subBanner/subBanner_sustainability.jpg); background-size: cover; background-position: center; height: 338px;}
.subBanner.careers{background:url(../images/subBanner/subBanner_careers.jpg); background-size: cover; background-position: center; height: 338px;}
.subBanner.careers2{background:url(../images/subBanner/subBanner_careers2.jpg); background-size: cover; background-position: center 25%; height: 338px;}
.subBanner.media{background:url(../images/subBanner/subBanner_media.jpg); background-size: cover; background-position: center; height: 338px;margin-top: 0;}
.irBanner{background:url(../images/ir/irOverview.jpg); background-size: cover; background-position: center; height: 640px; position: relative;}
.mainWrapper{padding: 60px 0 60px 0;}
.pageTitle{font-family:"Purista-Bold"; color: #ffffff; margin:160px 0 0 0; font-size: 40px; line-height: 74px;}
.breadcrumb{font-size: 12px;}
.breadcrumbBold{font-weight: bold}
.mainWrapper img{/*margin:0 0 30px 0;*/}

.content-with-img .pull-right{margin:0 0 30px 30px; width:375px;}
.content-with-img .pull-left{margin:0 30px 30px 0; width:375px;}

blockquote footer{padding:0;}
blockquote p:before{ content: '\f1b2'; font-family: 'Material-Design-Iconic-Font'; font-size:40px;  display:block; color: #00bbf0; transform: rotate(180deg); text-align: right; position: absolute; top: -10px; left: 0;}
blockquote p:after{ content: '\f1b2'; font-family: 'Material-Design-Iconic-Font'; font-size:40px;  display:block; color: #00bbf0;  text-align: right; position: absolute; top: -10px; right: 0; padding: 0 0 0 15px;}
blockquote p{padding: 10px 40px 30px 40px; display: inline-block;}
#accordion .panel-heading a, #accordion2 .panel-heading a, #accordion3 .panel-heading a, .panel-group.primary .panel-heading a {font-family: 'Purista-Bold'}
#accordion .panel-heading a.collapsed, #accordion2 .panel-heading a.collapsed, #accordion3 .panel-heading a.collapsed, .panel-group.primary .panel-heading a.collapsed{font-family: 'Purista-Medium'!important;}
.panel-section { margin-bottom: 20px; }
.panel-section .panel-group.primary { margin-bottom: 0; }
.panel-group.primary .panel-title a:after { content: '\f303'; display: inline-block; width: 1.2em; font: normal normal normal 14px/1 'Material-Design-Iconic-Font'; text-align: right; }
.panel-group.primary .panel-title a.collapsed:after { content: '\f2fe'; }



ul.spotlight{ list-style: none; margin: 60px 0 0; padding: 0; font-family:"Purista"; color:#ffffff; width: 100%; }
ul.spotlight li{width:100%; position: relative; float: left; height: 305px; padding:30px 25px;}
ul.spotlight.fleet3 li { height: 130px !important; }

ul.spotlight li .spotAbout{background:url(../images/about/spot_aboutus.jpg); background-size: cover;}
ul.spotlight li .spotFleet{background:url(../images/fleet/spot_fleet.jpg); background-size: cover;}
ul.spotlight li .spotIR{background:url(../images/ir/spot_ir.jpg); background-size: cover;}
ul.spotlight li .spotSustainability{background:url(../images/sustainability/spot_sustainability.jpg); background-size: cover;}
ul.spotlight li .spotCareers{background:url(../images/careers/spot_careers.jpg); background-size: cover;}
ul.spotlight li .spotMedia{background:url(../images/media/spot_media.jpg); background-size: cover;}

ul.spotlight.about li .spotCG{background:url(../images/about/spotimg01.jpg); background-size: cover;}
ul.spotlight.about li .spotReport{background:url(../images/about/spotimg02.jpg); background-size: cover;}
ul.spotlight.about li .spotCSR{background:url(../images/about/spotimg03.jpg); background-size: cover;}
ul.spotlight.service li .spotCG{background:url(../images/service/spotimg01.jpg); background-size: cover;}
ul.spotlight.service li .spotReport{background:url(../images/service/spotimg02.jpg); background-size: cover;}
ul.spotlight.service li .spotCSR{background:url(../images/service/spotimg03.jpg); background-size: cover;}
ul.spotlight.service li .spotCG2{background:url(../images/service/spotimg01_2.jpg); background-size: cover;}
ul.spotlight.service li .spotReport2{background:url(../images/service/spotimg02_2.jpg); background-size: cover;}
ul.spotlight.service li .spotCSR2{background:url(../images/service/spotimg03_2.jpg); background-size: cover;}
ul.spotlight.service li .spotCargoes{background:url(../images/service/cargoes_bg.jpg); background-size: cover;}
ul.spotlight.fleet li .spotCG{background:url(../images/fleet/spotimg_ship.jpg); background-size: cover; background-position: center; }
ul.spotlight.fleet li .spotCG2{background:url(../images/fleet/spotimg_fleet01.jpg); background-size: cover; background-position: left; }
ul.spotlight.fleet2 li .spotCG{background:url(../images/fleet/spotimg_fleet02.jpg); background-size: cover; background-position: center; }
ul.spotlight.fleet3 li .spotCG{background:url(../images/fleet/spotimg_fleet03.jpg); background-size: cover; background-position: center 25%; }
ul.spotlight.fleet li .spotReport{background:url(../images/fleet/spotimg_about.jpg); background-size: cover;}
ul.spotlight.fleet li .spotCSR{background:url(../images/fleet/spotimg_workplace.jpg); background-size: cover;}
ul.spotlight.fleet li.full .spotCG{background:url(../images/fleet/spotimg_fleet01.jpg); background-size: cover; background-position: center; }
ul.spotlight.ir li .spotCG{background:url(../images/ir/spotimg01.jpg); background-size: cover;}
ul.spotlight.ir li .spotReport{background:url(../images/ir/spotimg02.jpg); background-size: cover;}
ul.spotlight.ir li .spotCSR{background:url(../images/ir/spotimg03.jpg); background-size: cover;}
ul.spotlight.sustainability li .spotCG{background:url(../images/sustainability/spotimg01.jpg); background-size: cover;}
ul.spotlight.sustainability li .spotReport{background:url(../images/sustainability/spotimg02.jpg) center; background-size: cover; }
ul.spotlight.sustainability li .spotCSR{background:url(../images/sustainability/spotimg03.jpg); background-size: cover;}
ul.spotlight.careers li .spotCG{background:url(../images/careers/spotimg01.jpg); background-size: cover;}
ul.spotlight.careers li .spotReport{background:url(../images/careers/spotimg02.jpg) center; background-size: cover; }
ul.spotlight.careers li .spotCSR{background:url(../images/careers/spotimg03.jpg); background-size: cover;}
ul.spotlight.careers li .spotReport{background:url(../images/careers/spotimg02.jpg) center; background-size: cover; background-position-y: 5%; }
ul.spotlight.press li .spotCG{background:url(../images/media/spotimg01.jpg); background-size: cover;}
ul.spotlight.press li .spotReport{background:url(../images/media/spotimg02.jpg); background-size: cover;}
ul.spotlight.press li .spotCSR{background:url(../images/media/spotimg03.jpg); background-size: cover;}



ul.spotlight li .spotCG{background:url(../images/ui/spotimg01.jpg); background-size: cover;}
ul.spotlight li .spotReport{background:url(../images/ui/spotimg02.jpg); background-size: cover;}
ul.spotlight li .spotCSR{background:url(../images/ui/spotimg03.jpg); background-size: cover;}
ul.spotlight li .spotService{background-image:url("../images/service/spot_service.jpg"); background-size: cover; background-position:top; background-color: #ccc; }
ul.spotlight li .spotirNews{background:#415464;}
ul.spotlight li .spotFinCalendar{background:#00b1eb;}
ul.spotlight li .title{font-family:"Purista-Bold"; font-size:12px; text-transform: uppercase; position: absolute; z-index: 100;}
ul.spotlight li .bgImg, ul.spotlight li .overlay{width:100%; height: 100%; position: absolute; left: 0; top: 0;}
ul.spotlight li .overlay{background:rgba(0,0,0,0.5); z-index: 98; visibility: hidden; }
ul.spotlight li:hover .overlay{visibility: visible;}
ul.spotlight li .heading{font-size:14px; font-family:"Purista-Medium"; vertical-align: bottom; display: table-cell; height:130px;}
ul.spotlight li .info{position: absolute; bottom: 35px; padding: 0 30px 0 0; z-index: 99; font-family:"Purista-Medium"; overflow:auto; height: 130px; top: 80px; margin:0 0 20px 0;}
ul.spotlight .item:first-child .info .date {display:block; font-size:12px; color: #00b1eb; font-family: 'Purista-SemiBold'}
ul.spotlight .item:last-child .info .date{display:block; font-size:12px; color: #1c2d51; font-family: 'Purista-SemiBold'}
ul.spotlight .info .link {margin:0 0 15px 0;}
ul.spotlight .info .link a{font-size:16px; color: #ffffff !important;}
ul.spotlight .btn{position:absolute; z-index: 99; bottom:20px; white-space:normal; max-width:85%;}
header ul.spotlight .info {font-size:24px; top: 0; bottom:20px; text-transform: none;}
header .subNavWrapper ul.spotlight .info .date{font-size:16px; color: #ffffff !important;}

.paging{background:#f1f1f1; text-align: center; font-family: 'Purista-SemiBold'; font-size: 14px;}

.full-width-tabs{position:relative;}
ul.nav-tabs.nav-justified{position:relative; width: 85%; min-height: 52px;}
.tab-arrow{position:absolute; right: 0; background: #f1f1f1; top: 0; width: 15%; height: 52px; text-align: center; padding:10px 15px;}
ul.nav-tabs.nav-justified li{position: absolute;width:100%}
ul.nav-tabs.nav-justified li.active{z-index: 99;}
山ul.nav-tabs.nav-justified > li > a{background:#f6f6f6; border-right:1px solid #f5f5f5; white-space: nowrap; }
ul.nav-tabs.nav-justified > li:not(.active) > a:hover{background-color:#89E3F2!important;}
ul.nav-tabs.nav-justified.open li{position: inherit;}

.subBanner.error { background:url(../images/global/404.jpg); background-size: cover; background-position: center; height: 688px; }
.subBanner.error .pageTitle { margin-top: 265px; }
.subBanner.error .errorText p { max-width: 500px; color: #fff; margin: auto; padding: 15px 0; }

.contact-city .panel-body{background:#f5f5f5; padding:40px 45px;}
.contact-city .panel-body .nav-tabs-justified > li > a,.contact-city .panel-body .nav-tabs.nav-justified > li > a{background:#ffffff; border-right:1px solid #f5f5f5; white-space: nowrap; }
.contact-city .panel-body .nav-tabs.nav-justified > li.active > a{background:#00bbf0;}
.contact-city .panel-body .info-top{background:#fcfcfc;  font-family: "Purista-Bold"; font-size:14px; color:#1c2d51; padding: 0 15px;border-bottom:3px solid #f5f5f5;}
.contact-city .panel-body .nameDiv, .contact-city .panel-body .phone {width:100%}
.contact-city .panel-body .nameDiv{position: relative;}
.contact-city .panel-body .info-top div{display:table-cell; vertical-align: middle; height: 60px; }
.contact-city .panel-body .info{ border-bottom:1px dashed #cccccc;}
.contact-city .panel-body .info:last-child{ border-bottom:none;}
.contact-city .panel-body .info-body{background:#fcfcfc; padding:10px 15px;}
.contact-city .panel-body .bold{font-weight: bold; color:#0060a9;}
.contact-city .panel-body .info-body ul{font-size:0; margin: 0; padding:7px 0;}
.contact-city .panel-body .info-body li{display:table-cell; vertical-align: top; font-size:16px;}
.contact-city .panel-body .info-body .photo {display:inline-block; margin-right:12px;}
.contact-city .panel-body .info-body .name{display:inline-block; }
.contact-city .panel-body .info-body .photo img{margin-bottom:0;}
.contact-city .panel-body .info-body .flag{position:absolute; right: 20px; top: 8px;}


.contactFilter { width: 100%; margin-bottom: 30px; }
/*.contactFilter .contactMapFilter, .contactFilter .contactSearch { display: table-cell; }*/
.contactFilter .contactMapFilter { background: #0060a9; padding: 10px 18px 5px; color: #fff; font-family: "Purista-Bold"; font-size: 12px; }
.contactFilter .contactMapFilter .filterTitle { display: table-cell; width: 105px; }
.contactFilter .contactMapFilter .filterOptions { display: table-cell; padding-left: 30px; }
.contactFilter .checkboxItem { margin-left: 5px; min-width: 130px; font-size: 14px; font-family: "Calibri"; }
.contactFilter .checkmark { background-color: transparent; border: 1px solid #eee; border-radius: 2px; top: 3px; }
.contactFilter .checkboxItem:hover input ~ .checkmark { background-color: #eee; }
.contactFilter .checkboxItem input:checked ~ .checkmark { background-color: #eee; border: 1px solid #eee; }
.contactFilter .checkboxItem .checkmark:after { border: solid #0060a9; border-width: 0 2px 2px 0; }
.contactFilter .contactSearch { background: #00bbf0; padding: 10px 15px; border-left: 1px solid #fff; vertical-align: middle; }
.contactFilter .contactSearch .input-group { position: relative; min-width: 150px; float: right; }
.contactFilter .contactSearch .input-group button { background: transparent; border: none; position: absolute; right: 0; top: 0; z-index: 3; height: 40px; }
.contactFilter .contactSearch .input-group button img { margin: 0; }
.contactFilter .contactSearch .input-group input { border: none; width: 100%; height: 40px; padding: 5px 35px 5px 10px; }
.greyBox{background:#f5f5f5; padding:20px;}


/* About */
.ourHistory{border-left:1px dashed #005dab; margin:20px 0 40px 10px;} 
.ourHistory .itemWrapper{position: relative;}
.ourHistory .item:first-child:before{ position: absolute;  content: url(../images/about/historyDot.jpg); left: -9px; top: -7px;}
.ourHistory .itemWrapper .item:after{ position: absolute;  content: url(../images/about/historyDot.jpg); left: -9px; bottom: -15px;}	
.ourHistory .item .photo, .ourHistory .item .content{display:block; vertical-align: top; position: relative; overflow: hidden;}
.ourHistory .item .photo { max-height: 500px; background-size:auto 100% ; background-position:center; background-repeat:no-repeat }
.ourHistory .item .photo span.year{position:absolute; left: 30px; top: 20px; z-index: 99; font-size: 36px; font-family:"Purista-Medium"; color: #ffffff; }
.ourHistory .item .content{padding:20px;}
.ourHistory .itemWrapper .item .content{background:#f1f1f1;}
.ourHistory .item{margin:0 0 0 25px;}
.ourHistory img { margin:0; min-height: 100%; height: 100%; width: auto; position: relative; left: 50%; transform: translateX(-50%); }
.ourHistory h2 { font-size: 19px; }
.ourHistory ul.listDot li { padding: 0 0 8px 20px; line-height: 16px; }

#handysize ul.listNo li { padding-bottom: 10px; }

.awards .panel-group { margin-bottom: 0; }


ul.directorWrapper {font-size:0px;}
ul.directorWrapper p{font-size:18px;}
ul.directorWrapper li, ul.directorWrapper .r-tabs-accordion-title
{ display: block; width:100%; background:rgba(229,229,229,1.00); border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; height: 250px; position: relative; color:#ffffff; }
ul.directorWrapper li a, ul.directorWrapper .r-tabs-accordion-title a{width:100%; height: 100%; position: absolute; color: #ffffff; z-index: 99;}
ul.directorWrapper li .nameDiv, ul.directorWrapper .r-tabs-accordion-title .nameDiv{ position: absolute; bottom: 30px; left: 20px; font-size: 19px; font-family:"Purista-Bold"; z-index: 99;}
ul.directorWrapper li .nameDiv, ul.directorWrapper .r-tabs-accordion-title .nameDiv{ width: 100%; left: 0; bottom: 0; padding: 5px 0 30px 20px; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.7)); text-shadow: 1px 1px 1px #555; }
ul.directorWrapper li .nameDiv .title, ul.directorWrapper .r-tabs-accordion-title .nameDiv .title{ color: #00b8ec; font-size:10px; text-transform: uppercase; }
ul.directorWrapper .director-img, ul.directorWrapper .director-img {position:absolute; height: 250px; width: 100%;}
ul.directorWrapper .davidTurnbull{background-image:url(../images/about/directors/david_turnbull.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
ul.directorWrapper .matsBerglund{background-image:url(../images/about/directors/mats_berglund.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
ul.directorWrapper .peterSchulz{background-image:url(../images/about/directors/peter_Schulz.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
ul.directorWrapper .patrickPaul{background-image:url(../images/about/directors/patrick_paul.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
ul.directorWrapper .robertNicholson{background-image:url(../images/about/directors/robert_nicholson.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
ul.directorWrapper .alasdairMorrison{background-image:url(../images/about/directors/alasdair_morrison.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
ul.directorWrapper .danielBradshaw{background-image:url(../images/about/directors/daniel_bradshaw.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
ul.directorWrapper .ireneBasili{background-image:url(../images/about/directors/irene_basili.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
ul.directorWrapper .stanleyRyan{background-image:url(../images/about/directors/stanley_ryan.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
ul.directorWrapper .des{background:#f5f5f5; position: relative; margin: 15px 0 40px 0;}
ul.directorWrapper .des .close-btn{position:absolute; right: 0; background:#00b8ec; width:50px; height: 50px; top: 0; display: table-cell; vertical-align: middle; text-align: center;}
ul.directorWrapper .des .close-btn i{color:#ffffff; font-size: 24px; line-height: 50px;}
ul.directorWrapper .des h4{color:#00b8ec;}
ul.directorWrapper .des .subTitle{ font-size:20px; color: #0060a9; font-weight: bold;}

ul.directorWrapper li a .overlay, ul.directorWrapper .r-tabs-accordion-title a .overlay{background:rgba(0,0,0,0.5); z-index: 98; visibility: hidden; width: 100%; height: 100%; top: 0; left: 0; position: absolute;}
ul.directorWrapper li a:hover .overlay, ul.directorWrapper .r-tabs-accordion-title a:hover .overlay{visibility: visible;}

.management .panel-title a {display: block; position:relative;}
.management .panel-title a i{position:absolute; right: 0; color:#00bbf0; font-size: 36px;}
.managementWrapper{background:#f5f5f5; padding:5px 25px 35px 25px;}
.managementWrapper .management-box{background:#fcfcfc; padding:20px; margin:0 0 15px 0;}
.managementWrapper .management-box .management-pic{width:60px; height: 60px; background:#cccccc;}
.managementWrapper .management-box .management-pic img{width:100%; height: auto; margin: 0;}
.managementWrapper .management-box .management-pic, .managementWrapper .management-box .info{float: left;}
.managementWrapper .management-box .info{padding:0 0 0 15px; width: calc(100% - 60px);}
.managementWrapper .management-box .name{color:#555555; font-size:18px;}

.popup-management .photo{width:100%; /*max-height: 290px;*/ margin:0 30px 10px 0; background:#ebebeb;}
.popup-management .photo {float: none;}
.popup-management .info .name{font-weight:bold; margin-top: 0;}
.popup-management .info h4{color:#00b8ec;}
.popup-management .subTitle {color:#0060a9; font-weight: bold;}

/* Service */
.service-overview{background:none #0097d5; z-index: 94; position: relative;}
.service-container{width: 100%; padding: 110px 0 0 0; background: url(../images/service/service-dash-bg.png) no-repeat; background-position: center top; z-index: 95; position: relative; margin: -70px 0 0 0;}
.service-container .item{background:#ffffff;  margin:0 0 50px 0; }
.service-container .service-row{position:relative; }
.service-container .service-row .item {display:inline-block;}
.service-container .service-row .item a{position:absolute; width: 100%; height: 100%; left: 0; top: 0; }
.service-container .service-row:nth-child(odd) .item{float:none; width: 100%;}
.service-container .service-row:nth-child(even) .item{float:none; width: 100%;}

.service-container .service-row .item .image img{width:100%; margin: -50px 0 0 0;}

.service-container .service-row:nth-child(odd) .item .profile{padding:23px 20px; position: relative; height: 100%;}
.service-container .service-row:nth-child(even) .item .profile{padding:23px 20px; position: relative; height: 100%;}
.service-container .service-row:nth-child(even) .item .image{text-align: right;}
.service-container .service-row .item .image{height:180px; overflow: hidden;}
.service-container .icon img{margin: 0 0 5px 0; width: 30px; height: 30px;}
.service-container .name {color:#1c2d51; font-family: "Purista-SemiBold"; font-size:19px;}
.service-container .title {color:#0060a9; font-family: "Purista-Medium"; font-size:18px; margin-bottom: 23px;}
.service-container .link{font-family:"Purista-Bold"; font-size:12px; color: #0c5fa7; text-transform: uppercase;}
.serviceOverviewWrapper{background: #f1f1f1; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.35); text-align: center; padding: 70px 15px 100px; max-width:970px; margin:-370px auto 0}
.serviceOverviewWrapper .lead{max-width: 600px; text-align: center; margin: 0 auto; padding:0 0 20px 0;}
.serviceOverviewWrapper img{ display: inline-block; padding: 0 25px;}
.cargoes-lead{margin-top:-250px; z-index: 99; box-shadow:0px 0px 20px  0px rgba(0,0,0,0.35); background:#f1f1f1; display: table; width: 100%; padding: 70px 0; margin-bottom: 40px;}
.cargoes-lead p{ text-align:center; max-width: 600px; margin:0 auto; padding:0 20px;}

.scrollLink { display: block; position: absolute; width: 65px; height: 65px; top: 0; left: 50%; transform: translateX(-50%); }
.service-overview { padding-bottom: 80px; }
.service-container { padding-bottom: 20px; }
.cargo-container { margin-top: -140px; }
.toCargoes { position: relative; background: url(../images/service/service-dash-bg.png) no-repeat; background-position: top; z-index: 100; height: 80px; }

.masonryWrapper{padding-left: 0; padding-right: 0;}
.masonry{width: 100%; position: relative;}
.masonry .grid-size{width:100%;}
.masonry .box-col-1{width:100%; position: relative; float: left;}
.masonry .box-col-1 .box{
	position: relative;
	text-align: center;
	height: 160px;
	margin:10px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-direction:column;
	flex-direction: column;
	font-family: "Purista-Medium";
	color: #0060a9;
	font-size: 19px;
	
}
.masonry .box-col-1 .box-half{ 
	position: relative;
	text-align: center;
	width:calc(100% - 20px);
	float: left;
	height: 160px;
	margin:10px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-direction:column;
	flex-direction: column;
	font-family: "Purista-Medium";
	color: #0060a9;
	font-size: 19px;
}
.masonry .box-col-1 > div div {width:100%}
.masonry .box-col-1 .light{background:#00b8ec; color: #ffffff;}
.masonry .box-col-1 .blue{background:#0060a9; color: #ffffff;}
.masonry:after{
  content: '';
  display: block;
  clear: both;
}
.masonry .box-col-1 .box, .masonry .box-col-1 .box-half { z-index: 2; }
.masonry .box-col-1 .box a, .masonry .box-col-1 .box-half a{position:absolute; width: 100%; height: 100%; left: 0; top: 0;}
.masonry .box-col-1 .box:hover .overlay, .masonry .box-col-1 .box-half:hover .overlay { visibility: visible; }
.masonry .box-col-1 .double{height:160px;}
.masonry img{margin:0 0 10px 0; }
.masonry .overlay { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: -1; visibility: hidden; top:0; left:0 }

.longhaul blockquote p:after { display: none; }
.longhaul blockquote span:last-child:after{ content: '\f1b2'; font-family: 'Material-Design-Iconic-Font'; font-size:40px;  display:block; color: #00bbf0;  text-align: right; position: absolute; top: -12px; right: -40px; padding: 0 0 0 15px;}
.longhaul blockquote footer span:last-child:after { top: -18px; font-weight: normal; }
.longhaul blockquote span{ position: relative; }
.longhaul blockquote.customer p { margin-bottom: 5px; }

/* IR */
.irOverviewWrapper{padding:0;}
.irOverview{ margin-top:-370px; z-index: 99; box-shadow:0px 0px 20px  0px rgba(0,0,0,0.35); background:#f1f1f1; display: table; width: 100%;}
.irOverview .linkBox{display:block; width: 100%;}
.irOverview .linkBox .title{background:#0c5fa7; padding: 20px 40px; font-family: "Purista-Light"; color:#ffffff; font-size: 22px; display: inline-block;}
.irOverview .linkBox .stripe{opacity:0.6; background: #00b1eb; height: 20px; width:225px; margin: -6px 0 0 0; z-index: 99;}
.irOverview .linkBox ul.links{padding: 0 40px 0 15px; }
.irOverview .linkBox ul.links a{color: #1c2d51; font-size:18px; }
.irOverview .linkBox ul.links li{padding:12px 0;}
.irOverview .overview-video{ background:url(../images/ir/ir0verviewCeo.jpg); background-size: cover; background-position: right; height: 320px; width:100%; display: block; padding: 40px 30px; position: relative; color: #ffffff;}
.irOverview .overview-video .info{position:absolute; bottom:40px;}
.irOverview .overview-video .name{font-size:30px; font-family: "Purista-Medium"; line-height: 30px;}
.irOverview .overview-video .time{font-size:18px;}
.irOverview .overview-video .title{font-family:"Purista-Bold"; font-size:14px; text-transform: uppercase; }
.irOverview .overview-video .position{font-size:16px; font-family: "Purista-Medium";}
.irreason{ text-align: center;  max-width: 1000px; margin: 0 auto 40px}

.ircontact.managementWrapper { padding: 0; background: transparent; }

.business-data{text-align: center; margin-top: 50px; }
.business-data .item{margin:0 0 30px 0;}
.business-data .icon img{ margin: 0;}
.business-data .counter-num{font-size:40px; color:#00b8ec; font-family: "Purista-SemiBold";}
.business-data .label{color:#0c5fa7; font-size: 16px; white-space: inherit; font-family: "Purista-SemiBold";}
.business-data .year{color:#00b8ec; font-size: 22px;}
.business-data .plus { font-size: 40px; vertical-align: top; }
.business-data .slash { font-family: 'Purista-SemiBold'; font-size: 40px; color: #00b8ec; padding: 0 2px; }

.overview-price .counter{ color:#0060a9; font-size:22px; font-family: "Purista-SemiBold"; line-height: 30px;}
.overview-price .item:first-child{border-right:none; border-bottom: 1px dashed #c6c6c6;}
.overview-price .item{padding-bottom:20px;}
.overview-price .item:first-child:before{content:url(../images/ir/dotCircle.jpg); position: absolute; left: 10px;  bottom: -12px;}
.overview-price .item:first-child:after{content:url(../images/ir/dotCircle.jpg); position: absolute; right: 10px; bottom: -12px;}
.overview-price .item:last-child{padding:0 15px 0 15px;}
.overview-price ul.priceWrapper li{display:block; border-right:0; padding: 20px 0; width:100%; vertical-align: top; border-bottom: 1px dashed #cccccc;}
.overview-price ul.priceWrapper li:first-child{ padding:0 0 20px 0;}
.overview-price ul.priceWrapper li:last-child{ border-bottom:0;}
.overview-price .label{font-size:13px; color:#1c2d51; padding: 0; white-space:normal; line-height: 16px; display: block;text-align: left; padding: 10px 0;}
.overview-price ul.priceWrapper, .overview-price ul.shareWrapper{margin:30px 0 0 0; min-height: 173px;}
.overview-price ul.shareWrapper li{display: inline-block; vertical-align: top;}
.overview-price ul.shareWrapper img{margin:0;}
.overview-price ul.shareWrapper .time{color:#555555; font-size: 14px;}
.overview-price ul.shareWrapper .hkd{color:#1c2d51; font-size: 20px;}
.overview-price .btn{display:block;}

.emailForm .row { padding: 15px 0; }
.emailForm input[type="text"] { width: 100%; max-width: 485px; height: 40px; padding: 0 10px; border: 1px solid #ccc; }
.emailForm .select { width: 100%; max-width: 485px; position: relative; }
.emailForm .select:after { content: url(../images/global/filterBtn.jpg); position: absolute; top: 10px; right: 10px; bottom: 0; pointer-events: none; }
.emailForm select { width: 100%; height: 40px; padding: 0 10px; border: 1px solid #ccc; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; }
.emailForm select::-ms-expand { display: none; }
.emailForm label { margin-bottom: 10px; }

.fleetTable .nav-tabs { margin-bottom: 20px; }
.fleetTable thead th { text-align: center;}
.fleetTable .fleetDL { display: table; width: 100%; }
.fleetTable .fleetDL > div { display: table-cell; }
.fleetTable .fleetDL a { display: block; max-width: 160px; margin: 0 0 0 auto; }
.statistic-container{ background-color: #f1f1f1;width:100%;text-align:center; padding: 10px 0;}
.statistic-container .statistic { display: inline-block; padding: 5px 20px; font-family: "Purista-Bold"; font-size: 12px; color: #1c2c50; line-height: 18px; float: none; border-right: 1px dashed #d7d7d7; }
.statistic-container .statistic span.title { vertical-align: text-bottom; }
.statistic-container .statistic span.num { font-size: 18px; color: #0060a9; padding-left: 5px; }
.statistic{ float: left;   border: 0 none; border-right: 2px dashed #d7d7d7; padding:20px;}
.checkbox-panel{ padding-bottom:20px;}
.checkbox-panel span.label{ padding-right:30px;color:#616161;margin-left:-5px;}

.dash{ border: 0 none; border-top: 1px dashed #d7d7d7;background: none; height:0;} 
table.tablesorter thead tr .header { background-image: url(../images/global/bg_table.gif); background-repeat: no-repeat; background-position: center right;cursor: pointer;padding-top:10px ; padding-bottom:10px ; padding-right:13px ; font-size: 75%; text-transform: uppercase; color:#1c2c50;}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {background-color: #ffffff; border: 1px solid #FFF; font-size: 13px;  padding: 4px;}
table.tablesorter th,table.tablesorter td{ padding-top:10px; padding-bottom:10px; padding-left:7px; }
table.tablesorter thead tr:first-child { display:none;}
table.tablesorter thead tr:nth-child(2) th:nth-child(n+2),table.tablesorter  tbody tr td{ border-left:2px solid #00bbf0;}
table.tablesorter tbody tr:nth-child(odd) {background: #e5f8fe}
table.tablesorter tbody tr:nth-child(even) {background: #ffffff}


.listinginfo table tr td:first-child { width: 40%; min-width: 270px; }
.listinginfo #accordion .panel-heading { padding: 15px 0; }
.listinginfo #accordion .panel-body { padding-bottom: 20px; }

.finReport{border-bottom:1px dashed #cccccc; margin: 20px 0 0 0; padding-bottom:15px;}
.finReport img{margin:0 0 10px 0; border: 1px solid #cccccc; width:168px}
.finReport ul.reportContent{margin:50px 0 30px 0;}

/* Careers */
.contactForm img { width: 40px; margin: 0; }
.contactForm .zmdi-globe-alt { font-size: 30px; padding: 0 7px; color: #0060a9; }
a.formLink{ text-decoration: none; color: inherit; }
.application { width: 100%; background: #e5f7fd; margin-bottom: 10px; padding: 10px 20px; } 
.application div { display: table-cell; vertical-align: middle; }
.application .flag { width: 60px; }
.application .flag img { width: 40px; margin: 0; }
.application .flag .zmdi-globe-alt { font-size: 30px; color: #0060a9; }


/* Meida */
.banner-slogan-btn{height:360px; background-position: left center; background-size: cover; background-repeat: no-repeat; position: relative; color:#ffffff; padding:30px; margin:0 0 30px 0;}
.banner-slogan-btn.riotinto{background-image:url(../images/media/casestudy.jpg)}
.banner-slogan-btn .title{font-family:"Purista-Bold"; font-size:14px; text-transform: uppercase; z-index: 100;}
.banner-slogan-btn .name{margin:60px 0 0 0;}
.banner-slogan-btn .heading{position:absolute; z-index: 99; bottom:30px; margin: 0; width:185px;}
.banner-slogan-btn .slogan{margin:0 0 15px 0; font-size:24px; font-family:"Purista-Medium";}
.banner-slogan-btn .btn{margin-bottom:0;}
.media.caseStudy-row{margin-top:0;}
.media.caseStudy-row .media-left, .media.caseStudy-row .media-body{display: block;}
.media.caseStudy-row .media-body .date{font-weight:bold; font-size: 16px; color:#555555;}
.caseStudy-row{border-top:1px dashed #cccccc; padding: 30px 0 0 0;}
.media-body{padding:0 0 30px 0; width: 100%;}

.filter{background:#f1f1f1; padding: 10px 30px; position: relative; margin:0 0 25px 0;}
.filter .select{position:relative; width:100%; display: block; border: 1px solid #cccccc;}
.filter select {width:100%; height: 40px; appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; border:0 !important; padding: 0 0 0 10px;}
.filter .select:after{content:url(../images/global/filterBtn.png); position: absolute; top: 10px; right: 10px; bottom: 0; pointer-events: none;}
.filter .row{padding:0; position: relative; width:auto; top:0;}

.library .zmdi-download { vertical-align: text-bottom; margin-right: 5px; }
.media-gallery {display: flex; display:-webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap;}
.media-gallery li{width:100%; height: 250px; font-family:"Purista-Medium"; position: relative;}
.media-gallery li .thumb{position:relative;}
.media-gallery li .thumb img{width:100%; margin: 0;}
.media-gallery li a{}
.media-gallery .gallery-title{padding:0 0 0 5px;}
.media-gallery li .playBtn{ position: absolute; width:100%; height: 100%; text-align: center; top:0; z-index: 99; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; justify-content: center; -webkit-justify-content:center;}
.media-gallery li .playBtn img {width:auto; vertical-align: middle;}
.media-gallery li .overlay{position: absolute; background:rgba(0,0,0,0.50); width:100%; height: 100%; top: 0;}
.media-gallery .download-image a{ text-transform: uppercase; font-size: 14px;}
.media-gallery .download-image i{color:#00bbf0;}

.table.download tr.title th { padding-top: 20px; font-family: "Purista-Medium"; }
.table.download a.more-link { padding-left: 10px; }
.table.download a.more-link:after { font-size: 12px; }
.table.download a.more-link:hover { text-decoration: none; }


.media-gallery .des{background:#f5f5f5; position: relative; margin: 15px 0 40px 0; width:100%;}
.media-gallery .des .close-btn{position:absolute; right: 0; background:#00b8ec; width:50px; height: 50px; top: 0; display: table-cell; vertical-align: middle; text-align: center;}
.media-gallery .des .close-btn i{color:#ffffff; font-size: 24px; line-height: 50px;}
.media-gallery .des h4{color:#00b8ec;}
.media-gallery .des .subTitle{ font-size:20px; color: #0060a9; font-weight: bold;}


.pdfItem:nth-child(even){background:#e5f7fd;}
.pdfItem {padding:20px 15px;}
.pdfItem .date{font-size:14px;}
.pdfItem .pdf{font-family: "Calibri", Helvetica, Arial, sans-serif; font-size: 16px;}

.glossary-nav .nav { font-family: "Purista-Medium"; text-align: center; margin-bottom: 0; }
.glossary-nav .nav li { display: inline-block; font-size: 18px; }
.glossary-nav .nav li:not(:first-child) a:before { content: "|"; position: absolute; left: -5px; color: #555; }
.glossary-nav .nav li a { padding: 3px 8px; letter-spacing: 2px; color: #4596cb; }		
.glossary-nav .nav > li > a:hover, .glossary .nav > li > a:focus { background-color: transparent; }

.glossary { padding-bottom: 30px; }
h1.letter { color: #00355d; }
h1.letter:after { content: ""; display: block; width: 30px; height: 6px; margin-top: 6px; background-color: #00bbf0; }
.glossary .textWrapper { padding-top: 25px; }
.glossary .textWrapper:after { content: ""; display: block; border-bottom: 1px dashed #ccc; padding-bottom: 25px; margin: 0 15px; }
.textWrapper .words { font-weight: bold; color: #0060a9; }

.faq .panel-group.primary .panel-body p { margin-bottom: 0; }
.faq #collapse15 ul { padding-top: 10px; }

#corporateVideo { position: relative; width: 100%; padding-bottom: 56.25%; }
#corporateVideo .playBtn { position: absolute; width:100%; height: 100%; text-align: center; top:0; z-index: 99; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items:center; justify-content: center; -webkit-justify-content:center; }
#corporateVideo .playBtn img {width:auto; vertical-align: middle; margin: 0; }
#corporateVideo .overlay { position: absolute; background:rgba(0,0,0,0.50); width:100%; height: 100%; top: 0; z-index: 90; }
#corporateVideo .video-thumb { position: absolute; width: 100%; z-index: 80; }
#corporateVideo video { position: absolute; }

.video.row { margin: 0 -5px; }
.video.row [class^=col-] { padding: 0 5px 10px; }
.videoWrapper { position: relative; padding-bottom: 75%; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Fleet */
.fleetItem { border-bottom: 1px dashed #ccc; font-family: "Purista-SemiBold"; color: #1c2d51; font-weight: bold; font-size: 24px; padding: 25px 15px; }
.fleetItem .title span { display: block; padding-top: 10px; font-size: 14px; color: #0c5fa7; }
.fleetItem img { margin: auto; }
.fleetItem:last-child, .fleetItem:last-child .fleetTop .title span { color: #00bbf0; border: none; }		

.fleetTop { text-align: center; }
.owned .circleWrapper { background-color: #0c5fa7; }
.long-term .circleWrapper { background-color: #00bbf0; }
.short-term .circleWrapper { background-color: #454849; }
.total .circleWrapper { background-color: #1c2d51; }
.circleWrapper { width: 115px; height: 115px; margin: auto; border-radius: 50%; color: #fff; text-align: center; }
.circleWrapper .num { font-size: 42px; font-weight: bold; line-height: 1.2; padding-top: 10px; }
.circleWrapper .text { font-size: 14px; line-height: 1.3; }
/*.short-term .circleWrapper .num { padding-top: 3px; }
.short-term .circleWrapper .num, .short-term .circleWrapper .text { color: #454849; }*/


.fleetItem .fleet .row .top { min-height: 50px; }
.remark { font-family: "Purista-SemiBold"; font-size: 14px; color: #0c5fa7; }

.fadeInDiv, .fadeInDiv2, .fadeInDiv3, .fadeInDiv4, .fadeInDiv5 { opacity: 0; }	

@keyframes fleetFadeIn { 
	100% { opacity: 1; }
}

.fadeIn {
	animation: fleetFadeIn 1s forwards;
}

.fleetTable .nav-tabs > li > a { font-size: 24px; }
.fleetTable p.table_title { font-size: 14px; margin-top: 40px; margin-bottom: 10px; color: #0060a9; font-family: "Purista-Bold"; }
.fleetSum_notes.remark { font-size: 12px; }



/* Sustainability */
.table.cgBoard th, .table.cgBoard td { border-bottom: none; vertical-align: middle; text-align: center; }
.table.cgBoard th { color: #1c2d51; }
.table.cgBoard th img, .table.cgBoard td img { margin: 0; }
.table.cgBoard a i { color: #00bbf0; }
.table.cgBoard tr:not(.terms) td:nth-child(2) { text-align: left; }
.table.cgBoard tr.terms td { color: #00bbf0; text-transform: uppercase; font-weight: bold; border-top: 2px solid #00bbf0; border-bottom: 2px solid #00bbf0; }
.table.cgBoard tr.title td { color: #1c2d51; text-transform: uppercase; font-weight: bold; border-top: 2px solid #00bbf0; }
.table.cgBoard tr.odd { background-color: #e5f7fd; }

.approach .btn { width: 280px; }

.csrResponstoPeople .panel-group { margin-bottom: 0; }
.csrResponsibilites .panel-group { margin-bottom: 0; }
.csrResponsibilites .panel-title, #csrPolicies h1, #csrPolicies .panel-title, .library h1, .library .panel-title { font-size: 20px; }
.csrResponsibilites h2 { font-size: 18px; }

.environment ul.listDot { margin-bottom: 20px; }
.environment ul.listDot li { margin-bottom: 10px; }

.table.csrTable{ min-width:540px}
.table-responsive > .table.csrTable > tbody > tr > td{white-space:normal}
.table.csrTable th{ font-family: 'Purista-SemiBold'}

.table.csrTable .noBorderTR td{ border-bottom:0px; padding:0 11px;}
.table.csrTable .noMarginTR td h2{ margin-top:0}


/* Sitemap */
.sitemap h2{ font-family: 'Purista-SemiBold'}
.sitemap .row{border-bottom:1px dashed #aaaaaa; padding: 0 0 20px 0;}
.sitemap .subSection{ font-weight:bold; font-size:18px; line-height:38px; margin:0;}
.sitemap .subSection  a.lvl2{ padding: 0 0 0 36px; color:#666;}

/* pop-up */
.mfp-bg{opacity: 0.6;}
button.mfp-close, button.mfp-arrow{background:#00b8ec;}
.mfp-close-btn-in .mfp-close{color:#ffffff;}
.home-popup{max-width: 550px; margin: 0 auto; width: auto;}
.white-popup-block{background:#ffffff; padding: 50px 30px; position: relative; max-width: 875px; margin:10px auto 40px auto;}
.service-popup{background:#ffffff; max-width: 1170px; margin: 0 auto; min-height: 700px; position: relative;}
.service-popup .pager-div{position:absolute; bottom: 110px; z-index: 99; width: 100%;}
.service-popup .pager-div .pager-left, .service-popup .pager-div .pager-right{background:#f5f5f5; padding:10px 15px; min-width: 170px;}
.service-popup .pager-div .pager-left{float: left;}
.service-popup .pager-div .pager-left .name-div:before{ content: '\f2fa'; font-family: 'Material-Design-Iconic-Font'; font-size:20px; position: absolute; left: 20px; top: 15px;}
.service-popup .pager-div .pager-right .name-div:before{ content: '\f2fb'; font-family: 'Material-Design-Iconic-Font'; font-size:20px; position: absolute; right: 20px; top: 15px;}
.service-popup.cargoes-popup .pager-div .pager-left .name-div:before, .service-popup.cargoes-popup .pager-div .pager-right .name-div:before{ top: 9px; }
.service-popup .pager-div .pager-left .name-div{ padding:0 0 0 25px;}
.service-popup .pager-div .pager-right{float: right;}
.service-popup .pager-div .pager-right .name-div { padding: 0 25px 0 0; }
.service-popup .pager-div .name{color:#1c2d51; font-family:"Purista-Bold";}
.service-popup .pager-div .title{color:#0060a9; font-family:"Purista-Medium";}
.service-popup .container{width:100%;}
.service-popup .imgbg{height:250px;}
.service-popup .imgbg.com-bg{background:url(../images/service/temp-service-pop.jpg); background-size: cover; background-position: 0px;}
.service-popup .details{padding:20px;}
.service-popup .details .videoBtn{background:#0060a9; position: relative; color:#ffffff; height: 130px; margin-bottom: 40px;}
.service-popup .details .videoBtn a{width:100%; position: absolute; top: 0; left: 0;}
.service-popup .details .videoBtn .videoPic{width:190px; height: 130px;position: absolute; right: 0;}
.service-popup .details .videoBtn .videoPic.ship-manager{background:url(../images/service/temp-manager.jpg); background-size: cover; background-position: center;}
.service-popup .details .videoBtn .videoDes{font-size: 19px; color: #ffffff; background:url(../images/service/videobtn.png) no-repeat; padding: 0 0 0 60px; background-position:left center; margin:0 0 0 22px; height: 130px;

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.service-popup .details .icon img{margin-bottom: 10px;}
.service-popup .details .name-div{font-size:19px; margin-bottom: 20px;}
.service-popup .details .name{color:#1c2d51; font-family:"Purista-Bold";}
.service-popup .details .title{color:#0060a9; font-family:"Purista-Medium";}
.service-popup .details .pager-div{ position:relative;  bottom: inherit; font-size:12px;}
.service-popup .details .pager-div .name-div{font-size:12px; margin-bottom: 0px;}
.mfp-container .mfp-arrow{display:none;}

.network-popup { position: relative; background: #fff; max-width: 900px; min-height: 320px; margin: auto; }
.network-popup .container { width: 100%; }
.network-popup .imgbg.com-bg { background: url(../images/service/network_temp.png); background-size: cover; background-position: center; height: 320px; }
.network-popup#popup_hongkong .imgbg.com-bg { background: url(../images/global/offices/hongkong.jpg); background-size: cover; background-position: 72% center; height: 320px; }
.network-popup#popup_santiago .imgbg.com-bg { background: url(../images/global/offices/santiago.jpg); background-size: cover; background-position: 5%; height: 320px; }
.network-popup#popup_auckland .imgbg.com-bg { background: url(../images/global/offices/auckland.jpg); background-size: cover; background-position: center; height: 320px; }
.network-popup#popup_tokyo .imgbg.com-bg { background: url(../images/global/offices/tokyo.jpg); background-size: cover; background-position: center; height: 330px; }
.network-popup#popup_london .imgbg.com-bg { background: url(../images/global/offices/london.jpg); background-size: cover; background-position: center; height: 320px; }
.network-popup#popup_dubai .imgbg.com-bg { background: url(../images/global/offices/dubai.jpg); background-size: cover; background-position: center; height: 320px; }
.network-popup#popup_vancouver .imgbg.com-bg { background: url(../images/global/offices/vancouver.jpg); background-size: cover; background-position: 55%; height: 320px; }
.network-popup#popup_durban .imgbg.com-bg { background: url(../images/global/offices/durban.jpg); background-size: cover; background-position: center; height: 320px; }
.network-popup#popup_dalian .imgbg.com-bg { background: url(../images/global/offices/dalian.jpg); background-size: cover; background-position: center; height: 320px; }
.network-popup#popup_manila .imgbg.com-bg { background: url(../images/global/offices/manila.jpg); background-size: cover; background-position: center; height: 320px; }
.network-popup#popup_iloilo .imgbg.com-bg { background: url(../images/global/offices/iloilo.jpg); background-size: cover; background-position: center; height: 320px; }
.network-popup#popup_melbourne .imgbg.com-bg { background: url(../images/global/offices/melbourne.jpg); background-size: cover; background-position: center; height: 320px; }
.network-popup#popup_stamford .imgbg.com-bg { background: url(../images/global/offices/stamford.jpg); background-size: cover; background-position: center; height: 320px; }
.network-popup#popup_riodejaneiro .imgbg.com-bg { background: url(../images/global/offices/rio.jpg); background-size: cover; background-position: center; height: 320px; }
.network-popup .details { padding: 50px 40px; }
.network-popup .details p { font-size: 16px; }
.network-popup .details .info p { margin-bottom: 5px; }
.network-popup .details .info p span { color: #0060a9; font-weight: bold; }
.network-popup h1.city { color: #fff; font-size: 24px; position: absolute; top: 5px; left: 30px;}
.network-popup h1.city span { font-size: 18px; }


.service-popup .imgbg.logs-bg{background:url(../images/service/logs.jpg); background-size: cover; background-position: 0px;}
.service-popup .imgbg.wood-bg{background:url(../images/service/wood.jpg); background-size: cover; background-position: 0px;}
.service-popup .imgbg.steel-bg{background:url(../images/service/steel.jpg); background-size: cover; background-position: 0px;}
.service-popup .imgbg.sugar-bg{background:url(../images/service/sugar.jpg); background-size: cover; background-position: 0px;}
.service-popup .imgbg.fertiliser-bg{background:url(../images/service/fertiliser.jpg); background-size: cover; background-position: 0px;}
.service-popup .imgbg.salt-bg{background:url(../images/service/salt.jpg); background-size: cover; background-position: 0px;}
.service-popup .imgbg.concentrates-bg{background:url(../images/service/concentrates.jpg); background-size: cover; background-position: 0px;}
.service-popup .imgbg.cement-bg{background:url(../images/service/cement.jpg); background-size: cover; background-position: 0px;}
.service-popup .imgbg.ores-bg{background:url(../images/service/ores.jpg); background-size: cover; background-position: 15%;}
.service-popup .imgbg.petcoke-bg{background:url(../images/service/petcoke.jpg); background-size: cover; background-position: 0px;}
.service-popup .imgbg.grain-bg{background:url(../images/service/grains.jpg); background-size: cover; background-position: 0px;}
.service-popup .imgbg.cargoes-bg{background:url(../images/service/cargoes.jpg); background-size: cover; background-position: 0px;}


.cargoes-popup .pager-div .name { display: table-cell; vertical-align: middle; }
.cargoes-popup .pager-div .icon { display: table-cell; height: 25px; }
.cargoes-popup .pager-div .pager-left .name-div { display: table; width: 100%; }
.cargoes-popup .pager-div .pager-left .icon { padding-left: 15px; text-align: right; }
.cargoes-popup .pager-div .pager-right .icon { padding-right: 15px; }
.cargoes-popup .pager-div .icon img { height: 25px; margin-bottom: 0; }



.service-popup .imgbg.dionkim-bg{background:url(../images/service/dionkim.jpg); background-size: cover; background-position: 0px;}
.service-popup .imgbg.david-bg{background:url(../images/service/david.jpg); background-size: cover; background-position: 0px;}
.service-popup .imgbg.alistair-bg{background:url(../images/service/alistair.jpg); background-size: cover; background-position: 0px;}
.service-popup .imgbg.gary-bg{background:url(../images/service/gary.jpg); background-size: cover; background-position: 0px;}
.service-popup .imgbg.umeshni-bg{background:url(../images/service/umeshni.jpg); background-size: cover; background-position: 0px;}
.service-popup .imgbg.munish-bg{background:url(../images/service/munish.jpg); background-size: cover; background-position: right;}


.people-popup .imgbg.ktso-bg{background:url(../images/careers/people/kt_so.jpg); background-size: cover; background-position: 46%;}
.people-popup .imgbg.tommy-bg{background:url(../images/careers/people/tommy.jpg); background-size: cover; background-position: 30%;}
.people-popup .imgbg.vergara-bg{background:url(../images/careers/people/vergara.jpg); background-size: cover; background-position: 30%;}
.people-popup .imgbg.subbiah-bg{background:url(../images/careers/people/subbiah.jpg); background-size: cover; background-position: 10%;}
.people-popup .imgbg.emily-bg{background:url(../images/careers/people/emily.jpg); background-size: cover; background-position: 62%;}
.people-popup .imgbg.wanglin-bg{background:url(../images/careers/people/wanglin.jpg); background-size: cover; background-position: 30%;}
.people-popup .imgbg.kay-bg{background:url(../images/careers/people/kay.jpg); background-size: cover; background-position: 100%;}
.people-popup .imgbg.patrick-bg{background:url(../images/careers/people/patrick.jpg); background-size: cover; background-position: 0%;}
.people-popup .imgbg.kitty-bg{background:url(../images/careers/people/kitty.jpg); background-size: cover; background-position: 25%;}
.people-popup .imgbg.bienvenido-bg{background:url(../images/careers/people/bienvenido.jpg); background-size: cover; background-position: 45%;}
.people-popup .imgbg.harry-bg{background:url(../images/careers/people/harry.jpg); background-size: cover; background-position: 30% 30%;}
.people-popup .imgbg.uttam-bg{background:url(../images/careers/people/uttam.jpg); background-size: cover; background-position: 80%;}

.service-popup blockquote { font-size: 16px; }



@media (max-width: 767px) {
	.fleetItem .fleet { padding-left: 0; margin-left: -5px; }
	.fleetItem img { margin-left: -7px; margin-bottom: 5px; }
	img.panamax-img { height: 32px; }
	img.supramax-img { height: 25px; }
	img.handysize-img { height: 21px; }
	
	.circleWrapper { margin-top: 15px; }
	
	.service-container .service-row .item .image { text-align: center !important; height:auto }
	.service-container .service-row .item .image img { width: 100%; margin: 0 auto; }
	
	.contactFilter .contactSearch { display: block; border: none; }
	
	.business-data .item { min-height: 165px; }
	
	.historyImg-7 img { transform: translate(-50%, -50%); }
	
	.contact-city .panel-body .info-body .name{ display:block}
	
}

@media (max-width: 991px) {
	header .header-tools .language > a, header .header-tools .contact a{font-size: 12px}
}

@media (min-width: 768px) {
	header .header-extra-info{float:right; margin:0px 0 0px 80px;}
	.searchWrapper .search-body input{font-size:23px;}
	.mobile-nav {padding:0 65px;}
	/* Home */
	.homeBannerWrapper{height:520px;}
	.homeBannerWrapper .banner-down{display: block;}
	.homeBanner .banner{height:520px;}
	.homeBanner .banner .banner-inner{margin: 185px 0 0 0;}
	.homeBanner .banner .banner-inner .slogan{font-size:50px; line-height: 50px;}
	.homeBanner .banner .banner-inner .video-btn{/*left: 50px;*/ padding: 10px 0 0 70px;}
	.homeBanner .banner .banner-inner .btn-div{width: 500px; font-size: 24px;}
	
	.home-intro .item{height:390px; position: relative;}
	.home-case .slide{height:390px; position: relative;}
	.home-intro .fb .fbitem{ height: 390px;}
	
	#homeFleet .business-data .counter-num, #homeFleet .business-data .plus{font-size:36px; letter-spacing:-0.3px;}
	#homeFleet .business-data .slash {font-size:36px;}

	header .header-logo img, header .header-logo-blue img{width:120px; margin: 22px 0 22px 0;}
	footer .footer-social .subscribe, footer .footer-social .social-icon{ display:table-cell; width:50%;}
	footer .footer-social .subscribe{border-right:1px solid #005dab;}
	/*ul.spotlight li{width:33.33%;}*/
	ul.spotlight li.full{width:100%; text-align:center; height:350px}
	ul.spotlight li.full .title, ul.spotlight li.full .info, ul.spotlight li.full .btn{ position:static; height:auto}
	ul.spotlight li.full .title{ padding:70px 0 10px}
	ul.spotlight li.full .info { padding:0;}
	ul.spotlight li.full .info .heading{ display:block; height:auto; font-size:23px; font-weight:bold}
	ul.spotlight li.full .bgImg { z-index:-2}
	ul.spotlight li .overlay{ z-index:-1;}
	
	ul.spotlight.fleet3 li.full { padding: 20px 25px; }
	ul.spotlight.fleet3 li.full .title{ padding-top: 0px; }
	
	
	ul.spotlight.fleet li.full .title, ul.spotlight.fleet li.full .info, ul.spotlight.fleet li.full .btn{ position: absolute; right: 8%; }
	ul.spotlight.fleet li.full .title { width: 158px; bottom: 120px; }
	ul.spotlight.fleet li.full .btn { bottom: 65px; }
	
	.white-popup-block{padding: 50px 45px; margin: 40px auto;}
	
	/* Content */
	.pageTitle{font-size: 60px;}
	/*
	ul.nav-tabs.nav-justified{position:relative; width: 100%;}
	ul.nav-tabs.nav-justified li{position:inherit;width:1%;}
	ul.nav-tabs.nav-justified li.active{z-index: 99;}
	*/
	
	
	/* About */
	.ourHistory{margin:20px 0 55px 10px;}
	.ourHistory .item{margin:0 0 0 27px;}
	.ourHistory .item .photo{width:245px; height: auto;}
	.ourHistory .item .content{padding:5px 35px 15px;}
	.ourHistory .item .photo, .ourHistory .item .content{display:table-cell; vertical-align: top; position: relative;}
	/*.ourHistory .item ul.listDot li:before { left: 35px; }*/
	.ourHistory .itemWrapper:nth-child(even) .item .content{background:#fff;}
	.ourHistory img { position: absolute; }
	.historyImg-6 img { transform: translateX(-60%); }
	.historyImg-7 img { width: 100%; height: auto; bottom: 0; }
	
	ul.directorWrapper li { display: inline-block; width:33.33%; }
	.managementWrapper{padding:15px 30px 35px 30px;}
	.managementWrapper .management-box .management-pic{width:75px; height: 72px;}
	.managementWrapper .management-box .info { width: calc(100% - 75px); }
	.managementWrapper .management-box{ margin:0 0 20px 0; height: 170px;}
	.popup-management .photo {float: left;}
	.popup-management .photo{width:260px;}
	.popup-management .photo img{width:inherit;}
	
	/* Service */
	.service-container{padding: 160px 0 0 0; margin: -120px 0 0 0}
	.service-container .item .image, .service-container .item .profile{width:50%;}
	.service-container .service-row:nth-child(odd) .item .image, .service-container .service-row:nth-child(even) .item .profile{float:left;}
	.service-container .service-row:nth-child(even) .item .image, .service-container .service-row:nth-child(odd) .item .profile{float:right;}
	
	.service-container .service-row .item .image{height:100%; overflow: hidden;}
	.service-container .service-row .item .image img{width:100%; margin: 0;}
	.service-popup .imgbg{height:400px;}
	.service-popup .details{padding:40px 45px;}
	
	.masonry .grid-size{width:33.33%;}
	.masonry .box-col-1{width:33.33%;}
	.masonry .box-col-1 .box{height: 220px;}
	.masonry .box-col-1 .box-half{width:calc(100% - 20px); height: 220px;}
	.masonry .box-col-1 .double{height:460px;}
	.masonry .box-col-1 .box-half.double{height: 220px;}
	
	
	.network-popup .imgbg { width: 332px; height: 320px; }
	.network-popup .details { width: calc(100% - 332px); }
	
	
	/* Media */
	.banner-slogan-btn{height:300px;}
	.banner-slogan-btn .heading{ width:100%}
	.media.caseStudy-row .media-left, .media.caseStudy-row .media-body{display: table-cell;}
	.media.caseStudy-row .media-left img{width:255px;}
	.media-body{padding:0 25px 30px 25px;}
	.media-gallery li{width:49%;}
	
	.pdfItem {padding:25px 20px;}
	
	
	.textWrapper { padding-top: 35px; }
	.textWrapper:nth-of-type(1) { padding-top: 20px; }
	.textWrapper:after { padding-bottom: 35px; }
	
	
	
	
	/* Fleet */
	.fleetTop { min-height: 135px; }
	.circleWrapper { width: 120px; height: 120px; margin: auto -10px; }
	.circleWrapper .num { padding-top: 16px; }
	/*.short-term .circleWrapper .num { padding-top: 9px; }*/
	.fleetItem { border-bottom: none; }
	.fleetItem .fleet { line-height: 1; }
	.fleetItem .fleet .row { border-bottom: 1px dashed #ccc; padding: 10px 0px; }
	/*.fleetItem:not(:first-child) { text-align: center; }*/
	.fleetItem { text-align: center; }
	.fleetItem img { margin: auto; position: absolute; left: -100%; right: -100%; transform: scale(0.75); }
	
	/* Fleet-add */
	.fleetItem { width: 21%; }
	.fleetItem:first-child { width: 16%; }
	
	
	.filter .row{padding:0 30px 0 100px; position: absolute; width: 100%; top: 10px;}
	
	/* IR */
	.irOverview .linkBox{display: table-cell; width: 65%; padding:30px 0;}
	.irOverview .linkBox ul.links{display: inline-block;}
	.irOverview .linkBox .title{padding: 20px;}
	.irOverview .linkBox ul.links{padding: 0 20px; width:220px;}
	.irOverview .overview-video{  height: 100%; width:35%; display: table-cell; padding: 40px 30px; position: relative; color: #ffffff;}
	.overview-price ul.priceWrapper li{display: inline-block; border-right:1px dashed #cccccc; padding: 0 15px; width:33%; vertical-align: top; border-bottom:0; }
	.overview-price ul.priceWrapper li:first-child{ padding: 0 15px 0 0;}
	.overview-price ul.priceWrapper li:last-child{border-right:0; padding: 0 0 0 15px;}
	.overview-price .item:last-child{padding:0 15px 0 30px;}
	.business-data .counter-num, .business-data .plus{font-size:40px;}
	.overview-price .btn{display:inline-block;}

	/*ul.market-tab.nav-tabs.nav-justified li { width: 50%; float: left; }*/
	
	
}

@media (min-width: 992px) {
	header ul.topNav li:nth-child(5) ul.subNav:nth-child(2) { padding-right: 10px; }

	/* Home */
	.home-spot .item .btn{font-size:13px;}
	
	.fleetTop { min-height: 155px; }
	.circleWrapper { width: 140px; height: 140px; margin: auto; }
	.circleWrapper .num { padding-top: 13px; font-size: 50px; }
	/*.short-term .circleWrapper .num { padding-top: 13px; }*/
	.circleWrapper .text { font-size: 18px; }
	.fleetItem .title span { font-size: 16px; }	
	.fleetItem img { transform: scale(1); }
	
	.glossary-nav .nav li { width: 12%; }
	
	.managementWrapper .management-box { height: 130px; }
	
	.contact-city .panel-body .nameDiv{width:390px;}
	.contact-city .panel-body .phone{width:180px;}
	.contact-city .panel-body .name{width:190px;}
	.contact-city .panel-body .info-body .flag{ right:50px}
	
	.service-popup blockquote { margin-bottom: 80px; }
	.service-popup .pager-div { bottom: 50px; }
	
	.people-popup .details p:last-of-type { margin-bottom: 80px; }
	
	.fleetTable table.tablesorter thead tr th:first-child { width: 150px; }
	.fleetTable table.tablesorter thead tr th:last-child { width: 220px; }
	
	.contactFilter .contactMapFilter .checkboxItem { min-width: auto; margin-right: 40px; }
	
	ul.spotlight li{width:33.33%;}
	
	ul.nav-tabs.nav-justified{position:relative; width: 100%;}
	ul.nav-tabs.nav-justified li{position:inherit;width:1%;}
	ul.nav-tabs.nav-justified li.active{z-index: 99;}
	
}


@media (min-width: 1024px) {
	header .header-logo img, header .header-logo-blue img{width:120px; margin: 17px 0 20px 0;}
	
	/* home */
	.homeBanner .banner .banner-inner .slogan{font-size:59px;  padding: 0 0 20px 30px; line-height: 56px;}
	/*.homeBanner .banner .banner-inner .video-btn{left: 100px; }*/
	.homeBanner .banner .banner-inner .btn-div{width: 624px;}

	.home-intro .item{height:305px; position: relative;}
	.home-case .slide{height:305px; position: relative;}
	.home-intro .fb .fbitem{ height: 305px;}
	
	.pageTitle{font-size: 57px;}
	
	/* Service */
	.service-overview{background:url(../images/service/service_bg.jpg) no-repeat #0097d5; background-position: top; background-size: 100% auto; }
	.service-container .item{width:225px;}
	.service-container .item .image img{ max-height: 225px;}
	.service-container .service-row:nth-child(odd) .item{float:left; width: calc(50% - 30px);}
	.service-container .service-row:nth-child(even) .item{float:right; width: calc(50% - 30px);}
	/*.service-container .service-row:last-child .item{float:none; width: 100%; margin: 45px 0 0 0;}*/
	.service-container .item{background:#ffffff;  margin:-45px 0 0 0; }
	.service-container .service-row:nth-child(odd) .item:before{content: ''; position: absolute; left: calc(50% - 30px); top:calc(111px - 50px); border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left:15px solid #ffffff;}
	.service-container .service-row:nth-child(odd) .item:after{content:''; position: absolute; left:calc(50% - 6px);  top:calc(111px - 40px); width: 12px; height: 12px; background: rgba(227,227,227,1.00); border-radius: 1000%;}
	.service-container .service-row:nth-child(even) .item:after{content: ''; position: absolute; right: calc(50% - 30px); top:calc(111px - 50px); border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right:15px solid #ffffff;}
	.service-container .service-row:nth-child(even) .item:before{content:''; position: absolute; right: calc(50% - 6px);  top:calc(111px - 40px); width: 12px; height: 12px; background: rgba(227,227,227,1.00); border-radius: 1000%;}
	.service-container .service-row:nth-child(even) .item:after, .service-container .service-row:nth-child(odd) .item:before{background: none;}
	.service-container .service-row:nth-child(even) .item:before, .service-container .service-row:nth-child(odd) .item:after{border: 0;}
	.service-container{ padding: 230px 0 0 0; }
	.service-popup .imgbg{height:780px;}
	.service-popup .imgbg.com-bg{ background-position: -210px;}
	.service-container .maplink { top: -150px; }
	
	.masonry .box-col-1 .box{height: 160px;}
	.masonry .box-col-1 .box-half{width:calc(50% - 20px); height: 160px;}
	.masonry .box-col-1 .double{height:340px;}
	.masonry .box-col-1 .box-half.double{height: 340px;}
	
	/* Media */
	.media-gallery li{width:32%;}
	.pdfItem {padding:25px 35px;}
	
	/* IR */
	.irOverview .linkBox .title{padding: 20px 40px;}
	.irOverview .linkBox ul.links{padding: 0 40px 0 40px; width:auto;}
	.overview-price .item:first-child{border-right:1px dashed #c6c6c6; border-bottom: 0;}


}
@media (min-width: 1170px) {
	/* Home */
	
	
	
	/* About */
	.ourHistory{margin:20px 0 80px 55px;}
	.ourHistory .item .photo{width:305px; height: auto;}
	.ourHistory .item .content{padding:5px 35px 15px;}
	.ourHistory .item{margin:0 0 0 70px;}
	.ourHistory h3 { margin-top: 15px; margin-bottom: 5px; }
	
	/*ul.spotlight .info .link a{font-size:20px;}*/
	ul.spotlight .item:first-child .info .date, ul.spotlight .item:last-child .info .date{font-size:14px;}
	
	/* Media */
	.media.caseStudy-row .media-left img{width:375px;}
	
	/* IR */
	.overview-price .item:first-child:before{content:url(../images/ir/dotCircle.jpg); position: absolute; right: -6px; top: -7px; left:inherit;}
	.overview-price .item:first-child:after{content:url(../images/ir/dotCircle.jpg); position: absolute; right: -6px; bottom: -7px;}
	
	/* Contact */
	.contact-city .panel-body .nameDiv{width:500px;}
	.contact-city .panel-body .phone{width:200px;}
	.contact-city .panel-body .name{width:190px;}
	.contact-city .panel-body .info-body .flag{ right:100px}
}

@media (min-width: 1170px) {
	
	header.act .header-logo-blue{display:block;}
	header.act .header-logo{display:none;}
	header.shrink .header-logo-blue{display:none;}
	header.shrink .smallLogo{  display: block; width: 32px; margin: 9px 0 0 0;}
	.homeStock.visible-lg{display:table-cell !important;}
	
	.glossary-nav { margin-right: 13% }
	.textWrapper .words { width: 22%; }
	.textWrapper .definition { width: 65%; }
}


/* Hack for header */
header .container{ width:100%!important;}
@media (min-width: 1024px) {
	header .container{ max-width:1240px}
	header .container .topNavWrapper{ display:block!important}
	header .container .mobile-btn{ display:none!important}
	header .container .top-contact a{ display: block!important}
}
@media (min-width: 1230px) {
	.container.home-intro{max-width:1280px;}
	
	/* Fleet */
	.fleetTop { min-height: 170px; }
	.circleWrapper { width: 160px; height: 160px; margin: auto; }
	.circleWrapper .num { padding-top: 20px; font-size: 60px; }
}

.business-data .label{ display:block}

.brackets{ font-family: "Calibri", Helvetica, Arial, sans-serif!important;}

.navNoContent{ min-height:1px!important; margin:0!important;}

.mapIcon { display:inline-block; line-height:17px; padding:5px 18px 4px; margin: 0 0 15px 15px; border:1px solid #005290; vertical-align:middle; color:#005290 }
.mapIcon a { margin:0 0 0 5px;}
.mapIcon img{ width:24px}

input:focus { outline: none; }

select::-ms-expand {display: none;}