@charset "UTF-8";
/* Web Solutions 4.0 Compatible */


/* HEADINGS ------------------------------ */
h1 {font-size:2.875rem}
h2 {font-size:2.25rem}
        h2.heading-2 {font-size: 1.875rem; font-size: 700; color: rgb(5, 5, 5); margin-top:1.5em}
h3 {font-size:1.5rem}
h4 {font-size:1.25rem}
th {font-size:0.875rem}

.mobile-only {display: none}


/* HEADER ------------------------------*/
body>header{position: sticky; position:-webkit-sticky; top:0; left:0; width: 100%; z-index:10; padding: 0 1em; background:#0a5287; box-shadow:0 2px 0 0 #3378aa;}
        .management>header{top:35px}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
        body:not(#tinymce) {padding-top:5rem}
        body>header{position: fixed;}
}
body>header .cookie-alert {width:calc(100% + 2rem); margin-left: -1rem}
body>header .wrap {max-width:100%; 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: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
#brand{display:block; padding: 0.625rem 0;}
#brand img{display: block; max-width: 26.125rem; width:100%; height: auto;width: auto;}
/* nav */
nav ul{margin: 0}
#mainnav{overflow:visible}
#mainnav ul{text-align:center;overflow:visible;margin: 0;padding: 0;}
#mainnav li{display:inline-block;position:relative}
#mainnav a{line-height:2em; font-size: 1.0625rem; padding:0 0.75rem;display:inline-block;color:#fff;text-decoration:none;}
#mainnav>ul>li {margin-left: 1px}
#mainnav>ul>li>a {font-weight: 400; text-transform: uppercase;}
#mainnav>ul>li:hover>a, #mainnav>ul>li:active>a,
#mainnav>ul>li.on>a{background:#3378aa;color:#fff}
/* drop-down menu */
#mainnav li ul{z-index:1;width:200px;padding:1em 0;background:#3378aa;position:absolute;overflow:auto;height:auto; top: -200vh;opacity: 0;z-index: -1; visibility: hidden; transition: ease 200ms opacity 0.35s;}
#mainnav li:hover ul, #mainnav>ul>li>a.tapped + ul {opacity: 1; top:auto; visibility: visible; z-index: 1;}
#mainnav>ul>li:last-child ul{right:0}
#mainnav li ul li{width:100%;display:block;float:left}
#mainnav ul li ul li a{background:none;color:#fff}
#mainnav li ul li a{font-size:.9em;line-height:1.1em;padding:.3em .75rem; display:block;width:100%;text-align:left;float:left}
#mainnav li ul li a:hover, .t1 li ul li a:active{color:#013255;background:#ecf1f5}
/* ancillary */
#ancillary {position:absolute;right:0;top:0;padding: 1rem; color:#ccc;font-size:.7em;}
#ancillary ul{display: inline}
#ancillary li{display: inline;}
#ancillary a {display: inline-block;padding: .5em .8em; text-decoration:none;color:#999;}
#ancillary a:hover, #ancillary a:active,#ancillary li.on a{color:#666}
#ancillary li.on a {text-decoration:none;color:#666}
#ancillary .search{display: inline;}
#ancillary .search input{display: inline-block}
/* mobile */
#mobilenav,.menu{display: none}


/* MAIN ------------------------------ */
.interior main {overflow:hidden; padding: 0 1em}
.interior main > .wrap {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;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;}
.interior main > .wrap > aside {order:1; padding-top:1.5625rem; width:13.625rem; position:relative; z-index:1;}
.interior main > .wrap > #content {order:2; width:calc(100% - 13.625rem);padding:0 0 3.125rem 2.6875rem;min-height:600px;position:relative}
        .fullWidth.interior main > .wrap >#content {width: 100%;margin: 0 auto; padding:0 1rem 2.6875rem; float: none}

#content > h1 {padding: 2.125rem 0; margin-bottom:1.875rem; background:#ecf1f5; position:relative}
#content > h1:before {content:""; display: block; position:absolute; top:0; right:100%; width: 50vw; height: 100%; background:#ecf1f5;}
#content > h1:after {content:""; display: block; position:absolute; top:0; left:100%; width: 50vw; height: 100%; background:#ecf1f5;}

.twoCol, .threeCol, .resCol{
-webkit-column-rule:0;
   -moz-column-rule:0;
        column-rule:0;
}

.twoCol {-webkit-columns:2;-moz-columns:2;columns:2;}
.threeCol {-webkit-columns:3;-moz-columns:3;columns:3;}
.resCol { -webkit-columns: auto;-moz-columns: auto;columns: auto; -webkit-column-width: 13em;-moz-column-width: 13em;column-width: 13em;}
.content section.threeCol{margin-bottom: 2rem;}

.formTable td{width:50%}
.formTable td{padding:0 0 .5em .5em}
.formTable td:first-child{padding:0 .5em .5em 0}
.formTable td[colspan="2"]{padding-right:0}
.formTable.formLoose,.formTable.formLoose td{width:auto}

.photoright{margin:0 0 1em 2em;}
.photoright figcaption {text-align: right;}
.photoleft{margin:0 2em 1em 0;}

.pageHeader {height:10.9375rem;}

.wsManagementLogin td:first-child {width:40%; text-align: right}

.home main > .ribbon .title {font-size: 1.875rem}
.home main > .quarterly-earnings .wrap {padding: 3rem 1rem}
.home main > .quarterly-earnings .wrap p {
        display: flex;
        justify-content: center;
        align-items: center;
}
.home main > .quarterly-earnings .wrap a {width: 50%;}
.home main > .welcome .wrap {padding: 3.3125rem 1rem 5.1875rem;}
.home main > .corporate-events .wrap {padding: 3rem 1rem}

.anchor-links a {margin: 0 0.3125rem 0.3125rem 0}

.mobile-table tbody.spacer td { padding: .625em .75em; background: none; }
.mobile-table tbody.spacer tr:first-of-type td { padding: .125em .75em; }
.mobile-table tbody:not(.spacer) {border: 1px solid #d7dee4;}
.mobile-table th {padding: 0.75rem 1rem; vertical-align: middle; background:#0a5287; color:#fff; font-weight: 900;font-size:0.875rem}
.mobile-table th span {font-weight:400}
.mobile-table td { padding: 0.5rem 1rem; line-height:1.25em; width:1%; color:#666666; font-size: 0.875rem; white-space: normal;}
.mobile-table td .cell-content div + div {margin-top: 0.5em; padding-top:0.5em; border-top: 1px dashed #ccc}

#popover .container {width:46rem;}

.fadeInUp {-webkit-transition:ease all 1s;transition:ease all 1s;opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}
.fadeInUp.play {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.delay-1{-webkit-transition-delay:.15s;transition-delay:.15s}
.delay-2{-webkit-transition-delay:.3s;transition-delay:.3s}
.delay-3{-webkit-transition-delay:.45s;transition-delay:.45s}
.delay-4{-webkit-transition-delay:.6s;transition-delay:.6s}
.delay-5{-webkit-transition-delay:.75s;transition-delay:.75s}
.delay-6{-webkit-transition-delay:.9s;transition-delay:.9s}
.delay-7{-webkit-transition-delay:1.05s;transition-delay:1.05s}
.delay-8{-webkit-transition-delay:1.2s;transition-delay:1.2s}
.delay-9{-webkit-transition-delay:1.35s;transition-delay:1.35s}
.delay-10{-webkit-transition-delay:1.5s;transition-delay:1.5s}
.delay-11{-webkit-transition-delay:1.65s;transition-delay:1.65s}
.delay-12{-webkit-transition-delay:1.8s;transition-delay:1.8s}
.delay-13{-webkit-transition-delay:1.95s;transition-delay:1.95s}
.delay-14{-webkit-transition-delay:2.1s;transition-delay:2.1s}
.delay-15{-webkit-transition-delay:2.25s;transition-delay:2.25s}
.delay-16{-webkit-transition-delay:2.4s;transition-delay:2.4s}
.delay-17{-webkit-transition-delay:2.55s;transition-delay:2.55s}
.delay-18{-webkit-transition-delay:2.7s;transition-delay:2.7s}
.delay-19{-webkit-transition-delay:2.85s;transition-delay:2.85s}
.delay-20{-webkit-transition-delay:3s;transition-delay:3s}
#tinymce .fadeInUp{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}

/* FOOTER ------------------------------ */
.fatFooter {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: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;}
.fatFooter .navios-links {padding-left: 8.125rem;min-height: 5.125rem; background: url(/images/shield.svg) no-repeat top left}
#trexot-digital {float:right;margin-left:11px}
body>footer .wrap nav span:before {content: "|"; margin: 0 0.4em}

@media screen and (max-width: 1120px) {
        #brand img {max-width:21.125rem}
        #mainnav a {font-size: 0.875rem}
}
@media screen and (max-width: 1023px) {
        .mobile-table td {white-space: normal;}
        #popover .container {width:100%;}
        #popover .container .popover-wrap {width:100%}
        #popover .container .popover-wrap h2 {font-size: 1.5rem;}
        #popover .container .popover-wrap .content table {font-size: 1rem}

}
@media screen and (max-width: 960px) {
        body > header .wrap {display:  block;}
        #mainnav > ul {padding: 0 5% 1em;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: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
        #mainnav > ul > li > a {width:100%}
}