/*
Theme Name: 	iBulktheme Child
Author: 	Yudiz Solutions
Author URI: 	http://www.yudiz.com
Description:	ibulk theme
Template:	betheme
*/
/* Theme customization starts here
-------------------------------------------------------------- */
/*================================== common style ===========================*/

/*Testing upload button on career page*/
/* Style wrapping span as button */
span.wpcf7-form-control-wrap.uploadpdf {
    display: inline-block;
    position: relative;
    width: 120px;
    height: 40px;
    border-radius: 5px;
    border: solid 1px #000;
    background-color:#000;       
    color: #FFF;
    overflow:hidden;
    cursor:pointer;
}

/* Made input big and move it left and top inside wrapper to hide actual control but leave input clickable */
input.wpcf7-form-control.wpcf7-file {
    position: absolute;
    width: 1500px;
    height: 1000px;
    right: 0;
    bottom: 0;        
    outline: none !important;
}

/*Font color for sitemap page */
.subheader-both-center #Subheader .title{
color:#fff !important;
}

/* Add button text */
.wpcf7-file:before {
    content: "UPLOAD PDF";
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #FFF;
    font-size: 14px;
font-family:"Open Sans"
font-weight:800;
}
/*End testing upload button on career page*/

/*Clear button style on career page */
.clear-btn{border-radius:0px !important;background-color:transparent !important;color:#000 !important;border:2px solid #000 !important;}
.white-text { color: #fff;}
.orange-text { color: #f78c26;}
.page-title { text-transform: uppercase; font-weight: 800 !important; font-size: 150px; line-height: 150px;font-color:#000;}
.page-sub-title { font-weight: 700 !important;}
.page-desc { font-size: 16px; line-height: 24px; font-weight: 300 !important;}
.section-title { text-transform: uppercase; line-height: 60px; font-weight: bold; font-size: 48px; letter-spacing: 1px;}

.white.line-title:after { content: ""; width: 100px; height: 5px; background: #ffffff; position: absolute; bottom: 3px; left: 0px; display: block;}
.orange.line-title:after { content: ""; width: 100px; height: 5px; background: #f78c26; position: absolute; bottom: 3px; left: 0px; display: block;}
.line-title { padding-bottom: 30px;overflow: visible; position: relative;}
.section-desc { line-height: 36px !important;}
.section-desc a {color: #f78c26;}
a.custom-btn { border-radius: 0px !important;}
a.custom-btn .button_label { text-transform: uppercase; font-size: 14px; font-weight: bold; min-width: 170px; text-align: center; letter-spacing: 1px;}
a.custom-btn .button_icon { background: #000 !important;}
a.custom-btn .button_icon > i.icon-right-open-big::before { content: "" !important;}
a.custom-btn .button_icon > i.icon-right-open-big { background: url('../../../wp-content/uploads/2016/04/go-arrow.png')no-repeat center center; background-size: 75%;}
/*================================== header style ===========================*/
#Top_bar.is-sticky #logo img:not(.svg) { max-height: 46px !important; vertical-align: top;}
.logo {padding: 25px 0px;}
#menu > ul > li > a { font-weight: 800 !important; text-transform: uppercase; padding: 45px 0px !important;}
.top_bar_right { padding: 20px 0px !important;}
#Top_bar.is-sticky .top_bar_right { padding: 0px !important;}
#Top_bar.is-sticky .menu > li > a { padding: 23px 0px !important;}
#Top_bar .menu li ul li {width: 278px;}
#Top_bar .menu > li > a > span,
#Top_bar .menu > li > a { line-height: 10px !important; padding: 10px 15px 20px;}
#Top_bar .menu > li > a span { border-color: rgba(0, 0, 0, 1) !important;}
#Top_bar .menu > li > a span:not(.description) {padding: 0 10px; letter-spacing: 2px;}
/*#Top_bar .menu .menu-item-has-children ul { box-shadow: 0px 0px 5px #ccc;}*/
#Top_bar .menu .menu-item-has-children ul li a { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fff; background: #000; padding-top: 10px; padding-bottom: 10px; letter-spacing: 2px;}
#Top_bar .menu .menu-item-has-children ul li a:hover { background: #fff; color: #ee3c00 !important;}
#Top_bar #menu ul li.submenu .menu-toggle { height: 40px !important; line-height: 40px !important; color: #000000 !important;}
#Top_bar #logo img {max-height: 90px;}
#Top_bar .logo {margin: 0; padding: 0;}
#Top_bar #logo { height: 100px !important; line-height: 100px !important;}
#Top_bar .menu > li > a::after {bottom: 0; top: inherit;}
#Top_bar.is-sticky .menu > li > a::after { bottom: -4px;}

/*================================== slider style ===========================*/
.slide-title { text-shadow: 0px 0px 10px #000000;}
/*================================== middle content style ===========================*/
/*================================== timeline style ===========================*/
/*#cd-timeline p {font-size: 16px;}
#cd-timeline .announcement-banner-image {width: 100%;}
#cd-timeline .cd-timeline-content h2 {color: #f78c26; font-size: 36px;}
#cd-timeline .cd-timeline-content {padding: 15px; border-radius: 0; box-shadow: 0 0 10px #ccc !important; -webkit-box-shadow: 0 0 10px #ccc !important; -moz-box-shadow: 0 0 10px #ccc !important;}
#cd-timeline .cd-timeline-content::before {top: 0;}
/*#cd-timeline .cd-timeline-block:first-child, #cd-timeline .cd-timeline-block:last-child {margin: 140px 0;}
#cd-timeline .cd-timeline-block {margin: 70px 0;}*/
.timeline .column {margin: 0 auto 20px;}
.timeline-content-right {background: #fff; padding: 15px; box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; position: relative; margin: 20px auto 40px; width: 100%;}
.timeline-content-right::before {content: ""; width: 39px; height: 46px; position: absolute; left: -37px; top: -8px; background: url(images/trianble-shadow.png) no-repeat 0 0; }
.timeline-content-left {background: #fff; padding: 15px; box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; position: relative; margin: 20px auto 40px; width: 100%}
.timeline-content-left::before {content: ""; width: 39px; height: 46px; position: absolute; right: -37px; top: -8px; background: url(images/trianble-shadow.png) no-repeat 0 0; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); 
-webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH;-ms-filter: "FlipH"; z-index:100;}
.timeline-content {background: #fff; padding: 15px; box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; position: relative; margin: 20px auto 40px; width: 100%; display: none}
.timeline .timeline-content-left:first-child {margin-top: 205px;}
.timeline h2 {font-size: 36px; color: #f78c26; margin: 0 auto 10px;}
.timeline p {font-size: 16px; line-height: 24px;}
.timeline .border {border-left: 2px solid #f78c26; height: 2665px; margin-left: 107px;}
.timeline .circle {width: 15px; height: 15px; background: #f78c26; border-radius: 50%; margin-left: -18px; border: 10px solid #feb099; margin-bottom: 150px; position: relative;}
.timeline .circle:first-child::before {content: ""; width: 35px; height: 35px; background: transparent; position: absolute; border-radius: 50%; border: 10px solid #f8d5c8; left: -20px; top: -20px;}
.timeline .circle:last-child::before {content: ""; width: 35px; height: 35px; background: transparent; position: absolute; border-radius: 50%; border: 10px solid #f8d5c8; left: -20px; top: -20px;}
.timeline .circle:last-child {margin-bottom: 0; margin-top: -25px;}

/*------------------------------------- home page  -------------------------------------*/
.image_frame .image_wrapper { overflow: visible !important;}
.mid-image .image_wrapper { border: 2px solid #f78c26; border-bottom: 0px; border-top: 0px;}
.spacer-block { height: 50px;}
.mid-spacer-block{height:50px;}
.service-desc { font-size: 18px; line-height: 24px;}
.cate-block { position: relative; background-size: 100% 100%; transition: background 0.5s;}
.section_wrapper .column.cate-image-overlay:after { content: ""; position: absolute; bottom: 0; left: 0; height: 4px; transition: 0.5s; width: 0px; background: #f78c26; display: block;}
.section_wrapper .column.cate-image-overlay { content: ""; position: absolute !important; height: 100% !important; width: 100% !important; display: block; background: rgba(0, 0, 0, 0.6) !important; top: 0 !important; left: 0 !important; z-index: 1; margin: 0px !important; transition: background 0.5s;}
.section_wrapper .column.cate-image-overlay .column_attr { height:100%;}
.section_wrapper .column.cate-image-overlay a { display: block; height: 100%; width: 100%;}
.home-category-title { font-size: 32px; line-height: 35px !important; font-weight: bold;  color: #fff; z-index: 2; position: relative; text-transform: uppercase;}
.home-category-title a { padding: 27% 0px 27%; display: block; color: #fff !important; text-decoration: none;}
.go-ahead-btn { height: 50px; width: 50px; display: none !important; border: 2px solid #fff !important;  transition: 1s; background: transparent url('../../../wp-content/uploads/2016/04/go-arrow.png')no-repeat center center !important; border-radius: 0px !important; z-index: 2; }
.cate-block:hover .go-ahead-btn { background-position: 40px !important; width: 80px;}
.logo-desc { font-weight: bold; font-size: 21px !important; line-height: 48px !important; letter-spacing: 1px;}
.logo-block { margin-top: 60px !important;}
.logo-block.logo-block-border { border-right: 2px solid #7f7f7f;}
.cate-block:hover .column.cate-image-overlay:after { width: 100%;}
.cate-block:hover .column.cate-image-overlay { background: rgba(0, 0, 0, 0.35) !important;}
.cate-block:hover  { background-size: 120% 120% !important;}
.page-section p {margin: 0 0 30px;}
/*------------------------------------- about page  -------------------------------------*/
.section-backed { text-transform: uppercase; font-weight: bold; font-size: 36px;}
.side-image { overflow: visible;}
.side-image img { width: 100%; position: relative !important; z-index: 1;}
.side-desc-block { }
.side-desc-block.black-bg::after { content: ""; height: 40px; width: 40px; display: block; position: absolute; background: #000000; visibility: visible; right: calc(50% - 20px); top: calc(50% - 20px); z-index: 1; transform: rotate(45deg);}
.side-desc-block.orange-bg::after { content: ""; height: 40px; width: 40px; display: block; position: absolute; background:#f78c26; visibility: visible; right: calc(50% - 20px); top: calc(50% - 20px); z-index: 2; transform: rotate(45deg);}
/*.side-image img::after { content: ""; height: 40px; width: 40px; display: block; position: absolute; background: #000; visibility: visible; bottom: 0; left: 0; z-index: 2;}*/
.side-desc { font-size: 16px !important; line-height: 24px !important;}
.normal-heading { font-size: 36px !important;}
/*------------------------------------- volume page  -------------------------------------*/
.volume-block { border-right: 1px solid #fff !important;}
.volume-block:last-child { border: none !important;}
.volume-year { font-size: 21px !important; font-weight: bold;}
.volume-data { font-size: 28px !important; font-weight: bold;}
.volume-measure { font-size: 14px !important; font-weight: bold; text-transform: uppercase;}
.year-tab-bar  > div { border: none !important;}
.year-tab-bar ul.ui-tabs-nav { background: transparent !important; text-align: center; border: none !important; margin: 40px 0px 50px;}
.year-tab-bar ul.ui-tabs-nav li { display: inline-block; float: none; border: 2px solid #f78c26; width: calc(100% / 4 - 24px); margin: 0px 10px;}
.year-tab-bar ul.ui-tabs-nav li.ui-state-active::after { display: none !important;}
.year-tab-bar ul.ui-tabs-nav li.ui-state-active a { background: #f78c26 !important; color: #000000;}
.ui-tabs .ui-tabs-panel { background: transparent;}
.year-tab-bar .progress_bars ul > li { position: relative;}
.year-tab-bar .progress_bars ul > li h6 { width: 120px; background: #000; line-height: 45px; color: #fff; float: left; padding: 0px; text-align: center; text-transform: uppercase; position: initial;}
.year-tab-bar .progress_bars ul > li h6 .label { position: absolute; right: 0; top: 0; line-height: 45px; z-index: 10; color: #fff; background: #000; font-size: 14px;}
.year-tab-bar .progress_bars ul > li .bar { width: calc(100% - 120px); height: 45px; border: none !important; background: none; float: right; border-radius: 0px; box-shadow: none;}
.year-tab-bar .progress_bars ul > li .bar .progress { height: 100%; background: url('../../../wp-content/uploads/2016/03/progress_bg.png')no-repeat top left; background-size: 100% 100%;}
/*------------------------------------- team page  -------------------------------------*/
.member-tab ul.vc_tta-tabs-list li { width: calc(100% / 2 - 30px); margin: 0px 15px !important; }
.member-tab ul.vc_tta-tabs-list li a { background: transparent !important; border: 3px solid #f78c26 !important; font-weight: bold; font-size: 20px !important; color: #000 !important; text-transform: uppercase; letter-spacing: 1px; line-height: 20px;}
.member-tab ul.vc_tta-tabs-list li.vc_active a { background: #f78c26 !important;}
.member-block { position: relative;}
.member-desc-block { color: #ffffff; position: absolute; width: calc(100% - 90px); display: block; margin: 0px auto !important; bottom: 0px; padding: 50px 30px 30px; background-size: 100% 100%;}
.member-image.wpb_single_image .vc_single_image-wrapper  {width: 100% !important; display: block !important; margin-bottom: 0px !important;}
.member-image figure { display: block !important;}
.member-image img { width: 100% !important;}
.member-name { font-size: 36px; line-height: 40px; font-weight: bold; text-transform: uppercase;}
.member-position { font-size: 16px; line-height: 18px;}
.member-contact { font-size: 16px; line-height: 18px; font-weight: bold;}
/*------------------------------------- tonnage and fixture page  -------------------------------------*/
.fleet-page-title { font-size: 35px; line-height: 43px;}
.archive-text { font-size: 20px !important;line-height: 30px; font-weight: 500 !important;}
.fixture-title { font-size: 22px !important; line-height: 35px !important; text-transform: capitalize;}
.fixture-title img { margin-top: 5px; float: left; margin-right: 5px;}
.fixture-desc { font-size: 14px !important; line-height: 35px !important; font-weight: 400; border: 1px solid #dcdcdc; border-right: none; border-left: none;}
.fixture-desc b { font-weight: 800; text-transform: uppercase;}

.hidden { display: none;}
/*------------------------------------- contact page  -------------------------------------*/
.contact-form-block { margin-top: 50px;}
.contact-form-block p { font-size: 18px !important; font-weight: 700; line-height: 45px !important;}
.contact-form-block textarea { resize: none;}
.contact-form-block p > sup { color: #f78c26;}
.contact-submit-btn { display: inline-block; padding-right: 40px; line-height: 20px; position: relative; text-align:  center; background: #f78c26;}
.contact-submit-btn > input { text-transform: uppercase; border-radius: 0px !important; font-weight: bold !important; letter-spacing: 1px; font-size: 14px !important;}
.contact-submit-btn::before { width: 40px; height: 100%; content: ""; position: absolute; top: 0; right: 0; display: block; background: #000000 url('../../../wp-content/uploads/2016/04/go-arrow.png')no-repeat center center !important; background-size: 20px !important;}
.office-contact-block { background-size: calc(100% - 50px) 100% !important;}
.office-name { font-weight: bold;}
.office-name,
.office-address,
.office-contact { font-size: 18px !important; line-height: 30px !important; }

.fixed-bg { background-attachment: fixed !important; background-size: cover; background-position: center center;}
.bottom-contact { padding: 100px 0px; margin: 0px !important;}
.bottom-contact a { color: #f78c26; text-decoration: underline;}
.bottom-contact a:hover { text-decoration: none;}
/*================================== footer style ===========================*/
#Footer .widget_text p { font-size: 14px; margin-bottom: 0px; line-height: 15px; letter-spacing: 2px;}
#Footer .widget { padding: 0px !important;}
#Footer .number {padding-bottom: 35px; letter-spacing: 2px;}
#Footer .number a {font-weight: 600;}
#Footer .number a.tel {color: #f78c26;}
#Footer .number span {padding: 0 5px;}
#Footer .number span:first-child {padding-left: 0;}
#Footer address {padding-bottom: 10px; letter-spacing: 2px;}
#Footer address p {padding-bottom: 5px;}
#menu-foot-menu { padding: 0px; list-style: none; margin-top: 10px;}
#menu-foot-menu li:after { border: none !important;}
#menu-foot-menu li { display: inline-block; float: left; text-transform: capitalize; border: none !important; padding: 0px 15px; border-left: 1px solid #fff !important;}
#menu-foot-menu li:first-child { padding-left: 0px; border-left: none !important;}
#menu-foot-menu li a {font-size: 14px; line-height: 15px; font-weight: bold; padding: 0px; letter-spacing: 2px;}
#menu-foot-menu li a:hover { text-decoration: none;}
#Footer .footer_copy { background: #ffffff; color: #000000; letter-spacing: 1px;}
#Footer a:hover { text-decoration: none;}
.footer-copy-center #Footer .footer_copy .copyright{color:#000!important;}
#Footer .footer_copy .one { margin: 0px !important; padding: 0px !important; min-height: 0px !important;}
.copyright { margin-bottom: 0px !important; font-size: 10px; letter-spacing: 0.5px; font-weight: 800; text-transform: uppercase; color: #fff;}
#back_to_top { text-align: center;}
#back_to_top.button .button_icon { padding: 0px !important; margin: 0px !important; float: none !important; height: 100%; width: 100%; line-height: 41px; display: block; text-align: center;}

.show-mobile .timeline-content-right,
.show-mobile .timeline-content-left { display: none;}

@media(min-width: 1240px) and (max-width: 1340px){
	#Top_bar .menu > li > a span { padding: 0px 15px !important;}
}

@media(min-width: 960px) and (max-width: 1239px){
    /*================================== common style ===========================*/
    .page-title { font-size: 100px; line-height: 100px;}
    .section-title { line-height: 42px; font-size: 40px;}
    .section-desc { line-height: 30px !important; font-size: 20px !important;}
    /*================================== header style ===========================*/
    .logo {padding: 0px 0px;}
    #Top_bar .top_bar_left { margin: 0px 0px;}
    #Top_bar .logo #logo { margin: 0px auto!important; text-align: left; max-width: 210px; float: left;}
    #Header a.responsive-menu-toggle { top: 12px !important; right: -15px !important;}
    .top_bar_right { padding: 0px !important;}
    #menu > ul > li > a,
    #Top_bar.is-sticky .menu > li > a { padding: 10px !important;}
    /*================================== slider style ===========================*/
    .slide-map { position: relative !important; top: -30px;}    
    /*------------------------------------- home page  -------------------------------------*/
    .spacer-block { height: 250px;}
    .logo-desc { font-size: 18px !important; line-height: 20px !important;}
    .logo-block img { max-width: 150px !important;}
    /*------------------------------------- about page  -------------------------------------*/
    .section-backed { font-size: 30px !important; line-height: 35px !important;}
    .side-desc-block { padding: 5% 16px 0px !Important;}
    .side-desc { font-size: 13px !important; line-height: 20px !important;}
    .side-desc-block.black-bg::after,
    .side-desc-block.orange-bg::after { height: 20px; width: 20px; top: calc(50% - 10px); right: calc(50% - 10px);}
    /*------------------------------------- volume page  -------------------------------------*/    
    .volume-year { font-size: 17px !important;}
    .volume-data { font-size: 23px !important;}
    .volume-measure { font-size: 14px !important;}
    /*------------------------------------- team page  -------------------------------------*/
    .member-tab ul.vc_tta-tabs-list li a { font-size: 14px !important; line-height: 18px;}
    .member-desc-block {  width: calc(100% - 70px); padding: 45px 20px 20px;}
    .member-name { font-size: 30px; line-height: 33px;}
    .member-position,
    .member-contact { font-size: 14px;}
    /*------------------------------------- tonnage and fixture page  -------------------------------------*/
    .archive-text { font-size: 20px !important;line-height: 20px;}
    .fixture-title { font-size: 28px !important; line-height: 35px !important;}
    .fixture-desc { font-size: 15px !important; line-height: 32px !important;}    
    /*================================== timeline style ===========================*/
    .timeline .circle {margin-bottom: 140px;}
}
@media(min-width: 768px) and (max-width: 959px){
    /*================================== common style ===========================*/
    .page-title { font-size: 75px; line-height: 75px;}
    .section-title { line-height: 38px; font-size: 30px;}
    .section-desc { line-height: 25px !important; font-size: 16px !important;}
    /*================================== header style ===========================*/
    .logo {padding: 0px 0px;}
    #Top_bar .top_bar_left { margin: 0px 0px;}
    #Top_bar .logo #logo { margin: 0px auto!important; text-align: left; max-width: 210px; float: left;}
    #Header a.responsive-menu-toggle { top: 12px !important; right: -15px !important;}
    .top_bar_right { padding: 0px !important;}
    #menu > ul > li > a,
    #Top_bar.is-sticky .menu > li > a { padding: 10px !important;}
    /*================================== slider style ===========================*/
    .slide-map { position: relative !important; top: -30px; min-width: 180px !important; height: auto !important}
    .slide-map img { width: 100% !important; height: auto !important}
    /*.slide-title {position: relative; font-size: 20px !important; line-height: 24px !important;}*/
    .slide-go-btn {position: relative; bottom: -20px;}
    .slide-go-btn img { width: 50px !important; height: 50px !important;}
    /*------------------------------------- home page  -------------------------------------*/
    .service-image img { max-height: 50px; width: auto;}
    .spacer-block { height: 200px;}
    .service-desc { font-size: 14px; line-height: 21px;}
    .home-category-title { font-size: 19px;}
    .go-ahead-btn { height: 35px; width: 35px; background-size: 18px !important;}
    .go-ahead-btn:hover {  width: 55px; background-position: 30px !important;}
    .logo-desc { font-size: 15px !important; line-height: 20px !important;}
    .logo-block { margin-top: 40px !important;}
    .logo-block img { max-width: 120px !important;}
    /*================================== timeline style ===========================*/
    .timeline .border {margin-left: 77px; height: 800px;}
    .timeline .circle {margin-bottom: 125px;}
    .timeline .timeline-content-left:first-child {margin-top: 185px;}
    /*------------------------------------- about page  -------------------------------------*/
    .section-backed { font-size: 27px !important; line-height: 32px !important;}
    .side-desc-block { padding: 2% 13px 0px !Important;}
    .side-desc { font-size: 14px !important; line-height: 18px !important; margin-bottom: 0px !important;}
    .side-desc-block.black-bg::after,
    .side-desc-block.orange-bg::after { height: 20px; width: 20px; top: calc(50% - 10px); right: calc(50% - 10px);}
    /*------------------------------------- volume page  -------------------------------------*/    
    .volume-year { font-size: 15px !important;}
    .volume-data { font-size: 20px !important;}
    .volume-measure { font-size: 13px !important;}
    /*------------------------------------- team page  -------------------------------------*/
    .member-tab ul.vc_tta-tabs-list li a { font-size: 12px !important; line-height: 15px;}
    .member-desc-block {  width: calc(100% - 50px); padding: 35px 10px 20px;}
    .member-name { font-size: 22px; line-height: 25px;}
    .member-position,
    .member-contact { font-size: 13px;}
    /*------------------------------------- tonnage and fixture page  -------------------------------------*/
    .archive-text { font-size: 16px !important;line-height: 20px;}
    .fixture-title { font-size: 23px !important; line-height: 30px !important;}
    .fixture-desc { font-size: 14px !important; line-height: 30px !important;}
    /*------------------------------------- contact page  -------------------------------------*/
    .contact-form-block p { margin-bottom: 0px; font-size: 14px !important;}
    .office-contact-block { background-size: calc(100% - 30px) 100% !important; padding: 35px 30px !important;}
    .office-name,
    .office-address,
    .office-contact { font-size: 15px !important; line-height: 20px !important; }
    /*================================== footer style ===========================*/
    #Footer .widget_text img { max-width: 100%;}
    #Footer .widget_text p { font-size: 13px !important;}
    #menu-foot-menu li a { font-size: 12px !important;}
}
@media(max-width: 767px){
    /*================================== common style ===========================*/
   /* .section-desc .column_attr {
        margin-top: -145px;
    }
     .section_wrapper .section-title {
        margin: 0 0 206px !important;
        
    }*/
    
    .singapore-contact-block {
        margin-top: 50px !important;
    }
    
    .section_wrapper .sec-desc {
        margin: 0 0 95px !important;
    }
    
    /* .heading-title {*/
    /*    margin: 0 0 206px !important;*/
        
    /*}*/
    
    .img-sec .scale-with-grid {
        
        width: 129px;
        height: 90px;
        margin-left: 54px;
        margin-bottom: 72px;
    }
    
    
    
    /*.mcb-column .section_wrapper .column {*/
    /*    margin: 0 0 206px !important;*/
    /*}*/
    .section_wrapper .column {
        margin: 0 0 42px;
        height: auto!important;
    }
/*    .scale-with-grid { width: 165px;*/
/*    height: 90px;*/
/*    text-align: center;*/
/*}*/
    .page-title { font-size: 40px; line-height: 35px;}
    .page-desc { font-size: 12px; line-height: 17px;}
    .page-desc br { display: none;}
    .section-title { line-height: 28px; font-size: 20px;}
    .section-desc { line-height: 25px !important;}
    a.custom-btn .button_label {min-width: 130px;}
    /*================================== header style ===========================*/
    .logo {padding: 0px 0px;}
    #Top_bar .top_bar_left { margin: 0px 0px;}
    #Top_bar .logo #logo { margin: 0px auto 5px !important; text-align: left; max-width: 210px; float: left;}
    #Header a.responsive-menu-toggle { top: 12px !important; right: -15px !important;}
    #menu > ul > li > a,
    #Top_bar.is-sticky .menu > li > a { padding: 10px 0px !important; text-align: center;}
    #Top_bar .menu .menu-item-has-children ul li a { text-align:center;}
    #Top_bar #menu ul li a span {line-height: 30px !important;}
    #Top_bar #menu ul li ul li a span {padding: 0;}
    #Top_bar #logo { height: 65px !important;}
    /*================================== slider style ===========================*/
    .slide-map { position: relative !important; top: -40px; min-width: 130px !important; height: auto !important}
    .slide-map img { width: 100% !important; height: auto !important; display: none;}
    .slide-title {position: relative; font-size: 15px !important; line-height: 20px !important; display: none;}
    .slide-go-btn {position: relative; bottom: -30px; display: none;}
    .slide-go-btn img { width: 40px !important; height: 40px !important; display: none;}
    .rev_slider .tp-caption {display: none;}
    /*------------------------------------- home page  -------------------------------------*/
    .mid-image .image_wrapper { border: none;}
    .spacer-block { height: 150px;}
    .service-desc { font-size: 14px !important;}
    .home-category-title { font-size: 15px;}
    .go-ahead-btn { height: 35px; width: 35px; background-size: 18px !important;}
    .go-ahead-btn:hover {  width: 55px; background-position: 30px !important;}
    .logo-desc { font-size: 13px !important; line-height: 18px !important;}
    .logo-block { margin-top: 30px !important;}
    .logo-block img { max-width: 120px !important;}
    .logo-block.logo-block-border { border-right: none;}
    /*================================== timeline style ===========================*/
    .timeline {padding: 30px 0 !important;}
    .timeline-content-right, .timeline-content-left, .timeline .circle, .timeline .border {display: none;}
    .timeline-content {display: block; width: 90%;}   
    .timeline h2 {font-size: 24px;} 
    .timeline p {font-size: 14px;}
    .timeline .column {margin: 0;}
    .timeline-content {margin: 20px auto;}
    .timeline-content img {width: 100%;}
    
    /*------------------------------------- about page  -------------------------------------*/
    .section-backed { font-size: 20px !important; line-height: 25px !important;}
    .side-desc { font-size: 13px !important; line-height: 20px !important; padding-bottom: 40px !important;}
    .side-desc-block { position: relative;}
    .side-desc-block.black-bg::after { top: -20px;}
    .side-desc-block.orange-bg::after { bottom: -20px; top: auto;}
    /*------------------------------------- volume page  -------------------------------------*/
    .volume-block { border:  none !important; border-bottom: 1px solid #fff !important; margin-bottom: 20px !important;}
    .volume-year { font-size: 16px !important;}
    .volume-data { font-size: 22px !important;}
    .volume-measure { font-size: 12px !important;}
    .year-tab-bar ul.ui-tabs-nav li { width: calc(100% - 4px) !important; margin: 0px; background: transparent !important;}
    .year-tab-bar ul.ui-tabs-nav li a { background: transparent;}
    .year-tab-bar ul.ui-tabs-nav { border-radius: 0px !important;}
    .year-tab-bar ul.ui-tabs-nav li:last-child { border-bottom: 2px solid #f78c26 !important;}
    /*------------------------------------- team page  -------------------------------------*/
    .member-tab .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { background: transparent !important; font-size: 14px; line-height: 15px; text-transform: uppercase; letter-spacing: 1px; border: 2px solid #f78c26 !important;}
    .member-tab .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading { background: #f78c26 !important;}
    .member-tab .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading a { color: #000 !important;}
    .member-desc-block {  width: calc(100% - 50px); padding: 35px 10px 20px;}
    .member-name { font-size: 22px; line-height: 25px;}
    .member-position,
    .member-contact { font-size: 13px;}
    /*------------------------------------- tonnage and fixture page  -------------------------------------*/
    .archive-text { font-size: 14px !important;line-height: 20px;}
    .fixture-title { font-size: 18px !important; line-height: 28px !important;}
    .fixture-desc { font-size: 12px !important; line-height: 22px !important;}
    .fixture-title,
    .fixture-desc { padding: 0px 10px;}
    .fixture-pdf { position: absolute; top: 0px;}
    /*------------------------------------- contact page  -------------------------------------*/
    .contact-form-block p { margin-bottom: 0px; font-size: 14px !important;}
    .office-contact-block { background-size: 100% 100% !important; padding: 20px 10px !important;}
    .office-name,
    .office-address,
    .office-contact { font-size: 14px !important; line-height: 20px !important; }
    /*================================== footer style ===========================*/
    #Footer .widget_text {text-align: center;}
    #Footer .widget_text img { margin: 0px auto 20px;}
    #Footer .widget_text p { margin: 10px 0px; line-height: 1.5;}
    #Footer address {padding-bottom: 0;}
    #Footer .number {padding-bottom: 15px;}
    #menu-foot-menu li { display: block; float: none; text-align: center; margin-bottom: 10px; padding: 0px; border: none !important;}   
    .show-mobile .timeline-content-right,
	.show-mobile .timeline-content-left { display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
	.show-mobile .timeline-content-left::before,
	.show-mobile .timeline-content-right::before { display: none;}
}
.search .subheader-both-center h1 {
    color: #000 !important;
}