header {
   height: 80px;

   padding: 0 30px;
   background: #020d37;

   position: fixed;
   z-index: 1000;
   top: 0;
   left: 0;
   width: 100%;
}
#banner {
   text-align: unset;
   float: left;
   margin-bottom: -20px;
   position: relative;
   z-index: 1000;
}
#logo img {
   width: 300px;
   margin-top: 10px;
   height: auto;
   max-height: 80px;
   max-width: calc( 100vw - 100px );
}
.menu-toggle {
   float: right;
   padding: 0;
   background: none;
   margin: 5px 20px 0 0;
}
.menu-toggle.toggled-on {
   background: none;
}

#topnav {
   margin: 0 -30px;
   max-height: calc( 100vh - 14px );
   overflow-y: auto;
   position: absolute;
   top: 24px;
   right: 30px;
}
.menu-1-wrap {
   clear: both;
   position: relative;
   z-index: 1000;
}
.menu-toggle.toggled-on + .menu-1-wrap {
   margin-top: 56px;
}
.menu-right {
   display: none;
   text-align: center;
   width: 100%;
   background: #ee2d24;
   padding: 1em 0;
   padding: 2em 0 1em;
}
.menu-right.toggled-on {
   display: inline-block;
}
.menu-right a,.menu-right a:hover {
   color: white;
   margin: 0 .5em;
}
.srt-menu li a {
   background: none;
   margin: 0;
   color: white;
   text-align: center;

}
#menu-main-navigation.srt-menu li a.active {
   color: yellow;
   text-decoration: underline;
}
.srt-menu li a:hover {
   background: none;
   text-decoration: underline;
}
.srt-menu {
   margin-bottom: 0;
   background: #ee2d24;

   padding-bottom: 1em;
}
#menu-main-2.srt-menu {
   background: #005ca7;
   padding: 1em 0;
   height: auto;
   min-height: calc(100vh - 80px - 562px);
}
.srt-menu.toggled-on {
   /* min-width: min( 480px, 100vw ); */
   min-width: 240px;
   padding: 0 1em;
}
   #topnav > .toggled-on  + div li.closed > ul {
      display: none;
   }
   .toggled-on + #menu-main-navigation > li { position: relative; }
   .toggled-on + #menu-main-navigation > li.group::before {
      position: absolute;
      color: white;
      content: '-';
      /*left: 1ex;*/
      left: 1em;
      top: 10px;
   }
   .toggled-on + #menu-main-navigation > li.closed::before {
      content: '+';
      cursor: pointer;
   }
#menu-main-2.breadcrumb li a i {
   display: none;
}
.srt-menu li li a {
   background: none;
   padding-left: 20px;
}
.srt-menu li li a span {
   position: relative;
}
.srt-menu li li a span:before {
   position: absolute;
   content: "-";
   top: -2.5px;
   left: -20px;
   height: 100%;
   width: 10px;
   text-align: right;
}
.srt-menu.breadcrumb a:hover {
   text-decoration: none;
}
#menu-main-navigation.srt-menu li a.active li li {
   text-decoration: none;
}

section.pagebanner {
   margin-top: 80px;
}

.flex-direction-nav a {
   background-image: url(../images/bg_direction_nav.svg);
}
.flexslider {
   background: none;
}
.flexsliderwrap.grid_12 {
   margin-bottom: 0;
}
.flexslider.banner .slides > li {
   display: block;
   position: relative;
}
.flexslider.banner .bannertext {
   position: absolute;
   top: 50%;
   display: inline-block;
   transform: translateY(-50%);
}
.banner .flex-control-nav {
   bottom: 20px;
}
.banner .flex-control-paging li a {
   background: white;
   box-shadow: none;
}
.banner .flex-control-paging li a.flex-active {
   background: #ee2e24;
}
.banner .flex-control-paging li a:hover {
   background: white;
}
.banner .bannertext {
   color: white;
   width: 100%;
}
.banner .bannertext h1 {
   font-size: 4.5em;
   color: white;
   margin: 0;

   font-size: 2.25em;
   text-align: center;
}
.banner .bannertext p {
   font-size: 1.75em;
   line-height: 1.2;
   margin: 0 0 .5em 0;

   font-size: 1em;
   text-align: center;
}
.banner .bannertext .grid_6 {
   margin: 0;
   text-shadow: 0 0 5px black;

   padding: 0 30px;
}
.banner .bannertext .wrapper {

}
.content-wide {
   display: none !important;
}
.content-mobile {
   display: block !important;
}
.content-mobile > div {
   position: relative;
}
.content-mobile .itemhead {
   padding: 1em;
}
.homes2-content-tablet {
   display: none !important;
}

.section-5 .flexsliderwrap.grid_12 {

}
.flexslider.news .slides > li a {
   display: block;
   padding: 12px;
   position: relative;
}
.flexslider.news .flex-direction-nav .flex-prev {
   left: -40px;

   left: 20px;
   left: -15px;
}
.flexslider.news .flex-direction-nav .flex-next {
   right: -40px;

   right: 20px;
   right: -15px;
}
.flexslider.news .itemhead {
   padding: 1em;
}

.newstext {
   padding: 1.875em .5em 1.875em 2em;
}
.newshead {
   font-size: 1.375em;
   font-weight: bold;
   line-height: 1.2;
}

#menu-main-second {
   display:block;
}

.section-1 .commontext {
   text-align: center;
   margin-bottom: 0;
}
.section-1 .grid_12,
.commonhead {
   margin: 4em 0 3em;
}
.section-1 .grid_9 {
   margin: 0 auto;
   float: none;
   text-align: center;
}
.section-1 p {
   font-size: 1.125em;
   font-weight: bold;
   line-height: 1.75;

   padding: 0 30px;
   font-size: 1em;
}
.section-1 span {
   font-size: 1.55em;
   color: #3a3a3a;
}

.section-2 {
   position: relative;
}
.section-2 .row {
   /*
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   */
}
.section-2 img.bg-section {
   width: 100%;
   height: auto;
   display: none;
}
.section2text {
   /*
   position: absolute;
   top: 50%;
   display: inline-block;
   transform: translateY(-50%);
   width: 100%;
   color: white;
   */
   background: #020e38;
   padding: 5em 30px;
   text-align: center;
}
.section2text .grid_7 {
   margin-bottom: 0;
}
.section2text h2 {
   color: white;
   font-size: 3.125em;
   line-height: 1.2;

   font-size: 2.8em;
}
.section2text img {
   float: left;
   margin: 0 1em 1em 0;

   float: none;
   margin: 0;
}
.section2text h3 {
   color: white;
   font-size: 2.25em;
   line-height: 1.2;

   font-size: 2em;
}
.section2text h3 span {
   color: #ee2e24;
}
.section2text p {
   font-size: 1.5em;
   width: 100%;
   max-width: 700px;
   margin: 0 0 .5em 0;
   clear: both;

   font-size: 1.125em;
   color: white;
   max-width: none;
}

.section-3 .grid_12 {
   margin: 4em 0 3em;
}
.section-3 .grid_9 {
   padding-left: 6.25em;

   padding: 0 30px;
   text-align: center;
}
.section-3 p {
   font-size: 3.25em;
   line-height: 1.2;
   font-weight: bold;
   margin: 0;

   font-size: 2.4em;
}

.section-4 {
   padding: 0 30px;
}

.assethover, .shipowninghover {
   position: relative;
}
.assethover img, .shipowninghover img {
   width: 100%;
}
.assethoverhead, .shipowninghoverhead {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0,92,167,0.8);
   opacity: 0;
   transition: opacity .5s;
}
.asset:hover .assethoverhead, .shipowning:hover .shipowninghoverhead   {
   opacity: 1;
}
.assethoverhead h2, .shipowninghoverhead h2 {
   text-align: center;
   margin: 0;
   position: relative;
   top: calc(50% - 0.875em);
   color: white;
}
.assetsubwrap {
   height: 0;
   overflow: hidden;
   opacity: 0;
}
.asset:hover .assetsubwrap {
   height: auto;
   transition: opacity .5s;
   opacity: 1;
}
.assetsubbox {
   margin: 15px 0;
}
.assetsubbox img {
   width: 100%;
}
.assetsubbox {
   position: relative;
}
.assetsubbox span {
   position: absolute;
   bottom: 0;
   left: 0;
   color: white;
}

.assetsubbox span {
   display: inline-block;
   width: 100%;
   text-align: center;
   position: absolute;
   top: calc(50% - .625em);
   font-size: 1.25em;
   font-weight: bold;
   line-height: 1;
}
.assetsubhover {
   position: absolute;
   top: 6px;
   left: 6px;
   width: calc(100% - 12px);
   height: calc(100% - 12px);
   background: rgba(0,92,167,0.8);
   opacity: 0;
   transition: opacity .5s;

   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.assetsubhover:hover {
   opacity: 1;
}

.newslinkwrap {
   text-align: center;
}
a.newslink {
   color: white;
   font-weight: bold;
   background: #005ca7;
   padding: .375em .75em;
   border-radius: .25em;
}

.section-5 .news-mb {
   padding: 0 30px;
}
.section-5 .news-mb img {
   width: 100%;
   height: auto;
}
.section-5 .news-mb .newstext {
   padding: 1.875em 1.875em 3em 0;
}
.section-5 .commontext {
   margin: 0 auto;
   float: none;
   text-align: center;
   padding: 0 30px;
}
#more_news {
   border: 1px solid black;
   cursor: pointer;
   font-size: 1.3rem;
   margin-bottom: 1em;
   /*padding: 1ex;*/
   padding: 1em;
   text-align: center;
}
#more_news:hover {
   text-decoration: underline;
}
#more_news ~ div {
   display: none;
}

footer {
   font-size: .95em;
   padding: 3.5em 0;

   font-size: .8em;
}
.footerwrap {
   display: flex;
   padding: 0 6.25em;

   flex-wrap: wrap;
   padding: 0 30px;
}
footer a, footer a:visited, footer a:active, footer a:hover {
   font-weight: bold;
   color: #959595;
   line-height: 2.25;
}
footer .head a, footer .head a:visited, footer .head a:active, footer .head a:hover {
   color: white;
}
footer {
   color: #959595;
}
.footerbox {
   float: left;
   padding: 0 2em;
   border-left: 1px dashed rgba(255, 255, 255,.5);

   width: 50%;
   margin-bottom: 2em;
}
.footerbox:first-of-type {
   border-left: none;
   padding-left: 0;
}
.footerbox:nth-of-type(3) {
   padding: 0 2em 0 0;
   border-left: none;
}
.footerboxbox {
   padding-left: 1.5em;
   color: #959595;
}
.footerbox p a.mailto, .footerbox p a.mailto:visited, .footerbox p a.mailto:active, .footerbox p a.mailto:hover {
   font-weight: normal;
   color: #ee2e24;
}
.footerbox .head {
   font-weight: bold;
   line-height: 2.25;
}
.footerbox .head.white {
   color: white;
}
.footerbox div span {
   display: block;
   line-height: 2.25;
   color: white;
}
.footerbox div span a {
   color: white;
   font-weight: normal;
}
.footerbox .head.grey {
   color: #959595;
}
.footerbox i.fa {
   font-size: 1.25em;
}
.footerbox a {
   white-space: nowrap;
}

.footerinfo {
   margin-top: 2em;
   padding: 0 6.25em;
   color: white;

   padding: 0 30px;
}
.footerinfo span {
   display: block;
}
.footerinfo p {
   margin: 0;
   line-height: 2;
}

.footerbox:nth-of-type(1),
.footerbox:nth-of-type(3) {
   width: 40%;
}
.footerbox:nth-of-type(2),
.footerbox:nth-of-type(4) {
   width: 60%;
}

.gototop {
   display: block;
   position: fixed;
   width: 60px;
   height: 60px;
   right: 2em;
   bottom: 2em;
   background-image: url(../images/gototop.png);
   background-size: cover;
   cursor: pointer;
}

.anchor {
   height: 0;
   margin-top: -1em;
   position: absolute;
}

.addresshead {
   cursor: pointer;
}
.addresswrap {
   height: 0;
   overflow: hidden;
   transition: height .25s;
}
.addresswrap.active {
   height: auto;
}
.addressbox {
   height: auto;
   overflow: hidden;
}

@media only screen and (min-width: 768px) {

   #logo img {
      width: auto;
      margin-top: 0;
   }
   #topnav {
      top: 20px;
   }
   .menu-toggle {
      margin: 10px 30px 0 0;
   }

   #menu-main-2.srt-menu {
      height: auto;
      min-height: calc(100vh - 80px - 599px);
   }

   footer {
      font-size: .95em;
   }
   .footerwrap {
      padding: 0 30px;
   }
   .footerbox {

   }

   .banner .bannertext h1 {
      font-size: 3.5em;
   }
   .banner .bannertext p {
      font-size: 1.5em;
   }

}

@media only screen and (min-width: 1024px) {

/*
   header {
   width: 100%;
   height: 80px;
   overflow: hidden;
   position: relative;
   }
   header:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 50%;
   background-color: #ee2e25;
   z-index: -1;
   }
   header:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 50%;
   background-color: #005ca7;
   z-index: -1;
   }

   #logo {
   position: relative;
   }
   #logo:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 1000px;
   height: 100%;
   background-color: #020d37;
   margin-left: -1000px;

   }

   header {
      background: none;
   }
   #topnav {
   top: unset;
   }
   .menu-right {
   display: block;
   text-align: right;
   background: none;
   padding: 0;
   width: auto;
   }
   .srt-menu {
      padding-bottom: 0;
   }
   #menu-main-2.srt-menu {
      padding: 0;
   }

   #topnav, .srt-menu {
      margin: 0;
   }
   .menu-right {
      float: right;
      margin-left: 3em;
   }
   #menu-main-navigation {
   float: none;
   display: inline-block;
   margin: 0;
   }
   .menu-1-wrap {
   text-align: right;
   }

   #menu-main-2 {
   float: none;
   display: block;
   margin-top: -6px;
   text-align: right;
   }
   #menu-main-2 li {
      display: inline-block;
      float: none;
   }
   #menu-main-2 li a {
      padding: 9px 26px;
   }
   #menu-main-2 li:first-of-type a:after {
   content: '';
   position: absolute;
   top: 12px;
   right: 0;
   width: 1px;
   height: 1em;
   background: white;
   }

   .srt-menu li {
      margin-left: 0;
   }
   .srt-menu li a {
   display: block;
   padding: 9px 20px;
   height: 40px;
   background: none;
   }
   .srt-menu a, .srt-menu a:visited {
   color: white;
   }
   .srt-menu li:hover > a, .srt-menu li.current a {
   color: white;
   background: none;
   }
   .srt-menu li span {
   display: block;
   padding: 9px 20px;
   height: 40px;
   background: none;
   color: white;
   font-weight: bold;
   border-right: 1px solid white;
   }

   .menu-right a {
   display: inline-block;
   padding: 9px 6px;
   height: 40px;
   color: white;
   margin: 0;
   }
   .menu-ssicon {
   margin-left: 1em;
   margin-right: 14px;
   }
   */

   #menu-main-2.srt-menu {
      height: auto;
      min-height: calc(100vh - 80px - 637px);
   }

   .wrapper.headerbox {
      padding: 0;
   }

   .banner .bannertext h1 {
      font-size: 4.5em;
      text-align: left;
   }
   .banner .bannertext p {
      font-size: 1.75em;
      text-align: left;
   }
   .banner .bannertext .grid_6 {
      margin: 0;

      padding: 0 30px;
      margin: 0 -30px;
   }

   .content-wide {
      display: block !important;
   }
   .content-mobile {
      display: none !important;
   }

   .homes2-content-wide {
      display: none !important;
   }
   .homes2-content-tablet {
      display: block !important
   }

   footer {
      font-size: .95em;
   }
   .footerwrap {
      display: flex;
      padding: 0 6.25em;

      padding: 0 30px;
      flex-wrap: unset;
   }
   .footerbox {
      width: auto;
      margin-bottom: 0;
   }
   .footerbox:nth-of-type(3) {
      padding: 0 2em;
      border-left: 1px dashed rgba(255, 255, 255,.5);
   }
   .footerinfo span {
      display: inline;
   }

   .gototop {
      width: 80px;
      height: 80px;
   }

   .section-1 p {
      padding: 0;
      font-size: 1.125em;
   }

   .section-2 .row {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
   }
   .section-2 img.bg-section {
      width: 100%;
      height: auto;
      display: block;
   }
   .section2text {
      position: absolute;
      top: 50%;
      display: inline-block;
      transform: translateY(-50%);
      width: 100%;
      color: white;
      background: none;
      padding: 0;
      text-align: left;
   }

   .section2text h2 {
      color: white;
      font-size: 3.125em;
      line-height: 1.2;

      font-size: 2.8em;
   }
   .section2text img {
      float: left;
      margin: 0 1em 1em 0;
   }
   .section2text h3 {
      font-size: 2.25em;
   }
   .section2text p {
      max-width: 700px;
      font-size: 1.5em;
      color: white;
   }

   .section-3 .grid_9 {
      padding: 0 0 0 6.25em;
      text-align: left;
   }
   .section-3 p {
      font-size: 3.25em;
   }

   .section-4 .grid_6 {
      padding: 12px;
   }

   .s4wrap {
      margin-left: -12px;
      margin-right: -12px;
      width: calc(100% + 24px);
   }

   .section-4 .grid_12,
   .section-4 .grid_6 {
      margin-bottom: 0;
   }

   .assetsubwrap {
      width: calc(200% + 36px);
      margin-left: calc(-100% - 30px);
   }
   .assetsubbox {
      width: 33.3333%;
      float: left;
      padding: 6px;
   }
   .assetsubhover {
      top: 6px;
      left: 6px;
      width: calc(100% - 12px);
      height: calc(100% - 12px);
   }

   .section-5 .flexsliderwrap.grid_12 {
      margin: 0 -12px 4em;
      width: calc(100% + 25px);
   }

   .footerbox:nth-of-type(1),
   .footerbox:nth-of-type(3) {
      width: unset;
   }
   .footerbox:nth-of-type(2),
   .footerbox:nth-of-type(4) {
      width: unset;
   }
   #omt .teamwrap a, #og .teamwrap a {
      width:25% !important;
   }
}

@media only screen and (min-width: 1000px) {

   header {
      width: 100%;
      height: 80px;
      /*overflow: hidden;*/
      position: relative;
   }
   header:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 50%;
      background-color: #ee2e25;
      z-index: -1;
      display: initial !important;
   }
   header:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 50%;
      background-color: #005ca7;
      z-index: -1;
      display: initial !important;
   }

   #logo {
      position: relative;
   }
   #logo:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 1000px;
      height: 100%;
      background-color: #020d37;
      margin-left: -1000px;

   }

   header {
      background: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 100;
   }
   #topnav {
      top: unset;
      overflow-y: inherit;
   }
   .menu-right {
      display: block;
      text-align: right;
      background: none;
      padding: 0;
      width: auto;
   }
   .srt-menu {
      padding-bottom: 0;
   }
   #menu-main-2.srt-menu {
      padding: 0;
   }

   #topnav, .srt-menu {
      margin: 0;
   }
   .menu-right {
      float: right;
      margin-left: 3em;
   }
   #menu-main-navigation {
      float: none;
      display: inline-block;
      margin: 0;
   }
   .menu-1-wrap {
      text-align: right;
   }

   #menu-main-2 {
      float: none;
      display: block;
      margin-top: -6px;
      text-align: right;
   }
   #menu-main-2 li {
      display: inline-block;
      float: none;
   }
   #menu-main-2 li a {
      padding: 9px 26px;
   }
   #menu-main-2 li:first-of-type a:after {
      content: '';
      position: absolute;
      top: 12px;
      right: 0;
      width: 1px;
      height: 1em;
      background: white;
   }
   #menu-main-2.srt-menu {
      background: none;
      min-height: auto;
   }

   .srt-menu li {
      margin-left: 0;
   }
   .srt-menu li a {
      display: block;
      padding: 9px 20px;
      height: 40px;
      background: none;
   }
   .srt-menu a, .srt-menu a:visited {
      color: white;
   }
   .srt-menu li:hover > a, .srt-menu li.current a {
      color: white;
      background: none;
   }
   .srt-menu li span {
      color: white;
   }

   .menu-right a {
      display: inline-block;
      padding: 9px 6px;
      height: 40px;
      color: white;
      margin: 0;
   }
   .menu-right a:hover {
      margin: 0;
   }
   .menu-ssicon {
      margin-left: 1em;
      margin-right: 14px;
   }

   #menu-main-2.breadcrumb li:first-of-type a:after {
      width: 0;
   }
   #menu-main-2.breadcrumb li a i {
      display: inline;
      font-style: normal;
      display: inline-block;
      padding: 0 .25em;
   }
   #menu-main-2.breadcrumb li a {
      padding: 9px 0;
   }
   #menu-main-2.breadcrumb li:last-of-type a {
      padding-right: 26px;
   }

   .srt-menu li:hover ul, .srt-menu li.sfHover ul {
      top: 40px;
   }
   .srt-menu li li a {
      text-align: left;

   }
   .srt-menu li li a, .srt-menu li li:hover > a {
      background: #ee2e25;
      border-top: none;
   }
   .srt-menu li li a span:before {
      content: "";
   }
   #menu-main-2.srt-menu {
      height: auto;
   }
   .srt-menu li li li a, .srt-menu li li li:hover > a {
      background: #ee2e25;
      border-top: none;
   }

   section.pagebanner {
      margin-top: 80px;
   }

   .anchor {
      margin-top: -100px;
   }

}

@media only screen and (min-width: 1000px) and (max-width: 1260px) {
   .srt-menu li a {
      font-size: 96%;
      padding: 9px 6px;
   }
   .menu-right {
      margin-left: 1em;
   }
   .menu-ssicon {
      margin: 0;
   }
}


@media only screen and (min-width: 1500px) {

   .homes2-content-wide {
      display: block !important;
   }
   .homes2-content-tablet {
      display: none !important;
   }

   .newslinkwrap {
   /*
      float: right;
      margin-top: -3em;
      z-index: 1000;
      position: relative;
      */
   }

}

@media only screen and (min-width: 1600px) {

   .footerwrap {
      padding: 0 6.25em;
   }
   .footerinfo {
      padding: 0 6.25em;
   }

}

@media only screen and (min-width: 1800px) {

   .flexslider.news .flex-direction-nav .flex-prev {
      left: -40px;
   }
   .flexslider.news .flex-direction-nav .flex-next {
      right: -40px;
   }

}

#omt .teamwrap {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}

#omt .teamwrap a {
   width:50%;
   padding: 15px 30px;
}
@media only screen and (max-width: 480px) {
   #omt .teamwrap a { padding: 10px; }
   #omt .teamtitle { font-size: 90%; line-height: 110%; }
}

#omt .teamwrap a .teambox {
  width: 100% !important;
  padding: 0;
}

#omt .teamdesc {
  left: 0;
  width: 100%;
}

.business-s3-subhead-2, .osftable {
 margin-bottom: 0 !important;
}

@media only screen and (max-width: 768px) {
   #logo img {
      width: auto;
   }
}