.banner-section {
    width: 100%;
    min-height: 488px;
    float: left;
    margin: 60px 0 0 0;
    padding: 0;
    background: #074e90 no-repeat center top;
    background-image: url(../Assets/img/home/water_BKG.jpg);
}
.banner-innercon {
    width: 100%;
    min-height: 488px;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

.banner-innercon2 {
    padding-top:40px;
   
}
#zoom-box1 {
    border-radius: 10px;
    width: 0;
    height: 0;
    position: relative;
    top: 50%;
    left: 50%;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}
#zoom-box1 img {
    width: 100%;
}
#zoom-box2 {
    border-radius: 10px;
    width: 0;
    height: 0;
    position: relative;
    top: 50%;
    left: 50%;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}
#zoom-box2 img {
    width: 100%;
}
#zoom-box3 {
    border-radius: 10px;
    width: 0;
    height: 0;
    position: relative;
    top: 50%;
    left: 50%;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}
#zoom-box3 img {
    width: 100%;
}
#zoom-box-outer1 {
    width: 358px;
    height: 358px;
}
.banner-innercon .deckhand-block {
    width: 358px;
    height: 358px;
    position: absolute;
    left: 70px;
    top: 212px;
    z-index: 10;
}
#zoom-box-outer2 {
    width: 270px;
    height: 279px;
}
.banner-innercon .engineer-block {
    width: 270px;
    height: 279px;
    position: absolute;
    left: 164px;
    top: 17px;
    z-index: 20;
}
#zoom-box-outer3 {
    width: 358px;
    height: 357px;
}
.banner-innercon .stewardess-block {
    width: 358px;
    height: 357px;
    position: absolute;
    left: 325px;
    top: 82px;
    z-index: 30;
}
.banner-innercon .banner-content {
    margin-top: 40%;
    max-width:320px;
}
@media only screen and (max-width: 1199px) {
        .banner-innercon .banner-content {
            margin-top:60%;
        }
}
@media only screen and (max-width: 990px) {
        .banner-innercon .banner-content {
            margin-top:50%;
            max-width:240px;
        }
}
@media only screen and (max-width: 768px) {
        .banner-innercon .banner-content {
            margin-top:50px;
        }
}
@media only screen and (max-width: 480px) {
        .banner-innercon .banner-content {
            margin-top:50px;
            max-width:100%;
            padding:20px 40px;
        }
}
.banner-innercon .banner-content svg {
    height: 400px;
}
.ManagementGradient {
    /*margin: 60px 0 0 0;*/
    
    height: 242px;
    background: -webkit-linear-gradient(#7e786f, #5b554c);
    /* For Safari 5.1 to 6.0 */
    
    background: -o-linear-gradient(#7e786f, #5b554c);
    /* For Opera 11.1 to 12.0 */
    
    background: -moz-linear-gradient(#7e786f, #5b554c);
    /* For Firefox 3.6 to 15 */
    
    background: linear-gradient(#7e786f, #5b554c);
    /* Standard syntax (must be last) */
    
    margin-left: auto;
    margin-right: auto;
}
.ManagementGradient img {
    margin-top: 31px;
}
#ManagementTitle {
    max-height: 241px;
    display: block;
    margin: 0 auto;
    margin-top: 64px;
}
.SalesGradient {
    /*margin: 60px 0 0 0;*/
    
    background: -webkit-linear-gradient(#3682c4, #1855a4);
    /* For Safari 5.1 to 6.0 */
    
    background: -o-linear-gradient(#3682c4, #1855a4);
    /* For Opera 11.1 to 12.0 */
    
    background: -moz-linear-gradient(#3682c4, #1855a4);
    /* For Firefox 3.6 to 15 */
    
    background: linear-gradient(#3682c4, #1855a4);
    /* Standard syntax (must be last) */
    
    margin-left: auto;
    margin-right: auto;
}
#SalesBanner img {
    max-height: 241px;
}
#SalesTitle {
    max-height: 241px;
    display: block;
    margin: 0 auto;
    margin-top: 95px;
}
.CrewGradient {
    /*margin: 60px 0 0 0;*/
    
    height: 242px;
    background: -webkit-linear-gradient(#034ca0, #011e5a);
    /* For Safari 5.1 to 6.0 */
    
    background: -o-linear-gradient(#034ca0, #011e5a);
    /* For Opera 11.1 to 12.0 */
    
    background: -moz-linear-gradient(#034ca0, #011e5a);
    /* For Firefox 3.6 to 15 */
    
    background: linear-gradient(#034ca0, #011e5a);
    /* Standard syntax (must be last) */
    
    margin-left: auto;
    margin-right: auto;
}
.CrewImg {
    padding: 0;
    width: 262px;
    margin-right: -50px;
}
#CrewTitle {
    max-height: 241px;
    display: block;
    margin: 95px 0 0 50px;
}
.CharterGradient {
    /*margin: 60px 0 0 0;*/
    
    height: 242px;
    background: -webkit-linear-gradient(#027646, #014322);
    /* For Safari 5.1 to 6.0 */
    
    background: -o-linear-gradient(#027646, #014322);
    /* For Opera 11.1 to 12.0 */
    
    background: -moz-linear-gradient(#027646, #014322);
    /* For Firefox 3.6 to 15 */
    
    background: linear-gradient(#027646, #014322);
    /* Standard syntax (must be last) */
    
    margin-left: auto;
    margin-right: auto;
}
#CharterTitle {
    max-height: 241px;
    display: block;
    margin: 0 auto;
    margin-top: 95px;
}
.main-section {
    width: 100%;
    float: left;
    margin: 32px 0px;
    /*background: url(../Assets/img/home/map-bg.jpg) no-repeat center top;*/
}
.HomepageStyle {
    text-align: center;
    padding:0px 20px;
}
.HomepageStyle h1 {
    margin-bottom: 16px;
}
.HomepageStyle p {
    font-size: 16px;
    /*font-weight: 300;*/
    padding: 0 8%;
    /*line-height: 32px;*/
    margin-bottom: 24px;
}
.HomepageStyle span {
    text-transform: uppercase;
    font-size: medium;
}
.section-content-header {
    float: left;
    width: 100%;
    background: url(../Assets/img/home/header-bg.jpg) no-repeat center bottom;
    margin-bottom: 20px;
}
.section-content-block ul {
    float: left;
    width: 100%;
    list-style: none;
}
.section-content-block ul li:first-child {
    margin-left: 0;
}
.section-content-block ul li {
    float: left;
    width: 22.95%;
    margin-left: 2.63%;
    list-style: none;
}
.feature-block-outer {
    float: left;
    width: 100%;
    text-align: center;
}
.feature-block-outer p {
    line-height: 22px;
}
.feature-block-outer h5 {
    color: #0372bc;
    text-transform: uppercase;
    margin-bottom: 18px;
}
.thinWord {
    font-family: Roboto;
    font-weight: 300;
}
.boldWord {
    font-family: Roboto;
    font-weight: 700;
}
.thinWordBlue {
    font-family: Roboto;
    font-weight: 300;
    color: #073F75;
}
.boldWordBlue {
    font-family: Roboto;
    font-weight: 700;
    color: #073F75;
}
.widget {
    border:1px solid #D3E0E9;
    border: 1px solid #D3E0E9;
    float: left;
    width: 100%;
    background: #F5F8FA;
    padding-bottom: 20px;
    text-align:center;
} 

.widget header {
    width: 100%;
    background: #F5F8FA;
    font-size: 20px;
    padding: 16px 16px 8px 16px;
}
.widget-bottom {
    width: 100%;
    background: #F5F8FA;
    padding: 0px 16px 16px 16px;
}
.widget p {
    margin-bottom: 20px;
}
.main-button {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    width: auto;
    padding: 6px 12px;
    margin: 0px;
    border: none;
    transition: 300ms ease-in all;
    background: #0372bc;
    line-height: 27px;
}
.main-button:hover {
    background: #253f76;
}
.main-button .fa {
    margin-right:10px;
}
.button-outer {
    float: left;
    width: 100%;
}
.header-title {
    width: 100%;
    /*height: 42px;*/
    
    margin: 0;
    padding: 0;
    /*position: absolute;
  bottom: -45px;*/
    /*z-index:-1;*/
    
    background-color: #03235E;
}
.header-title h2 {
    line-height: 42px;
}
.header-title div {
    color: white;
}
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
/***************** About Us  ********************/

.StaffPicture {
    float: left;
    margin: 16px 16px 0px 0px;
    color: white;
}
.StaffPicture img {
    border-top-left-radius: 5%;
    border-top-right-radius: 5%;
}
.StaffPicture p {
    background-color: #0371BC;
    padding: 5px 0 5px 5px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    text-align: center;
    color:#fff;
}
.StaffPictureDetail {
    color: white;
    padding-top: 15px;
    max-width: 280px;
}
.StaffPictureDetail img {
    border-top-left-radius: 5%;
    border-top-right-radius: 5%;
}
.StaffTextDetail {
    background-color: #0371BC;
    padding: 8px 0 8px 16px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    color: white;
}
.StaffTextDetail p,
.StaffTextDetail h6,
.StaffTextDetail a{
    color:#fff;
    opacity:1;
}
.StaffTextDetail p {
    margin-bottom:8px;
}
.StaffTextDetail h6 {
    font-size: 10px;
    margin-bottom: 8px;
}
.StaffTextDetail a {
    margin-bottom: 8px;
}
img {
    vertical-align: middle;
}
.img-rounded {
    border-radius: 6px;
}
.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
}
.img-circle {
    border-radius: 50%;
}
/***************** About Us End ********************/
/***************** FAQs Styling ********************/

.dcl1 {
    color: #002E5F;
}
a.dcl1:link,
a.dcl1:active,
a.dcl1:visited {
    color: #002E5F;
    padding-left: 10px;
    text-decoration: none;
}
.dcl2 {
    color: #117CBE;
}
a.dcl2:link,
a.dcl2:active,
a.dcl2:visited {
    color: #117CBE;
    padding-left: 10px;
    text-decoration: none;
}
.dcl3 {
    color: #21ABD0;
}
a.dcl3:link,
a.dcl3:active,
a.dcl3:visited {
    color: #21ABD0;
    padding-left: 10px;
    text-decoration: none;
}
.dcl4 {
    color: #3A61BA;
}
a.dcl4:link,
a.dcl4:active,
a.dcl4:visited {
    color: #3A61BA;
    padding-left: 10px;
    text-decoration: none;
}
.dcl5 {
    color: #10939F;
}
a.dcl5:link,
a.dcl5:active,
a.dcl5:visited {
    color: #10939F;
    padding-left: 10px;
    text-decoration: none;
}
/***************** FAQs Styling - End ********************/

@media only screen and (max-width: 1199px) {
    .banner-innercon .deckhand-block {
        left: 0;
    }
    .banner-innercon .engineer-block {
        left: 94px;
    }
    .ManagementGradient {
        height: 199px;
    }
    #ManagementTitle {
        margin-top: 44px;
    }
    .SalesGradient {
        height: 199px;
    }
    #SalesTitle {
        margin-top: 75px;
    }
    .CharterGradient {
        height: 198px;
    }
    #CharterTitle {
        margin-top: 75px;
    }
    .CrewGradient {
        height: 199px;
    }
    .CrewGradient img {
        max-height: 199px;
        width: auto;
    }
    .CrewImg {
        margin-right: -75px;
    }
    #CrewTitle {
        margin-top: 75px;
    }
}
@media only screen and (max-width: 991px) {
    #zoom-box-outer1 {
        height: 258px;
        width: 258px;
    }
    #zoom-box-outer2 {
        height: 179px;
        width: 170px;
    }
    #zoom-box-outer3 {
        height: 257px;
        width: 258px;
    }
    .banner-section {
        min-height: 335px;
    }
    .banner-innercon {
        min-height: 335px;
    }
    .banner-innercon .deckhand-block {
        top: 123px;
    }
    .banner-innercon .engineer-block {
        top: 5px;
    }
    .banner-innercon .stewardess-block {
        left: 179px;
        top: 46px;
    }
    .ManagementGradient {
        height: 152px;
    }
    .ManagementGradient img {
        margin-top: 22px;
    }
    #ManagementTitle {
        margin-top: 28px;
    }
    .SalesGradient {
        height: 152px;
    }
    #SalesTitle {
        margin-top: 50px;
    }
    .CharterGradient {
        height: 147px;
    }
    #CharterTitle {
        margin-top: 50px;
    }
    .CrewGradient {
        height: 152px;
    }
    .CrewGradient img {
        max-height: 152px;
        width: auto;
    }
    .CrewImg {
        margin-right: -125px;
    }
    #CrewTitle {
        margin-top: 50px;
    }
    /*.main-section {
        margin: 0;
    }*/
}
@media only screen and (max-width: 767px) {
    #zoom-box-outer1 {
        height: 158px;
        width: 158px;
    }
    #zoom-box-outer2 {
        height: 109px;
        width: 100px;
    }
    #zoom-box-outer3 {
        height: 157px;
        width: 158px;
    }
    .banner-section {
        min-height: 235px;
        background-image: none;
    }
    .banner-innercon {
        min-height: 235px;
    }
    .banner-innercon .deckhand-block {
        top: 55px;
    }
    .banner-innercon .engineer-block {
        top: 5px;
        left: 67px;
    }
    .banner-innercon .stewardess-block {
        left: 100px;
        top: 46px;
    }
    .xs-man-pics {
        width: 50%;
        float: left;
        padding-left: 10%;
    }
    .xs-man-png {
        width: 50%;
        float: right;
    }
    .ManagementGradient {
        height: 70px;
    }
    #ManagementTitle {
        margin-top: 0px;
    }
    #ManagementTitle img,
    #CharterTitle img,
    #CrewTitle img,
    #SalesTitle img
    {
        margin-top: 10px;
        max-height: 32px;
        width: auto;
    }
    .SalesGradient {
        height: 70px;
    }
    #SalesTitle {
        margin-top: 10px;
    }
    .CharterGradient {
        height: 70px;
    }
    #CharterTitle {
        margin-top: 10px;
    }
    .CrewGradient {
        height: 70px;
    }
    #CrewTitle {
        margin: 10px 0 0 0;
    }
    .feature-block-outer {
        text-align: left;
    }
    .feature-block-outer h5 br {
        display: none;
    }
    .feature-block-outer p {
        padding-bottom: 15px;
    }
    .feature-block-outer h5 {
        padding: 0 0 16px 0;
        margin-bottom: 10px;
    }
    .feature-block-outer img {
        margin: 0 2% 0 0;
        float: left;
    }
    .HomepageDropShadow {
        box-shadow: 0 24px 1px -24px #333;
    }
    .FeatureBlockStyle {
        text-align: left;
    }
    .FeatureBlockStyleImg {
        float: left;
        width: 25%;
        text-align: center;
        padding-top: 10px;
    }
    .FeatureBlockStyleContent {
        float: right;
        width: 75%;
    }
}
@media only screen and (max-width: 479px) {
    #zoom-box-outer1 {
        display: none !important;
    }
    #zoom-box-outer2 {
        display: none !important; 
    }
    #zoom-box-outer3 {
        display: none !important;
    }
    .xs-man-png {
        width: 100%;
        margin: 0 auto;
    }
    .banner-section {
        min-height: 135px;
    }
    .banner-innercon .banner-content {
        margin-top: 3%;
    }
    .banner-content img {
        margin: 0 auto;
        width: 260px;
    }
    .banner-innercon {
        min-height: 135px;
    }
}