@media (max-width: 500px){
     .fleet-list table th {
         word-break: break-word;
    }
}
@media (max-width: 800px){
     body .capecontmap.mapblock {
         height: auto !important;
         margin-top: 0px !important;
    }
}
.capecontmap.mapblock .mbflag.f1 {
     top: 45%;
     left: 23%;
     transform: scale(0.8);
}
.capecontmap.mapblock .mbflag.f3 {
    bottom: 10%;
     left: 16%;
     transform: scale(0.8);
}
.capecontmap.mapblock .mbflag.f9 {
    bottom: 17%;
     left: 0%;
     transform: scale(0.8);
}
.capecontmap.mapblock .mbflag.f8 {
    bottom: 38%;
     right: 28%;
     transform: scale(0.8);
}
.capecontmap.mapblock{
    height: 500px!important;
     overflow: hidden!important;
     margin-top: -49px!important;
     margin-bottom: -30px!important;
    text-align: center;
    max-width: 900px;
     margin: 0 auto;
}
.capecontmap.mapblock .cmap{
    height:500px;
}

@media (max-width: 800px){
     body .ultramap.mapblock {
         height: auto !important;
         margin-top: 0px !important;
    }
}
.ultramap.mapblock .mbflag.f1 {
	top: 44%;
    left: 21%;
	transform: scale(0.8);
}
.ultramap.mapblock .mbflag.f2 {
    bottom: 11%;
    left: 30%;
	transform: scale(0.8);
}
.ultramap.mapblock .mbflag.f3 {
	bottom: 12%;
    left: 15%;
    transform: scale(0.8);
}

.ultramap.mapblock{
    height: 500px!important;
     overflow: hidden!important;
     margin-top: -49px!important;
     margin-bottom: -30px!important;
    text-align: center;
    max-width: 900px;
     margin: 0 auto;
}
.ultramap.mapblock .cmap{
    height:500px;
}
.ultrabulk_fleet_capetankers_andes .fleet-list table th.vessel_name,.ultrabulk_fleet_capetankers_panamax .fleet-list table th.vessel_name{
    width:25%
}
.ultrabulk_fleetUltratank .fleet-list table th.year,.ultrabulk_fleetUltratank .fleet-list table th.dwt{
    width:18%
}
.ultrabulk_fleet_capetankers_panamax .ind-fleet, .ultrabulk_fleetUltratank .ind-fleet, .ultrabulk_fleet_capetankers_andes .ind-fleet{
     width: 100%;
}
.searchblock>ul{
    display:-ms-flexbox;
    display:flex;
    min-width:100%;
    padding:0
}
.searchblock>ul>li>div{
    padding:10px 20px;
    color:#1e2e54;
    text-align:left;
    background:#fff;
    border:1px solid #1e2e54;
    font-weight:600;
    font-size:18px;
    display:-ms-flexbox;
    display:flex
}
.searchblock>ul>li{
    width:19%
}
.searchblock>ul>li>div span{
    font-size:26px;
    color:#ffca0d;
    font-weight:800;
    margin-top:2px;
    position:relative
}
.searchblock>ul>li>div span#et_search_icon{
    position:absolute;
    top:16px;
    right:17px;
    width:20px;
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.searchblock>ul>li>div span#et_search_icon:before{
    font-size:22px;
    font-weight:700;
    color:#ffca0d;
    margin-top:0
}
.searchblock>ul>li>div input{
    margin:-10px -20px;
    min-height:48px;
    width:calc(100% + 40px);
    border:0;
    padding:0 20px;
    font-weight:600;
    font-size:18px;
    color:#1e2e54
}
.searchblock>ul>li>div input::-webkit-input-placeholder{
    color:#1e2e54
}
.searchblock>ul>li>div input::-moz-placeholder{
    color:#1e2e54
}
.searchblock>ul>li>div input::-ms-input-placeholder{
    color:#1e2e54
}
.searchblock>ul>li>div input::placeholder{
    color:#1e2e54
}
.searchblock>ul>li.searchc{
    width:30%
}
.searchblock>ul>li.clearf{
    width:13%;
    text-align:center;
    min-width:150px
}
.searchblock>ul>li.clearf .clear-whois-filters{
    text-align:center;
    display:block;
    width:100%;
    min-height:28px
}
.searchblock>ul>li.clearf .clear-filters{
    text-align:center;
    display:block;
    width:100%;
    min-height:28px
}
.searchblock>ul>li.active>div,.searchblock>ul>li>div:hover,.searchblock>ul>li>div:hover input,.searchblock div{
    background:#1e2e54;
    color:#fff
}
.searchblock div{
    padding:5px 20px;
    text-align:left;
    display:block;
    cursor:pointer
}
.searchblock li ul{
    display:none;
    position:absolute;
    left:0;
    bottom:auto;
    margin:-1px 0 0;
    padding:10px 0;
    color:#1e2e54;
    background:#fff;
    border:1px solid #1e2e54;
    font-weight:600;
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    z-index:10
}
.searchblock li ul li{
    margin-right:0
}
.searchblock li{
    display:block;
    list-style-type:none;
    position:relative;
    margin-right:-1px;
    -ms-flex-positive:1;
    flex-grow:1
}
.searchblock li.active>ul,.searchblock li:hover>ul{
    display:block
}
.searchblock li ul li div{
    color:#1e2e54;
    background:#fff
}
.searchblock li ul li.active div,.searchblock li ul li div:hover{
    color:#729cb8
}
.contactcards ul{
    padding:0;
    list-style:none;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.contactcards ul li{
    display:flex;
     flex-direction:column;
     list-style:none;
    width:21.75%;
    border-color:#fff;
    -webkit-box-shadow:9px 12px 20px -6px rgba(0,0,0,.3);
    box-shadow:9px 12px 20px -6px rgba(0,0,0,.3);
    margin-right:3%;
    padding:5px;
    margin-bottom:3%;
    color:#000
}
.contactcards ul li>div{
    padding:0 10px
}
.contactcards ul li>img{
    margin-bottom:6.593%;
    width:100%
}
.contactcards ul li .card-divider{
    background:#eab900;
    border-top-width:2px;
    width:auto;
    left:10px;
    height:2px;
    width:19%;
    margin-bottom:20px
}
.contactcards ul li div h4{
    font-weight:900;
    font-size:17px;
    color:#000!important;
    font-family:Roboto,Helvetica,Arial,Lucida,sans-serif
}
.contactcards ul li>div h4 img{
    width:25px;
    height:19px;
    float:right;
    margin-left:5px
}
.contactcards ul li>div p img{
    width:13px;
    height:13px
}
.contactcards ul li div strong{
    color:#000!important
}
.contactcards ul li p:last-child{
    line-height:1.5em;
    margin-bottom:5px;
    font-size:13px
}
.contactcards ul li p.ccardinfo{
    line-height:1.5em;
    font-size:13px
}
.contactcards ul li p.ccardinfo a:hover{
    color:#f6d252
}
.contactcards ul li p.ccardinfo a{
    color:#000;
    -webkit-transition:color .4s ease-in-out;
    -o-transition:color .4s ease-in-out;
    transition:color .4s ease-in-out
}
.ultrabulk_contacts_filter .contactcards{
    padding-top:40px
}
.ultrabulk_whois_filter .contactcards{
    padding-top:40px
}
ul.ac_results{
    position:absolute;
    z-index:100;
    margin:0 0 0 -1px;
    color:#1e2e54;
    background:#fff;
    border:1px solid #1e2e54;
    font-weight:600;
    display:none;
    padding:20px 30px
}
ul.ac_results li{
    color:#1e2e54;
    cursor:pointer
}
ul.ac_results li:hover{
    color:#729cb8
}
@media only screen and (max-width:1100px){
    .contactcards ul li{
        width:29%
    }
}
@media only screen and (max-width:980px){
    .searchblock>ul>li>div span#et_search_icon{
        top:6px
    }
}
@media only screen and (max-width:800px){
    .contactcards ul li{
        width:46%;
        margin-right:3%!important
    }
    .searchblock>ul>li{
        width:50%!important;
        margin-bottom:-1px
    }
    .searchblock>ul{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
@media only screen and (max-width:500px){
    .contactcards ul li{
        width:100%;
        margin-right:0!important
    }
    .searchblock>ul>li{
        width:100%!important;
        margin-bottom:-1px
    }
}
.mapblock{
    background:#14365f;
    position:relative;
    max-width:1520px
}
.mapblock .mbflag img,.mapblock .mbflag span{
    display:inline-block;
    vertical-align:middle;
    margin:0;
    font-size:24px;
    font-weight:600;
    position:relative;
	pointer-events: none;
    user-select: none;
}
.mapblock .mbflag img{
    width:90px;
    margin-right:-12px;
    margin-left:-12px;
	pointer-events: none;
    user-select: none;
}
.mbf-dropdown>div{
    position:absolute;
    top:20px;
    right:20px;
    font-size:16px;
    font-weight:700
}
.mbf-dropdown>div span{
    font-size:16px!important;
    top:-2px
}
.mbf-dropdown strong{
    display:block;
    margin-bottom:5px
}
.mapblock .mbflag{
    position:absolute;
    color:#fff;
    font-size:20px;
    cursor:pointer;
}
.mapblock .mbflag.f1{
    top:43%;
    left:26%
}
.mapblock .mbflag.f2{
    bottom:21%;
    left:34%
}
.mapblock .mbflag.f3{
    bottom:12%;
    left:20%
}
.mapblock .mbflag.f4{
    top:33%;
    left:49.5%
}
.mapblock .mbflag.f5{
    bottom:30%;
    right:24%
}
.mapblock .mbflag.f6{
    bottom:16%;
    left:50%
}
.mapblock .mbflag.f7{
    bottom:15%;
    right:5%
}
.mapblock .mbflag.f9{
    bottom:47%;
    right:8%
}
.mapblock .mbflag.f8{
    bottom:42%;
    right:30%
}
.mbf-dropdown:before{
    content:"";
    background:#ffca0d;
    top:0;
    left:0;
    position:absolute;
    height:6px;
    width:30%
}
.mapblock .mbflag:hover .mbf-dropdown,
.mapblock .mbflag span:hover {
    display: block;
}

.mbflag .set-location,
.mbflag span {
  display: inline-block;
  vertical-align: middle; /* or top */
}



.mapblock .mbflag .mbf-dropdown>span{
    font-size:18px;
    font-weight:300;
    display:block;
    margin-top:10px
}
.mapblock .mbflag span>strong{
    display:block;
    font-size:14px;
    position:absolute;
    top:100%;
    left:0;
    padding-top:2px;
    width:140px
}
.mbf-dropdown{
    position:absolute;
    top:62px;
    left:0;
    width:323px;
    background:#1e2e54;
    padding:55px 25px 25px;
    z-index:10;
    font-weight:300;
    font-size:14px;
    display:none
}


.f1 .mbf-dropdown,
.f2 .mbf-dropdown,
.f4 .mbf-dropdown,
.f6 .mbf-dropdown,
.f7 .mbf-dropdown,
.f8 .mbf-dropdown,
.f9 .mbf-dropdown
{
	 left:6px !important;
}

.mbf-dropdown a{
    display:block;
    color:#ffca0d;
    margin-top:10px;
    font-weight:600;
    font-size:14px
}
.cmobmap{
    display:none
}
@media only screen and (max-width:1550px){
    .mapblock{
        -webkit-transform:scale(.8);
        transform:scale(.8);
        width:100%
    }
}
@media only screen and (max-width:1350px){
    .mapblock .mbflag.f3{
        left:17%
    }
    .mapblock .mbflag.f6{
        bottom:13%;
        left:50%
    }
    .mapblock .mbflag.f7{
        right:1%
    }
}
@media only screen and (max-width:1050px){
    .mapblock .mbflag.f3{
        bottom:13%;
        left:16%
    }
    .mapblock .mbflag.f7{
        bottom:16%;
        right:-1%
    }
}
@media only screen and (max-width:800px){
    .mapblock .mbflag,.mapblock img{
        display:none
    }
    .cmobmap{
        display:block!important
    }
    .mapblock{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.ultrabulk_contact .contactcards ul li{
    width:100%;
    margin-right:0;
    background:#fff;
    min-height:560px
}
.fleet-list{
    display:-ms-flexbox;
    display:flex
}
.fleet-list table{
    border:1px solid #1e3668!important;
    border-spacing:0;
    width:100%
}
.fleet-list table td:first-child,.fleet-list table th:first-child{
    text-align:left
}
.fleet-list table th{
    background:#1e3668;
    color:#fff;
    padding:15px 8px 8px;
    font-size:14px;
    text-align:center;
    cursor:pointer;
    opacity:1;
    -webkit-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
.fleet-list table th:hover{
    opacity:.8
}
.fleet-list table td{
    text-align:center;
    padding:6px 8px;
    font-size:12px;
    border-right:1px solid #1e3668;
    color:#3e3d40;
    border-top:0
}
.fleet-list table td:last-child{
    border-right:0
}
.fleet-list table tr:nth-child(2n){
    background:#e7f2f4
}
.ind-fleet:last-child{
    margin-right:0
}
.ind-fleet{
    width:29.6667%;
    margin-right:5.5%
}
.ind-fleet>div{
    display:-ms-flexbox;
    display:flex
}
.ind-fleet>div h3{
    font-size:20px;
    min-width:130px;
    font-weight:800;
    color:#032e54;
    margin-right:15px
}
.ind-fleet>div h3 span{
    display:block;
    font-size:12px;
    color:#596e7e;
    font-weight:600
}
.ind-fleet>div img{
    width:140px;
    position:relative;
    top:-8px
}
.fleet-list .supramax table,.fleet-list .supramax table td{
    border-color:#91b9d8!important
}
.fleet-list .supramax table th{
    background:#91b9d8
}
.fleet-list .handysize table,.fleet-list .handysize table td{
    border-color:#00788f!important
}
.fleet-list .handysize table th{
    background:#00788f
}
@media (max-width:1200px){
    .ind-fleet:nth-child(2n){
        margin-right:0
    }
    .fleet-list{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .ind-fleet{
        width:47%
    }
}
@media (max-width:650px){
    .ind-fleet{
        width:100%;
        margin-right:0;
        margin-bottom:50px
    }
}
ul.careerwrap h6{
    color:#398cab;
    opacity:1;
    font-weight:300;
    line-height:24px;
    font-size:16px;
    padding-bottom:0
}
ul.careerwrap h5{
    color:#0f4270;
    line-height:30px;
    font-size:20px;
    font-weight:800;
    margin-bottom:0;
    padding-bottom:0
}
ul.careerwrap li a{
    border:1px solid #ddd;
    border-radius:3px;
    -webkit-box-shadow:0 0 0 1px transparent;
    box-shadow:0 0 0 1px transparent;
    display:block;
    padding:20px 25px;
    margin-bottom:20px;
    -webkit-transition:all .25s;
    -o-transition:all .25s;
    transition:all .25s
}
ul.careerwrap li a:hover{
    border-color:#398cab;
    -webkit-box-shadow:0 0 0 1px #398cab;
    box-shadow:0 0 0 1px #398cab
}
ul.careerwrap{
    list-style:none
}
.workfilter_wrap .filters-tabw .filter-tab .active a,.workfilter_wrap .filters-tabw .filter-tab a:hover{
    background:#1e2e54;
    color:#fff;
    cursor:pointer
}
.workfilter_wrap .filters-tabw .filter-tab{
    list-style:none;
    display:-ms-flexbox;
    display:flex;
    padding:20px 0;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.workfilter_wrap .filters-tabw .filters-wrapper{
    list-style:none;
    padding:0
}
.workfilter_wrap .filters-tabw .filter-tab a{
    padding:6px 20px;
    color:#1e2e54;
    text-align:left;
    background:#fff;
    border:1px solid #1e2e54;
    font-weight:600;
    font-size:18px;
    display:inline-block;
    margin-bottom:5px;
    margin-right:5px
}
.workfilter_wrap h6{
    color:#5c8baa;
    font-size:18px
}
.workfilter_wrap select{
    padding:6px 20px;
    color:#1e2e54;
    text-align:left;
    background:#fff;
    border:1px solid #1e2e54;
    font-weight:600;
    font-size:18px;
    margin-right:5px;
    width:100%;
    display:inline-block;
    max-width:300px;
    margin-bottom:30px
}
.ultrabulk_how_we_work_map a{
    cursor:pointer
}
.clogo{
    float:right;
     max-width:250px;
}