@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, tr, th, td { margin: 0; padding: 0; line-height: 100%; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 300; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
input, textarea { font: 12px Arial, Helvetica, sans-serif; }
html, html a { -webkit-font-smoothing: antialiased !important; }
.saver { clear: both !important; height: 0px !important; line-height: 0px !important; float: none !important; display: block !important; }
.hiddenText { font-size: 0px !important; text-indent: -9999px !important; }
.hide { display: none; }
a img { border: 0; }
a { outline: 0; cursor: pointer; text-decoration: none; }
p { padding: 0; margin: 0; }
img { border: none; }
.wrapper { width:1400px; margin: 0 auto !important; position: relative !important; }
.leftContainer { float: left; }
.rightContainer { float: right; }
.centerContainer { display: table; margin: 0 auto; }
.noMargin { margin: 0 !important; }
.noMarginRight { margin-right: 0 !important; }
.noMarginLeft { margin-left: 0 !important; }
.mobile { display:none;}
ul.siteMap li {    padding: 2px 2px 0 0;    font-size: 17px;    font-weight: 600;}
ul.siteMap  a { color:#5a5a5a;}

body { font-family: 'Open Sans', sans-serif; font-weight:400; font-size:18px; color: #2b2b2b; background:#fff; border-bottom:10px solid #009dda; width: 100%; margin: 0; padding: 0; }
#main { }
/**/
table{ width: 100%; }
table tr{}
table tr:nth-child(2n+1){ background: #dde7f9; }
table tr td{padding: 10px;}
table tr td strong {color: #173440;}
/**/
.rightFixedMenu { position:fixed; left:0; top:250px; z-index:99;}
.rightFixedMenu ul {}
.rightFixedMenu ul li { list-style:none;}
.rightFixedMenu ul li a { text-align:center; display:block; background:#009dda; padding:18px; margin:0 0 1px 0;}
.rightFixedMenu ul li a:hover { opacity:0.6;}
.rightFixedMenu ul li:nth-last-child(1) a { background:#187fb8;}
.rightTipBullet::after { border-color: transparent #131313 transparent transparent; border-image: none; border-style: solid; border-width: 10px; content: ""; position: absolute; left:-20px; top:15px; z-index: -1;}

.joinUsBtn { position: absolute; right: 0; top: 250px; z-index: 99; }
.joinUsBtn a{ padding: 14px 50px; font-weight: 900; color:#fff;  background:#009dda; display: block; margin:4px 0; }
.joinUsBtn a.red { background: #f00;}
header { position:absolute; z-index:99; top:0; width:100%; background:url(../images/bg/header.png) repeat-x; height:205px; }
.logo {}
.mobileMenuButton { display:none;}
.topMenuContainer { margin:15px 0 0 0;}
.topSubMenu { color:#fff; font-size:14px; font-weight:300;}
.topSubMenu a { color:#fff; text-decoration:none; padding:0 0 0 20px; font-weight:800;}
.topSubMenu a.active { color:#009dda;}
.topSubMenu a.homeLink { padding:0 20px 0 0;}
.headerMenuContainer { font-weight:800; font-size:16px; margin:20px 0 0 0; }
.headerMenuContainer ul {}
.headerMenuContainer ul li { list-style:none; display:inline-block; margin:0 0 0 10px;}
.headerMenuContainer ul li a { color:#fff; text-decoration:none; }
.headerMenuContainer ul li a:hover { color:#e31e24;}
.headerMenuContainer ul li.selectedItem a { color:#e31e24;}

#homeSliderContainer { line-height:100%; text-align:center;}
#homeSliderContainer div img { width:100%;}
#homeSliderContainer .wrapper { display:block;}
.homeSliderCaption { font-size:70px; font-weight:800; color:#fff; width:60%; position:absolute; top:250px; left:0; z-index:99; line-height:90%; letter-spacing:0px; text-align:left; display:block; }
#homeSliderContainer .owl-controls { position:absolute; bottom:20px; margin:0;}

#homeMapContainer { line-height:100%;}

.homeMapArea { line-height:0; width: 100%;}
.homeMapArea #map_canvas { margin: 0 ; }
.homeMapArea .MapSearchContainer{margin: -60px 0 0 0 ;}
.homeMapArea .homeMapImage{width: 100%;}


.MapSearchContainer { background:#e31e24; position:absolute; z-index:9; width:calc(100% - 60px); padding:20px 30px; }
.MapSearchContainer h1 { color:#fff !important; font-weight:800 !important; font-size:30px !important; width:185px !important; float: left; }
.MapSearchContainer .SearchContainer {float: left; width: calc(100% - 185px);}
.MapSearchContainer .SearchContainer .item {float: left;padding: 0 10px;width: calc(33% - 20px);}
.MapSearchContainer .SearchContainer .item .textBox { border: none; outline:none; padding: 20px; font-size: 14px; width: calc(100% - 40px); color: #767676; height: 20px;}
.MapSearchContainer .SearchContainer .item .DropDownList { border: none; outline:none; padding: 19px; font-size: 14px;width: 100%;  color: #767676;   height: 60px;}
.MapSearchContainer .SearchContainer .item .btnFind {border: none; outline:none; padding: 20px; font-size: 16px; background: #b41a1f; color:#fff; font-weight: 800; cursor: pointer; font-family: arial;  height: 60px;}

#homeOnlineServicesContainer { line-height:100%; background:#009dda;}
.homeOnlineServicesTitle { color:#fff; font-size:55px;line-height:80%; letter-spacing:-4px; padding:15px 0; text-align:center; display:block !important;}
.homeOnlineServicesTitle a { color:#fff; display: block; padding: 45px 0;}
.homeOnlineServicesTitle strong { font-weight:800;}
.homeOnlineServicesSlider { width:100%; padding:0; display:block !important; }
.homeOnlineServicesSlider ul { margin:0 0 25px 0;}
.homeOnlineServicesSlider ul li { font-size:20px; min-width:170px; text-align:center;}
.homeOnlineServicesSlider ul li strong { font-weight:800;}
.homeOnlineServicesSlider div.item { text-align:center; color:#fff; font-size:18px; line-height:100%; float:left; width:175px;}
.homeOnlineServicesSlider div.item a { color:#fff; line-height:120%;}
.homeOnlineServicesSlider div.item strong { font-weight:800; display:block;}
.homeOnlineServicesSlider div.item img { display:table; margin:0 auto 15px auto; vertical-align:bottom;}

.homeOnlineServicesSlider .ui-slider-left-arrow { top:120px; left:-30px; width:26px !important; height:49px !important;}
.homeOnlineServicesSlider .ui-slider-right-arrow { top:120px; right:-30px; width:26px !important; height:49px !important;}
.homeOnlineServicesSlider .ui-slider-left-arrow div{ background:url(../images/etc/slide-prev.png) center center no-repeat; height: inherit;}
.homeOnlineServicesSlider .ui-slider-right-arrow div{ background:url(../images/etc/slide-next.png) center center no-repeat; height: inherit;}
.homeOnlineServicesSlider .ui-slider-tabs-list li.selected, .homeOnlineServicesSlider .ui-slider-tabs-list li:hover { position:relative;}
.homeOnlineServicesSlider .ui-slider-tabs-list li.selected::after, .homeOnlineServicesSlider .ui-slider-tabs-list li:hover::after { border-color: #008ac0 transparent transparent transparent; border-image: none; border-style: solid; border-width: 10px; content: ""; position: absolute; bottom:-20px; left:50%; margin:0 0 0 -10px; z-index: -1;}


.homeOnlineServicesSlider .ui-slider-tabs-list-container { margin:0 0 0 -40px !important;}

#homeKeyFiguresContainer { padding:50px 0 100px 0;}
#homeKeyFiguresContainer .wrapper { width:1650px; }
#homeKeyFiguresContainer h1 { font-size:40px; font-weight:800; color:#009dda; text-align:center; margin:0 0 45px 0;}
.keyFigureYear { font-weight:800; font-size:40px; text-align:right; margin:160px 0 0 0;}
.keyFigureYear .year { color:#009dda; display:block;}
.keyFigureYear .yearBy { color:#e31e24; display:block; margin:95px 0 0 0;}
.keyFigureList {}
.keyFigureList .item { display:inline-block; vertical-align:top; margin:0 30px; width:300px;}
.keyFigureList .item a { display:block; text-align:center; font-weight:800;}
.keyFiguresItemContent { height:115px;}
.keyFigureList .item a img { margin:0 0 25px 0;}
.keyFigureList .item a strong { color:#313131; font-size:26px; display:block; line-height:90%;}
.keyFigureList .item a span { color:#009dda; font-size:26px; display:block; line-height:90%; position: relative;}
.keyFigureList .item a span span { position: absolute;width: 100%; bottom: -10px;}
.keyFigureList .item a .toBullet { margin:30px auto; display:block; font-size:0;}
.keyFigureList .item a .toBullet img { margin:0;}
.keyFigureList .item a h3 { color:#e31e24; font-size:30px; font-weight:800; line-height:90%;}
.keyFigureList .item a i { font-size:16px; font-style:normal;}
.keyFigureList .item a sup { font-size:16px; font-style:normal;}

#homeExploreYilportContainer {}
#homeExploreYilportContainer .wrapper { display:block;}
.homeExploreYilportCaption {color:#fff; width:100%; position:absolute; top:50px; left:0; z-index:99; line-height:100%; letter-spacing:-3px; display:block;}
.captionTitle { font-size:55px; font-weight:600; line-height:100%;}
.captionTitle strong { font-weight:800;}
.captionTitle i { font-weight:400; font-style:normal; display:block; font-size:25px; letter-spacing:0;}
.captionContent { text-align:right;}
.captionContent i { font-size:50px; font-weight:600; font-style:normal; margin:0 0 20px 0; display:block; line-height:100%;}
.captionContent ul { font-size:50px; font-weight:800; margin: 50px 0;}
.captionContent ul li { list-style:none; line-height:100%; margin:0 0 15px 0;}
.btnExplorePort { background:#009dda url(../images/etc/bullet-white.png) 40px center no-repeat; color:#fff; font-size:35px; font-weight:600; padding:20px 40px 20px 75px; line-height:100%; display:inline-block; margin:30px 0 0 0;}
.btnExplorePort strong { font-weight:800;}
#homeExploreYilportContainer .owl-controls, #homeExploreYilportContainer .owl-nav { position:absolute; bottom:75px; left:50%; margin:0 0 0 -700px;}
#homeExploreYilportContainer .owl-nav {}
#homeExploreYilportContainer .owl-prev { background:#009dda; padding:20px 25px; margin:0 10px 0 0; float:left;}
#homeExploreYilportContainer .owl-prev img { width:27px;}
#homeExploreYilportContainer .owl-next { background:#009dda; padding:20px 25px; float:left;}
#homeExploreYilportContainer .owl-next img { width:27px;}

#homeValuesContainer { background:url(../images/temp/values-bg.png) left top no-repeat; padding:25px 0 55px 0; text-align:justify;}
#homeValuesContainer h1 { font-size:40px; font-weight:800; color:#009dda; text-align:center; margin:0 0 45px 0; }
.homeValueItem { color:#232323; font-size:16px; padding:0 100px 0 0; width:380px; height: 290px; position: relative;}
.homeValueItem h2 { color:#232323; font-size:38px; font-weight:800;}
.homeValueItem p { padding:20px 0 0 0; line-height:150%;}
.homeValueItem .btnBlue {position: absolute; bottom: 0;}

.btnBlue { background:#009dda url(../images/etc/bullet-white.png) 15px center no-repeat; background-size:9px auto; color:#fff; font-size:22px; font-weight:800; padding:13px 25px 13px 40px; line-height:100%; display:inline-block; margin:20px 0 0 0;}
.btnBlue:hover { opacity:0.8;}
.btnBlueAll { background:#009dda url(../images/etc/bullet-white.png) 40px center no-repeat; background-size:12px auto; color:#fff; font-size:35px; font-weight:600; padding:20px 75px 20px 100px; line-height:100%; display:table; margin-top:40px;}
.btnBlueAll:hover { opacity:0.8;}

#homeBannerContainer {}
#homeBannerContainer .leftContainer { width:50%; position:relative; line-height:0;}
#homeBannerContainer .leftContainer img { width:100%;}
#homeBannerContainer .leftContainer h4 { background:#009dda; padding:25px 65px; color:#fff; font-size:48px; letter-spacing:-2px; font-weight:800; position:absolute; top:50px; left:80px;  }
#homeBannerContainer .leftContainer h4 a { color:#fff;}

#homeNewsContainer {}
.homeNews { background:#e1e1e1; color:#292929; font-size:30px; font-weight:800; width:60%; padding:40px 0;}
.homeNewsContent { width:860px;}
.homeNews h2 { font-size:55px; color:#292929; font-weight:800; margin:0 0 50px 0;}
.homeNews h2 a { color:#292929;}
.homeNews img { display:block; margin:0 0 30px 0;}
.homeNewsItem { width:390px; color:#292929; font-size:20px; font-weight:800; text-align:center; margin:0 40px 0 0;}
.homeNewsItem a { color:#292929;}
.homeNewsItem img { width:100%;}
.homeNewsItem .homeNewsImage {width: 100%;height: 300px;background-size: cover !important;background-position: center center !important; margin: 0 0 10px 0;}

.homeEvents { background:#009dda; width:40%; padding:0; position:relative; margin:0 0 0 0;}
.homeEventsContent { width:100%}
.homeEventsContent h2 { font-size:55px; color:#fff; font-weight:800; margin:0 0 50px 0;}
.homeEventsContent h2 a { color:#fff;}
.homeEventsContent ul {}
.homeEventsContent ul li { list-style:none; margin:0 0 60px 0; display:flex; font-size:22px; font-weight:800; line-height:120%;}
.homeEventsContent ul li a { color:#fff; background:url(../images/icon/icon-events.png) left center no-repeat; padding:0 0 0 50px;}
.homeEventsContent ul li a:hover { opacity:0.8;}
.homeEventsContent .btnBlueAll { background:#007bab url(../images/etc/bullet-white.png) 40px center no-repeat;}
.homeEventsContent .CustomerFeedbackForm {display: block;width: calc(100% - 140px);background: url(../images/icon/CustomerFeedbackForm-icon.png) no-repeat scroll left 5% center;padding: 130px 0 140px 140px;font-size: 40px;font-weight: 900;color: #fff;line-height: 1;}
.homeEventsContent .GuideofCustomerFeedback {display: block;width: calc(100% - 140px);background: #0090c8 url(../images/icon/GuideofCustomerFeedback-icon.png) no-repeat scroll left 5% center;padding: 130px 0 130px 140px;font-size: 40px;font-weight: 900;color: #fff;line-height: 1;}

#detailContainer { padding:210px 0 0 0;}
.detailContainer { padding:0 0 55px 0;}
.detailContainer h1 { font-size:56px; font-weight:800; color:#fff; letter-spacing:-3px;}
.detailContainer h2 { font-size:36px; font-weight:600; color:#fff; letter-spacing:-3px;}
.detailContentContainer { margin:90px 0 0 0;}
.detailContent { background:#fff; width:935px; padding:25px 40px; color:#292929; font-size:16px; }
.breadCrumbContainer { border-bottom:1px solid #c6c6c6; color:#303030; padding:0 0 20px 0; font-weight:800; font-size:12px;}
.breadCrumbContainer a, .breadCrumbContainer i { color:#303030; font-weight:400; font-style:normal;}
.detailContent h3 { font-size:40px; font-weight:800; color:#00aeff; padding:35px 0; letter-spacing:-3px;}
.detailContent h3 span { font-weight:600;}
.detailContent .full { margin:0 0 20px -40px; width:calc(100% + 80px);}
.detailContent .full img { width:100%;}
.detailContent p { padding:10px 0; line-height:160%; text-align:left;}
.detailContent p a { color:#004f6d;}
.detailContent ul  {  padding: 0 0 0 50px;}
.detailContent ul li {  line-height:160%;}
.detailContent .contentImage { width: 100%; }
.detailContent .contentImage img{ width: 100%; }

.detailShareContainer { padding:20px; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; margin: 20px 0 0 0;  float: left; width: 100%; }
.detailShareTitle { color:#00aeff; font-size:30px; font-weight:800; margin:15px 0 0 0;}
.detailShareContent {}
.detailShareContent a { float:left; margin:0 0 0 10px;}

.portsHomeContent { width:1015px; padding:0; color:#292929; font-size:18px;}
.portsHomeContent .owl-controls { }
.portsHomeContent .owl-nav {}
.portsHomeContent .owl-nav .owl-prev { position:absolute; top:45%; left:20px; background:#fff !important; padding:20px 25px !important;}
.portsHomeContent .owl-nav .owl-next { position:absolute; top:45%; right:20px; background:#fff !important; padding:20px 25px !important;}
.portsHomeContent .owl-dots { position:absolute; width:100%; bottom:30px; text-align:center;}
.portsHomeContent .owl-dots .owl-dot { display:inline-block; margin:0 5px;}
.portsHomeContent .owl-dots .owl-dot span { display:block; background:#fff; border-radius:100%; padding:5px;}
.portsHomeContent .owl-dots .owl-dot.active {}
.portsHomeContent .owl-dots .owl-dot.active span { background:#009dda;}

.portsHomeMiddleContainer { margin:30px 0;}

.pageTitle p { display: none; }
.title { font-size:24px;}

.portsWeatherContainer { background:#00aeff; text-align:center; padding:30px 20px; margin-right: 20px;  width: calc(30% - 60px);    height: 160px;}
.portsWeatherContainer .title { margin:0 0 20px 0; display:block; color:#fff;}
.weatherItem {width: calc(33% - 40px);color: #fff;margin: 0 20px;}
.weatherItem .weatherDay { font-size:16px; display:block; line-height:100%;}
.weatherItem .weatherIcon { margin:15px 0; display:block; line-height:100%;}
.weatherItem .weatherDegrees { font-size:28px; font-weight:800; display:block; line-height:100%;}
.weatherItem .weatherDegrees:after { content: "\00b0"}

.portsEquipmentContainer { background:#ededed; text-align:center; padding:30px 20px; width: calc(43% - 46px); height: 160px;}
.portsEquipmentContainer .title { margin:0 0 30px 0; display:block; color:#353434;}
.equipmentItem { margin:0; display: inline-block;}
.equipmentItem .equipmentTag { font-size:12px; font-weight:800; color:#515151; margin:0 0 15px 0; display:block; line-height:100%; height: 20px; }
.equipmentItem .equipmentPiece { font-size:44px; font-weight:800; color:#009dda; display:block; line-height:100%;}
.equipmentItem .equipmentPiece sup {font-size: 10px; }

.EquipmentSlider{width: 90% !important; margin: auto;}
.EquipmentSlider .owl-controls, .EquipmentSlider .owl-nav {top: -40px;position: relative;}
.EquipmentSlider .owl-nav .owl-prev {float: left; position: relative; left: -25px;}
.EquipmentSlider .owl-nav .owl-next {float: right; position: relative; right: -25px;}
.EquipmentSlider .infoUpdate {padding: 7% 0 10% 0;display: block;color: #000;font-size: 20px;}

.portsLengthContainer { background:#00aeff; text-align:center; padding:30px 20px; margin-left: 20px; width: calc(26% - 60px); height: 160px;}
.portsLengthContainer .title { color:#fff; display:block; margin:0 0 35px 0; }
.lengthOfQuayPiece { font-size:64px; font-weight:800; color:#fff; display:block; line-height:100%; letter-spacing:-5px;}

.portsCapacityContainer { background:#00aeff; text-align:center; padding:30px 0 0 0; margin:0 20px 0 0; width:calc(35% - 20px); min-height: calc(450px - 30px); max-height: calc(450px - 30px);}
.portsCapacityContainer .title { margin:0 0 20px 0; display:block; color:#fff;}
.capacityItemList {
	text-align: left;
}
.capacityItem {
	font-size: 28px;
	font-weight: 800;
	color: #fff;
	display: inline-block;
	margin: 0;
	width: calc(33.33333333% - 21px);
	vertical-align: top;
	padding: 10px;
	height: 107px;
	text-align: center;
	
}
.capacityItem .capacityTitle{ font-size: 12px; line-height: 20px; display: block; }
.capacityItem img { display:block; height:45px; margin:0 auto ;}
.portsCapacityContainer .infoUpdate {font-size: 20px;color: #000;	padding: 7% 0 10% 0;	display: block;	line-height: 1;}
.capacityItem p {font-size: 16px;}



.capacityItem:nth-child(1) {border-top: 1px solid #fff;border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.capacityItem:nth-child(2) {border-top: 1px solid #fff;border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.capacityItem:nth-child(3) {border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.capacityItem:nth-child(4) {border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.capacityItem:nth-child(5) {border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.capacityItem:nth-child(6) {border-bottom: 1px solid #fff;}
.capacityItem:nth-child(7) {border-right: 1px solid #fff;}
.capacityItem:nth-child(8) {border-right: 1px solid #fff;}
.capacityItem:nth-child(9) {}


.portsLocationContainer { position:relative; width: 65%;}
.portsLocationContainer .title { position:absolute; top:20px; left:20px; background:#009dda; color:#fff; padding:20px; letter-spacing:-2px; z-index: 999;}
.locationMap {}
.locationMap #map_canvas {width: 100%; height: 450px; overflow: hidden;}
.locationMap #map_canvas .mapImage {width: 100%; height: auto; margin: -200px 0 0 0;}

#rightMenuContainer { background:#009dda; width:345px; padding:40px 0 100px 0; min-height:443px;}
.rightMenu {}
.rightMenu urll {}
.rightMenu ul li.level0 a.selected { display:none;}
.rightMenu ul li { list-style:none;}
.rightMenu ul li a { font-weight:800; font-size:20px; color:#004f6d; margin:0; display:block; line-height:100%; letter-spacing:-1px; padding: 10px 20px 10px 40px;}
.rightMenu ul li a:hover { color:#fff;background: #0087be; }
.subMenuContainer .subMenuContainer {	margin: 0;}


.subMenuContainer .level1 a.selected {background: #0087be; color: #fff;}

.subMenuContainer .subMenuContainer .level2 a {	padding: 10px 20px 10px 60px;}
.subMenuContainer .subMenuContainer .level2 a.selected {background: #0087be url(../images/icon/menuArrow.png) no-repeat scroll left 12% center; color: #fff;}

.subMenuContainer .subMenuContainer .level3 a {	padding: 10px 20px 10px 80px;}
.subMenuContainer .subMenuContainer .level3 a.selected {background: #0087be url(../images/icon/menuArrow.png) no-repeat scroll left 18% center; color: #fff;}

.subMenuContainer .subMenuContainer .level4 a {	padding: 10px 20px 10px 100px;}
.subMenuContainer .subMenuContainer .level4 a.selected {background: #0087be url(../images/icon/menuArrow.png) no-repeat scroll left 25% center; color: #fff;}
 .subMenuContainer { display: none; }

.rightMenu.portHomeMenu ul li.level1 {display: none;}
.rightMenu.portHomeMenu ul li.level2 {display: none;}
.rightMenu.portHomeMenu .subMenuContainer .subMenuContainer { margin: 0; }



footer { clear: both; }
.footerMenu { padding:35px 0; border-bottom:1px solid #bdbdbd;}
.footerMenu ul { margin:0 59px 0 0;}
.footerMenu li { list-style:none;}
.footerMenu li h6 a { color:#292929; font-weight:800; font-size:20px; margin:0 0 25px 0; display:block;}
.footerMenu li.level0 a { color:#292929; font-weight:800; font-size:20px; margin:0 0 25px 0; display:block;}
.footerMenu li a { color:#4c4c4c; font-weight:400; text-decoration:none; font-size:18px; margin:0 0 15px 0; display:block;}
.footerMenu .subMenu1 {display: none;}
.footerMenu .subMenu2 {display: none;}
.footerMenu .subMenu3 {display: none;}


.footerBottom { padding:45px 0;}
.footerCopy { font-size:12px; color:#202020;}
.footerCopy .luckyEye{  color:#202020; display: block; clear: both; font-size: 10px; }
.footerCorporate { position:absolute; width:294px; left:50%; margin:-10px 0 0 -147px;}
.footerCorporate a { display:inline-block; margin:0 5px;}
.footerAuthor {}
.footerCopy .footerLinks{ margin: 5px 0;  }
.footerCopy .footerLinks a{ color:#202020; }
.footerCopy .footerLinks a::after{ content: "|";  }
.footerCopy .footerLinks a:last-child::after{ display: none; }

/**/
#mapPage #detailContainer h1 { font-size:100px; font-weight:800; color:#fff; letter-spacing:-3px;}
#mapPage #detailContainer h2 { font-size:56px; font-weight:00; color:#292929; letter-spacing:-3px;}

.infoBox {margin-top: -120px !important;}
.infoBoxContainer {background: #fff;width: auto;padding: 10px 0 20px 10px; /*border-bottom: 10px solid #e31e24; box-shadow: 0 3px 10px -2px #000;*/}
.infoBoxContainer h2 {	font-size: 22px !important;letter-spacing: 0 !important;border-bottom: 2px solid #8c8c8c;padding: 0 0 10px 0;font-weight: 900 !important; margin: 0 0 15px 0;}
.infoBoxContainer h2 a {color: #1a1a1a !important;}
.infoBoxContainer .projectLink {color: #e31e24;	padding: 10px 0 0 0;display: inline-block; }
.infoBoxContainer .mapShowDetail{ display: inline-block; background: #e31e24;  color:#fff; padding: 10px; font-weight: 600; float: left;}
.infoBoxContainer .mapShowGoogle{ display: inline-block; background: #034772;  color:#fff; padding: 10px; font-weight: 600; float: right;}

.infoBoxBorder{ display: none; height: 8px; background: #e31e24; width: 100%; bottom: 0; left: 0; position: absolute; }
/**/
.accordioncontainer {margin: 0 0 20px 0;}
.accordioncontainer .accordionheader { display: block; cursor: pointer; padding: 20px; background: #004f6d; color:#fff; font-size: 20px; margin: 5px 0; transition: all 0.5s;}
.accordioncontainer .accordionheader.accordionheaderhover{ background: #00aeff; color:#004f6d; }
.accordioncontainer .accordioncontent {display: none;}
/**/
.newsList { padding:0 !important;}
.newsList li { background: #004f6d none repeat scroll 0 0 !important; display: block; list-style: outside none none; margin: 40px 0; padding: 40px 20px !important; position: relative; }
.newsList li .date { background: #e31e24 none repeat scroll 0 0; color: #fff; float: left;   font-size: 18px; height: 90px; padding: 10px; position: absolute; text-align: center; top: -20px; width: 90px;font-weight: 600;}
.newsList li .date strong { color: #fff; display: block;  font-size: 50px; font-weight: 800; text-align: center; line-height: 1; }
.newsList li .title { color: #fff; float: left; padding: 0 0 0 120px; }
.newsList.safety li .title {padding: 0; }
/**/
.pager {display: block;}
.pager a {background: #00aeff;display: inline-block;padding: 5px 10px;font-size: 14px;font-weight: 600;margin: 3px 0;color: #fff;}
.pager a.altcizgi{ background: #004f6d; }
/**/
.gallery ul { padding:0;}
.gallery ul li {list-style: none;display: inline-table;margin: 1%;width: calc(25% - 2% - 2px);height: 15vh;background-size: cover !important;background-position: center center !important;position: relative;}
.gallery ul li a {display: block;height: 100%;position: absolute;width: 100%;top: 0;left: 0;}
.gallery ul li a::after {content: " ";position: absolute;width: 100%;text-align: center;padding: 7vh 0;background: url(../images/icon/zoomIcon.png) no-repeat scroll center center;/*background-size: 30%;*/background-size: 30%;	opacity: 0.7;transition: all 0.5s;}
.gallery ul li:hover a::after {/*opacity: 1;*/background-size: 10%;}
.gallery ul li a span {position: absolute;width: 100%;text-align: center;bottom: 0;padding: 10px 0;color: #000;background: rgba(255, 255, 255, 0.6);font-size: 14px;}
.gallery.video ul li {width: calc(33% - 2%);height: 20vh;}
.gallery.video ul li a::after {content: " ";position: absolute;width: 100%;text-align: center;padding: 10vh 0;background: url(../images/icon/playIcon.png) no-repeat scroll center center;/*background-size: 30%;*/background-size: 30%;	opacity: 0.7;transition: all 0.5s;}
.gallery.video ul li:hover a::after {/*opacity: 1;*/background-size: 10%;}
.gallery.certificateList li{ margin: 5% 1%; }
.gallery.certificateList h2{ position: absolute; bottom: -25px; font-size:20px; color:#004f6d; letter-spacing: 0;  }
/**/
.ContactFormContainer {margin: 30px 0;}
.ContactFormContainer .item { display: inline-table; width: calc(50% - 2% - 3px); margin: 1%; position: relative; }
.ContactFormContainer .item .mailtemplate { display: block; font-size: 16px; padding: 0 0 10px 0; color: #004f6d; }
.ContactFormContainer .item .txtbox { padding: 20px; width: calc(100% - 40px); outline: none; border: 1px solid #00aeff; font-size: 16px; font-weight: 400; color: #292929; }
.ContactFormContainer .item .ListBox { padding: 10px; width: calc(100% - 20px); outline: none; border: 1px solid #00aeff; font-size: 16px; font-weight: 400; color: #004e72; height: 220px; }
.ContactFormContainer .item .ListBox option{padding: 10px 5px; color: #004e72; }
.ContactFormContainer .item .validation { position: absolute; top: 0; right: 0; padding: 5px 0; color: #e31e24 !important; font-weight: 900; }
.ContactFormContainer .item.message { width: calc(100% - 2%); }
.ContactFormContainer .item.sendBtn { width: calc(100% - 2%); text-align: right; }
.ContactFormContainer .item .btnSend { padding: 20px 40px; color: #fff; background: #004f6d; border: none; outline: none; cursor: pointer; font-size: 20px; font-weight: 600; border-bottom: 3px solid #009dda; }
.ContactFormContainer .item .compulsoryField {position: absolute;left: 0;bottom: 0;font-size: 12px;font-weight: 600;color: #e31e24;}
.ContactFormContainer .item.verification {width: 100%;}
.ContactFormContainer .item.verification .CaptchaControl {float: left;	width: 17%; padding: 15px 0;}
.ContactFormContainer .item.verification .CaptchaControl #imgCaptcha {  }
.ContactFormContainer .item.verification .CaptchaControl #imgRefreshCaptcha {cursor: pointer;}
.ContactFormContainer .item.verification .CaptchaControlTextBox {float: left;width: 30%;}
/**/
#onlineServicesFrame { width: 100%; height: 100vh !important;}
.searchResult {padding: 120px 20px 0; }
.searchResultList{}
.searchResultList .item {display: inline-block; margin:1%; width: calc(50% - 2% - 4px); background: #bcbfc0; position: relative;}
.searchResultList .item .itemContainer {padding: 20px;}
.searchResultList .item .itemContainer h2{font-size: 26px !important; text-align: left !important; float: left;width: 55%;}
.storeHaritadaGoster {float:right;padding: 10px;background: #b41a1f;  margin: 0 2px; color:#fff;}
.searchResultList .item .detailsBtn {float:right;padding: 10px;background: #187fb8; margin: 0 2px; color:#fff}

#storePager{text-align: center; margin: 40px  0 0 0 ;}
.storeLocatorNav {font-weight: 900;	background: #bcbfc0;color: #fff;	width: 20px;	height: 20px;	display: inline-block;	text-align: center;	padding: 5px;}
.storeLocatorSelect {padding: 5px;width: 70px;text-align: center;border: 1px solid #bcbfc0;}
/**/
.portContactInfo {	width: calc(100% - 40px);	display: block;	background: #ebecf5;	padding: 60px 20px 20px 20px;	position: relative;}
.portContactInfo::after {content: "Contact Information";	position: absolute;	top: 20px;	left: 20px;	color: #004f6d;	font-weight: 900;border-bottom: 1px solid #004f6d;	width: calc(100% - 40px);	padding: 0 0 15px 0;}
.portContactInfo .contactImage {	float: left;	width: 30%;	padding: 2%;}
.portContactInfo .contactImage img {width: 100%;}
.portContactInfo .contactContent {	float: right;	width: 65%;}
/**/
.portInfoLocation{ width: 100%; height: 450px; overflow: hidden; margin: 20px 0;}
.portInfoLocation #map_canvas{ width: 100%; height: 450px;}
/**/
.contentImageLeft {float: left;	width: 25%;	padding: 1%;}
.contentImageFull {	width: 100%;padding: 1% 0;}
.pdfDownload {background: url(/en/images/icon/pdf.png) no-repeat left center;padding: 10px 0 10px 60px; display:table; margin: 10px 0; font-weight: 700; }
.pptDownload {background: url(/en/images/icon/ppt.png) no-repeat left center;padding: 10px 0 10px 60px; display:table; margin: 10px 0; font-weight: 700; }

.operationsItem {display: block;margin: 30px 0;}
.operationsItem .left {float: left;width: 25%;}
.operationsItem .left img {width: 100%;}
.operationsItem .right {float: left;width: calc(75% - 40px);padding: 0 20px;}
/**/
.portDocuments {display: block;	width: 100%;}
.portDocuments ul {	padding: 0;}
.portDocuments ul li {list-style: none;background: #b4def2;margin: 5px 0;padding: 5px;}
.portDocuments ul li a {display: block;	padding: 20px 0 20px 70px; color:#004f6d; font-weight: 600;}
.portDocuments ul li a.documentTypeID_2 {background: url(/en/images/icon/documentTypes/pdf.png) no-repeat scroll left center;}
.portDocuments ul li a.documentTypeID_3 {background: url(/en/images/icon/documentTypes/doc.png) no-repeat scroll left center;}
.portDocuments ul li a.documentTypeID_1 {background: url(/en/images/icon/documentTypes/jpg.png) no-repeat scroll left center;}
.portDocuments ul li a.documentTypeID_8 {background: url(/en/images/icon/documentTypes/jpg.png) no-repeat scroll left center;}
.portDocuments ul li a.documentTypeID_4 {background: url(/en/images/icon/documentTypes/ppt.png) no-repeat scroll left center;}
.portDocuments ul li a.documentTypeID_7 {background: url(/en/images/icon/documentTypes/rar.png) no-repeat scroll left center;}
.portDocuments ul li a.documentTypeID_5 {background: url(/en/images/icon/documentTypes/xls.png) no-repeat scroll left center;}
.portDocuments ul li a.documentTypeID_6 {background: url(/en/images/icon/documentTypes/zip.png) no-repeat scroll left center;}
/**/
.contactInfoLogo {float: left;width: calc(34% - 40px);padding: 20px;}
.contactInfoLogo img{width: 100%;}
.contactInfoText {float: right;width: 66%;}
/**/

#timeline { width: 100%; overflow: hidden;  position: relative; background: url('../images/icon/timelineDot.png') left 50px repeat-x; }
#timeline .timelineDateBtn {display: none;}
#dates {   overflow: hidden; padding: 0;  }
#dates li { list-style: none; float: left; width: 90px; height: 105px; font-size: 24px; text-align: center; background: url('../images/icon/timelineDotBig.png') center center no-repeat; }
#dates a { line-height: 38px; padding-bottom: 10px; font-size: 15px; color:#303030; font-weight: 900; -webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
writing-mode: lr-tb; }
#dates .selected {font-size: 26px;color: #0b3666;font-weight: 900;background: url(../images/icon/timelineSelected.png) no-repeat scroll center bottom;}
#issues { width: 100%;  overflow: hidden;  padding: 0;}
#issues li {list-style: none; float: left; }
#issues li .content { width: calc(100% - 40px); background: #0b3666; display: block; text-align: center; padding: 20px; }
#issues li .content p {color:#fff; text-align: center;}
#issues li .image { width: 100%;overflow: hidden;}
#issues li .image img{ width: 100%;}
/**/
.weatherItem .weatherIcon{ font-size: 50px;}
/**/
.magazineList {padding: 0 !important;}
.magazineList li {list-style: none;margin: 1%;width: calc(25% - 4%);display: inline-block;background: #c9dde6 ;padding: 1%;}
.magazineList li .image {width: 100%;height: 278px;}
.magazineList li .title {font-size: 16px;color: #004f6d;padding: 10px 0;font-weight: 600;}
/**/
.GalleryList ul { padding:0;}
.GalleryList ul li {list-style: none;display: inline-table;margin: 1%;width: calc(33% - 2%);height: 16vh;background-size: cover !important;background-position: center center !important;position: relative;}
.GalleryList ul li a img {display: block;height: 100%;position: absolute;width: 100%;top: 0;left: 0;}
.GalleryList ul li a img span {position: absolute;width: 100%;text-align: center;bottom: 0;padding: 10px 0;color: #000;background: rgba(255, 255, 255, 0.6);font-size: 14px;}
.GalleryList .Title { position: absolute;font-size: 17px;color: #FFF;text-align: center;background: #009dda;bottom: -15px;width: 100%;padding: 9px 0;}
.GalleryList .Title a {color: #FFF; font-weight:bold;}
/**/

.noMarginLeftTime{ margin-left:120px !important; }
div#timeLineArrow{ position: absolute; width:95%; margin:22px 0 0 2.5%; }
a#next{display: block; float: right;  position: relative; }
a#prev { display: block !important; float: left; position: relative;}

.portsListHome{ display: block; clear: both; padding: 20px 0 0;}
.portsListHome .listItem{ display: block; float: left; width: 30%; background: #f7f7f7; margin: 0 3.3% 3.3% 0; height: 680px; }
.portsListHome .listItem .itemImage{ display: block; width: 100%;}
.portsListHome .listItem .itemImage img{ width: 100%;}
.portsListHome .listItem .itemTitle{ display: block; padding: 20px 0 20px 20px; color: #fff; font-size: 22px; font-weight: 800; width: calc(100% - 20px); background: url(/en/images/ports/icon-port.png) no-repeat 93% center #009dda;}
.portsListHome .listItem .itemTitle a{ color:#fff; }
.portsListHome .listItem .itemList{}
.portsListHome .listItem .itemList ul{ margin: 30px;}
.portsListHome .listItem .itemList li{ display: block; margin: 0 0 20px; padding: 0 0 0 25px; position: relative;}
.portsListHome .listItem .itemList li::before {content: ".";font-size: 30px;position: absolute;left: 0;top: -9px;}
.portsListHome .listItem .itemList li a{ color: #1e1e1e; font-size: 20px; font-weight: 300;}
/**/
.portIndex{ position: relative; }
.portIndex .goBack{ position: absolute; right: 40px; top: 15px; background: #004f6d; color:#fff; font-weight: 600;  padding: 10px 15px;  }
.portHomeRelative{position: relative;}
.portHomeRelative .goHome {position: absolute;	right: 1px;	z-index: 999999;	padding: 10px 15px;	background: #004f6d;	color: #fff;	top: -38px;	font-weight: 600;}
/**/
.portsHomeBottomContainer.lastContents {margin: 30px 0;}
.portsHomeBottomContainer.lastContents .portHomeFacts {width: calc(35% - 20px);	margin: 0 20px 0 0;}
.portsHomeBottomContainer.lastContents .portHomeOverwiev { width: 65%; }
.portsHomeBottomContainer.lastContents .portHomeOverwiev p {padding: 7px 0;font-size: 16px;line-height: 22px;}
.portsHomeBottomContainer.lastContents .portHomeOverwiev ul{ padding: 0 0 0 30px; }
.portsHomeBottomContainer.lastContents .portHomeOverwiev ul li{ padding: 5px 0; font-size: 16px; }

.portsHomeBottomContainer.lastContents .leftContainer .title {background: #009dda;color: #fff;letter-spacing: -2px;	padding: 20px;display: inline-block;margin: 0 0 10px 0;}
.portsHomeBottomContainer.lastContents .leftContainer table{ width: 100% !important; }
.portsHomeBottomContainer.lastContents .leftContainer table tr td {font-size: 12px; padding: 10px 5px !important;}

.ui-slider-tabs-list { width:100% !important;}

.cookieContainer { background:#d2d2d2; padding:5px 0; display:none; position:fixed; bottom:0; width:100%; z-index:999;}
.cokieContentContainer {}
.cokieWarning { float:left; margin:5px 10px 0 0;}
.cokieContent { float:left; width:calc(100% - 65px); font-size:12px; color:#000; font-weight:600; padding:8px 0 0 0; }
.cokieContent a { color:#b32a31;}
.cookieClose { float:right; margin:5px 0 0 5px; cursor:pointer;}

/*popup*/
/**
#abshiddenarea {
    position: fixed;
    z-index: 9999999;
    width: 100%;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 1px;
    min-height: 100%;
    background: rgba(0,0,0,0.8);
    opacity: 0.6;
    filter: alpha(opacity='80');
    display: block;
}

#absinsertpanelcontanier {
    position: absolute;
    width: 100%;
    z-index: 99999999;
    top: 100px;
    left: 0px;
    right: 0px;
}
#absinsertpanel {
    margin: 0 auto;
    width: 100%;
    height: auto;
    text-align: center;
}
.imagePopup {
    width: 510px;
    display: table;
    margin: auto;
}
.closeBox {
    display: block;
    float: right;
    position: relative;
	    top: 25px;
    right: 5px;
}**/

/*POPUP*/