/* @import url(/includes/css/grid-flex.css); */
@charset "UTF-8";
/* Web Solutions 4.0 Compatible */
html {-webkit-box-sizing:border-box;box-sizing:border-box;}
*, *:before, *:after {-webkit-box-sizing:inherit;box-sizing:inherit;}
body {margin:0;padding:0;-webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

img{border: 0}
ul{padding-left: 0}
ul li{list-style:none}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit;font-weight:inherit}
table {border-collapse:collapse}
td, th {empty-cells:show;vertical-align:top;text-align:left}
body {background:#094470}
#skipNavigation{background:#fff;color:#000;padding:.5em;position:absolute;left:0;top:-1000px;z-index:10}
#skipNavigation:focus,#skipNavigation:active{top:0;}
iframe[src="/management/login/persistSession.aspx"] {display: none}
/*page widths*/
body>header, #mainnav, main, body>footer, #alertApp{width:100%;clear:left;display:block;}
.wrap, body>footer>.fatFooter,#alertApp>*{width:100%;max-width:61.1875rem;margin-left:auto;margin-right:auto;position:relative;}

/* text */
body, .text, input, button, select, textarea {font-family:'Balthazar', serif;line-height:1.875;color:#666;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
p, li {font-family: 'arial', sans-serif;}
.text{font-size: 1.2rem}
a, a *{color:#2c7fbc;text-decoration:none}
a:hover, a:active, a:hover *, a:active *{color:#013255}
p,h1,h2,h3,h4,hr,.content ul,.contentEditor ul,blockquote,dd,ol{margin-top:0;margin-bottom:1rem}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:400; line-height: 120%;}
p + h2, p + h3, p + h4, p + h5, p + h6,
ul + h2, ul + h3, ul + h4, ul + h5, ul + h6,
ol + h2, ol + h3, ol + h4, ol + h5, ol + h6 {margin-top:2rem;}
.highlight + h2, .highlight + h3, .highlight + h4, .highlight + h5, .highlight + h6 {margin-top:2rem;}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#31659b}
em, i, q, cite, .italic{font-style:italic}
b, strong{font-weight:700}
u{text-decoration:none}
hr{border:0;border-top:1px solid rgba(2,62,106,0.25); border-bottom:1px solid rgba(2,62,106,0.25); margin:3em 0;padding-top:2px}
p {font-size:1.2em}
h1 {color:#013255; font-weight:400}
h2 {color:#537c9b; font-weight:400}
h3 {color:#013962; font-style:italic; font-weight:400}
h4 {color:#000000; font-weight:400; font-style: italic}
th {color:#013255; font-weight:400; background: #ebeef1;}
.intro {font-size: 1.125rem; line-height: 1.875rem}
sup, sub {font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}
#mainnav li {font-family: 'Balthazar', serif;}
/* MAIN ------------------------------ */
.menu{cursor: pointer}
main, .mceContentBody{background:#fff}
.contentEditor{background:#fff;min-width:100%;}

/* sidenav */
#sidenav{width:100%;overflow:hidden; background:#fff; margin:0 0 3rem; padding: 0 0.625rem 0.625rem; border: 1px solid rgba(2,62,106,0.15);}
#sidenav ul{padding: 0}
#sidenav li{height:1%;overflow:hidden}
#sidenav li a {padding:.5em .25rem;line-height:1.1em;display:block; position:relative}
/* t1 */
#sidenav > ul > li.on > a{color:#023e6a; font-weight:700; border-bottom: 1px solid rgba(2,62,106,0.25); padding:2rem 1.125rem 2.3rem; text-transform: uppercase; font-style: italic; font-size:1.5rem; line-height:1.625rem;}
#sidenav > ul > li.on > a:hover{color:#2c7fbc;}
	/* t2 */
	#sidenav > ul > li.on > ul{border-top: 1px solid rgba(2,62,106,0.25); margin-top:3px; padding-top: 8px}
	#sidenav > ul > li.on > ul > li > a{padding:.3em 1.125rem; font-weight: 700; font-size:1.1.25rem;color:#849bab}
	#sidenav > ul > li.on > ul > li > a:hover,
	#sidenav > ul > li.on > ul > li > a:active,
	#sidenav > ul > li.on > ul > li.on > a:hover {color:#2c7fbc;}
	#sidenav > ul > li.on > ul > li.on > a {color:#013255;}
		/* t3 */
		#sidenav > ul > li.on > ul > li > ul {padding-bottom:.5em;border:0}
		#sidenav > ul > li.on > ul > li > ul > li a {padding:.3em .25rem 0.3em 2rem;font-size:.875rem; font-weight:700; font-style: italic; color:#013255}
		#sidenav > ul > li.on > ul > li > ul > li > a:hover,
		#sidenav > ul > li.on > ul > li > ul > li > a:active,
		#sidenav > ul > li.on > ul > li > ul > li.on > a {color:#2c7fbc}
		#sidenav > ul > li.on > ul > li > ul > li.on > a {padding-left:2.75rem;}
		#sidenav > ul > li.on > ul > li > ul > li.on > a:before {content:""; position:absolute; top:0.5rem; left:2.1875rem; display: block; width:0.3125rem; height:0.5rem; background: url(/images/nav-arrow.svg) no-repeat center}

/* header */
body>header {background:#0a5287;}
body>header .cookie-alert {background:#fff; padding:0.625rem; color:#0a5287; text-align:center; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;}
body>header .cookie-alert p {margin:0; line-height: 1.25em; padding-top:4px}
body>header .cookie-alert a {display: inline-block; color:#0a5287; font-weight:700}
body>header .cookie-alert a:hover {color:#2c7fbc}
body>header .cookie-alert button {background:#c2d0db; margin-left: 2em; padding: 0 0.5em; line-height: 1.875rem; color:#0a5287}
body>header .cookie-alert button:hover {color:#fff; background:#0a5287}

/* content */
.content{word-wrap:break-word}
.content figcaption {font-size: 12px; font-style: italic; display: block; line-height: 1em;}
.content .photoright, .content .photoleft{max-width:50%;height:auto}
.content .photoright img, .content .photoleft img {max-width:100%;height:auto;margin: 0;float: none; border:1px solid #c0cfda}
.content img.phototreatment{max-width:50%;height:auto}
.content figure.phototreatment{width: 100%;text-align: center}
.content figure.phototreatment img{max-width: 100%;width: auto;height: auto}
img.phototreatment,img.photoright,img.photoleft,.photoright img,.photoleft img {max-width: 100%;height: auto}
.photoright{float:right;clear:right}
.photoleft{float:left;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.highlight, .content .highlight{background:#ebeef1;padding:2em;margin:2em 0}
small, .textSm{font-size:.8em}
.content table{width:100%}

.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:20px;width:20px;background-position:center center; background-repeat:no-repeat;background-size:contain;border-radius:.2em;-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2);box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2)}
.shareIcons a:hover{background-color:#F03C5E}
	.shareFacebook{background-color:#3b5998; background-image:url(../../images/icons/64x64/facebook.png)}
	.shareTwitter{background-color:#00aced; background-image:url(../../images/icons/64x64/twitter.png)}
	.shareLinkedin{background-color:#007bb6; background-image:url(../../images/icons/64x64/linkedin.png)}
	.shareGoogle{background-color:#dd4b39; background-image:url(../../images/icons/64x64/google-plus.png)}

/* list */
.content ol{margin-left:2em}
.content ol ol li {list-style: lower-alpha}
.content ul li{padding-left:2em;text-indent: -1.5em}
.content ul li:before{content: "\25B8"; color:#2c7fbc; display: inline-block;width: 1.5em;text-align: center;text-indent:0}
.content ul li ul li:before{opacity: .5}

/* addon classes */
.clearFloats{clear:both}
.nobr{white-space: nowrap}
.twoCol, .threeCol, .resCol{
-webkit-column-rule:0;
        column-rule:0;
-webkit-column-gap:2em;
        column-gap:2em;
}

.twoCol *, .threeCol *, .resCol * {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
.threeCol div {margin-bottom: 1rem;}
.threeCol div strong {color:#013255}

.req{color:#c00}
.textIcon{background:#999; background-color:rgba(0,0,0,.2);font-size:.8em;line-height:1em;display:inline-block;padding:.2em .4em;border-radius: .5em;color:#fff}
.textIcon:hover{background:#666; background-color:rgba(0,0,0,.4);color:#fff}
.clearfix:after{content: "";display: table;clear: both;}

.videoContainer {width: 100%;height:0;line-height:0;position: relative;padding-top:56.25%; /* 16:9 */}
.videoContainer.ratio-4-3 {padding-top:75%; /* 4:3 full-frame */}
.videoContainer iframe {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border:0}

/* forms */
input, button, select, textarea {font-size:1rem;line-height: 1.2em}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], input[type="reset"]{border-radius:0; outline: none; -webkit-appearance:none;font-size: 1rem}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select{border: 1px solid rgba(0,0,0,.2);background-color: rgba(0,0,0,.05);padding: 0.5em;-webkit-box-shadow: none;box-shadow: none;}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus, select:focus{border-color:#2c7fbc}
textarea{display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select{background-image:url(/images/icons/16x16/select.png);background-repeat:no-repeat;background-position:right center;padding-right: 18px}
	input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
	input[type="search"]{padding-right:0}
}
select option{padding:0 .2em}
button,.button,input[type="button"], input[type="submit"], input[type="reset"]{display: inline-block; color:#fff;border:0;padding:.75em 1.25em; font-weight:400; line-height:1em;cursor:pointer;border-radius: 4px;background-color: rgb(10, 82, 135);}
input::-moz-focus-inner {border:0;padding:0;}
button:hover,.button.hover,input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,.button:hover,.button:focus,input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus{background-color:#2c7fbc;color:#fff}
.button{display: inline-block}
button img{height:1em;width:auto;vertical-align:top}
input.bulky, .bulky {padding:.4em .6em;font-size:1.2em}
.formTable, .formTable table{width:100%}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable input[type="search"], .formTable textarea{width:100%}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.subjClass{display:none !important;}
#Captcha label{padding-left:0}
td.right, th.right{text-align:right}
.wsNew{display:inline-block;font-size:.7em;line-height:1.5em;height:1.5em;padding:0 .3em;margin:.3em 0;background-color:#FFC700;overflow:visible;vertical-align:top;color:#fff;font-style:italic}
.formEdit select, .formBuilder select { width:40%; }
label.radio { margin: 0 1.25em 0 0; }

/* pagination */
.pagination{font-size:.95em;text-align:right}

/* page header */
.pageHeader {width:100%; clear:both; background-size: cover; background-repeat: no-repeat; background-position: center;}

/* alert */
#alertApp {background: #990000;cursor: pointer;position: relative;width: 100%;padding: .5rem 2.5rem;z-index: 1;}
#alertApp:hover { background:#660000;}
#alertApp.alertStatic { cursor: default;}
#alertApp h1 {color: #FFF;font-size: .9375rem;line-height: 1.25rem;margin: 0 auto;padding: .1875rem .3125rem;text-align: center;}
#alertApp:hover h1,#alertApp.expand h1 {color: #FFF;}
#alertApp #alertDesc {height: 0;overflow: hidden;}
#alertApp p {color: #FFF;font-size: .9375rem;line-height: 1.5;margin: 0;padding: .5rem 0 .75rem;position: relative;text-align: center; z-index: 1;}

/* management overrides */
#wysiwygBody{background:#fff}

/* management table */
hr+.manage{margin-top:-1em}
.manage{border-bottom:1px solid rgba(0,0,0,.2);width:100%;line-height:1.3em}
#content .manage td, #content .manage th {padding:0.5rem 1rem}
.manage th{border-bottom:1px solid rgba(0,0,0,.2);text-align:left}
.manage th.right{text-align:right}
.manage th.sort{cursor:pointer}
.manage th.sort img{margin-left:5px}
.manage th img {position:relative;bottom:-2px}
.manage td,.manage th{padding:5px 5px 5px 0}
.manage td:first-child{padding-left:.8em}
.manage img.preload{display:none;position:absolute;z-index:9900;top:0;border:solid 1px #fff}
.manage td.icons img{margin-left:5px;position:relative;bottom:-2px}
.manage td:first-child.icons img{margin-left:0}
.manage td:first-child.icons{padding-left:3px;padding-right:3px}
.manage td:nth-child(2) {overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
.manage td.icons a:first-child img{margin-left:0}
.manage td.icons input{position:relative;bottom:2px;margin-left:5px}
.manage .hidden{font-style:italic;color:#900}
.manageButton{text-align:right;padding:10px 0}
.alternate tbody tr:nth-child(even), .even{background:#fff}
.alternate tbody tr:nth-child(odd), .odd {background:rgba(236,241,245,.5)}
.manage+hr, .manage+.manageLinks+hr{margin-top:50px}
.manageLinks{margin-top:10px}
.manageLinks select { max-width: 20em; }
.manageLinks a{white-space:nowrap}
.manageLinks a img{position:relative;bottom:-2px}
.manageLinks button{margin-left:5px}
.manageButtons{text-align: right;padding:10px 0}
.wsReturnToButton {float:right;margin-left:1em}
.manage.rightFirstChild td:first-child{text-align:right}
.sortRow th{cursor:pointer}
.manageEllipsis{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}

.home #hero {border-bottom: 2px solid #fff; overflow:hidden}
.home .homepage-alert {padding: 1em; text-align: center; background:#ecf1f5}
.home .homepage-alert p {margin:0; color:#0a5287;}
.home .homepage-alert p a {display: inline-block; font-weight:900; color:#0a5287;}
.home .homepage-alert p a:hover {color:#2c7fbc}

.home main > .ribbon {text-align:center}
.home main > .ribbon .title {color: #000; display: block; font-weight: 700; line-height:1em; margin-bottom: 0.5em}
.home main > .ribbon .title.icon:before {content:""; display: block; width: 3.75rem; height: 3.75rem; border-radius: 50%; margin:0 auto 0.25em;}
	.home main > .quarterly-earnings .title.icon:before {background: #1a79c1 url(/images/home/icon-quarterly-earnings.png) no-repeat center / 30px auto}
	.home main > .corporate-events .title.icon:before {background: #1a79c1 url(/images/home/icon-corporate-events.png) no-repeat center / 23px auto}
.home main > .ribbon span {display: block;}
.home main > .ribbon .small-text {display: block; line-height: 1.25em; font-size: 0.875rem;color: rgb(51, 51, 51);}
.home main > .ribbon .secondary-title {display: block; line-height: 1.25em; font-size: 1.125rem;color: rgb(9, 68, 112);}
.home main > .welcome {margin: 3px 0; overflow:hidden}
.home main > .welcome .wrap {position: relative;}
.home main > .welcome .wrap .welcome-message {z-index:1; max-width: 47.0625rem; margin: 0 auto}
.home main > .welcome .wrap .trieme {position:absolute; top:0; left:0; width: 100%; height: 100%; background: url(/images/home/trieme.svg) no-repeat center / auto 80%; }
.home main > .quarterly-earnings .wrap {border-bottom:1px solid rgba(2,62,106,0.25)}
.home main > .quarterly-earnings .wrap:after {content:""; width:100%; left:0; bottom:3px; position:absolute; border-bottom:1px solid rgba(2,62,106,0.25)}
.home main > .corporate-events .wrap {border-top:1px solid rgba(2,62,106,0.25)}
.home main > .corporate-events .wrap:before {content:""; position:absolute; width: 100%; left:0; top:-5px; border-top:1px solid rgba(2,62,106,0.25)}
.home main > .corporate-events .secondary-title {margin-bottom: 1em;}

#popover {display: none; position: fixed; z-index: 10; top: 0; left:0; width:100%; height: 100%; padding: 1em; background:rgba(5,39,64,0.94); -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
#popover .container {position: relative}
#popover .container .close {position: absolute; cursor: pointer; transition: ease all 200ms; right: 0; top: 0; width: 1.5em; height: 1.5em; font-size: 2.25em; line-height: 1.5em; text-align: center; color: #fff;}
#popover .container .close:hover {opacity: 0.5}
#popover .container .popover-wrap {text-align: left; border:1px solid #fff; background:#fff;}
#popover .container .popover-wrap h2 {color:#fff; font-weight: 900; margin:0; line-height:1em; font-weight: 900; background:#1a79c1; padding: 0.75rem 3.5rem 0.75rem 1.5rem}
#popover .container .popover-wrap .content {padding:1.5rem}
#popover .container .popover-wrap .content table {font-size: 1.25rem}
#popover .container .popover-wrap .content table tr + tr {border-top: 1px solid #c0cfda}
#popover .container .popover-wrap .content table td {width:50%; padding: 0.75rem 0; line-height: 1.875rem}
#popover .container .popover-wrap .content table td strong {display: block; color:#0a5287; font-weight:900}
#popover .container .popover-wrap .content table td br,
#popover .container .popover-wrap .content table td *:empty {display: none;}


.mobile-table .trigger-popover {font-weight: 700; position: relative; cursor:pointer; padding-left:1.35em}
.mobile-table .trigger-popover:before {content:""; height:1em; position: absolute; top:0.0625rem; left:0; width: 1em; background: url(/images/popover-plus.svg) no-repeat center}
.mobile-table + .disclaimer { margin: 1.75em 0 3em; }

.disclaimer p {font-size: 0.875rem; margin-bottom: 0.5em; color: rgb(10, 82, 135);line-height: 1.2;}
.disclaimer ol {list-style: none;counter-reset: superscipt-counter; margin:0; padding:0}
.disclaimer ol li {counter-increment: superscipt-counter;position: relative;padding-left: 1.125rem;font-size: 0.875rem;margin-bottom: 0.5em;color: rgb(10, 82, 135);line-height: 1.2;}
.disclaimer ol li::before {content: counter(superscipt-counter); position: absolute; left: 0; top: -0.125rem; width: 1rem; text-align: right; font-size: 0.75em;}

#content .gallery {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;}
#content .gallery > * {width:25%}
#content .gallery > *+* {margin-left: 0.3125rem}
#content .gallery img {max-width:100%; height:auto}


/* FOOTER ------------------------------ */
body>footer{padding:1.6875rem 1rem; font-size: 1rem; color:#90b7d4;}
body>footer a{color:#90b7d4}
body>footer a:hover, footer a:active{color:#fff}
body>footer a.on, footer .on>a{text-decoration:none;color:#fff}
body>footer .fatFooter{margin-bottom:2em;}
body>footer .fatFooter .navios-links {margin-bottom:2em; line-height:1.25em;}
body>footer .fatFooter .navios-links ul {margin:0}
body>footer .fatFooter .navios-links li+li {margin-top:0.5em}
body>footer .fatFooter .navios-links a {padding-left:0.75em;text-indent: -1em}
body>footer .fatFooter .navios-links a:before{content: "\25B8"; font-size: 1rem; color:#537c9b; display: inline-block;width: 1.25em;text-align: center;text-indent:0}
body>footer .fatFooter .contact-callout .title {display: block; color:#fff; line-height:1em; text-transform: uppercase; font-weight:900; font-size:1.125rem}
body>footer .fatFooter .contact-callout a {display: block; color:#669dc6; font-size: 1.125rem}
body>footer .fatFooter .contact-callout a:hover {color:#fff}

body>footer>.wrap{overflow:visible; clear:both}
body>footer>.wrap nav{display:inline}


/* TRANSITIONS ------------------------------ */
a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc,#navContainer li,.hamburger{-webkit-transition: all 200ms ease;transition: all 200ms ease}
input:focus, select:focus, textarea:focus{-webkit-transition: background-color 150ms ease;transition: background-color 150ms ease}


/* FORM ERROR ------------------------------ */
.formError {background-color:Black; border:0; padding: 5px 10px; color:#fff; display:none; margin:0 0 2px; z-index:9999; border-radius: 10px; -moz-box-shadow:0 2px 2px #333; -webkit-box-shadow:0 2px 2px #333;}
.formError p {margin:0; font-size:.9em; }
.formError em { border:10px solid;  border-color:Black transparent transparent; bottom:-17px; display:block; height:0; left:40px; position:absolute; width:0; }
