@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap');

/*font-family: 'Lato', sans-serif;*/

@font-face { font-family: 'latosemibold'; src: url('../fonts/latosemibold-webfont.woff2') format('woff2'), url('../fonts/latosemibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'latoheavy'; src: url('../fonts/lato-heavy-webfont.woff2') format('woff2'), url('../fonts/lato-heavy-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

.wf-wrap.new-dev-class { width: 100% !important; padding: 0; }



/*.container{ max-width: 1200px; margin:0 auto; padding: 0 15px; }*/

#fancy-header { background-size: cover; margin: -70px 0; background-position: 0 -100px !important; }

#fancy-header .wf-wrap { padding-top: 170px; padding-bottom: 170px; }

#fancy-header h1 { font-size: 50px; line-height: 60px; font-weight: 300; }



/*img{ max-width: 100%; border:none; }*/

#main .imo-page { font-size: 16px; line-height: 24px; color: #333333; font-family: 'Lato', sans-serif; }

#main .imo-page h2 { /*font-size: 40px; line-height: 32px;*/ color: #333333; /*font-family: 'latoheavy', sans-serif;*/ margin-bottom: 28px; text-transform: capitalize; }

#main .imo-page a { text-decoration: none; transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -webkit-transition: all 300ms linear; }

.imo-section { width: 100%; display: inline-block; padding: 50px 0; font-size: 16px; line-height: 26px; color: #333333; background-size: cover; background-repeat: no-repeat; }

.imo-section .imo-desc { padding-top: 40px; color: #fff; }

.imo-section .imo-desc h2 { color: #fff !important; }

.imo-section .imo-desc p { margin-bottom: 30px; }

.imo-section .imo-img { position: relative; text-align: right; float: right; }

.imo-section .imo-img > img { position: relative; z-index: 1; vertical-align: top; }



/*.imo-section .imo-img:after {content: ""; width: 100%; height: 100%; border: 10px solid #F5931D; position: absolute; right: 50px; top: 50px; box-sizing: border-box; }*/

.imo-text-bg { font-size: 150px; color: rgba(51, 51, 51, 0.05); font-family: 'Lato', sans-serif; font-weight: 900; white-space: nowrap; display: inline-block; margin-top: 20px; margin-bottom: 0; line-height: 120px; display: none; }

.fuel-solutions { width: 100%; display: inline-block; padding: 50px 0; }

.fuel-title { width: 100%; display: inline-block; padding-bottom: 33px; }

.fuel-title h2 { margin-top: 0; }

.solutions li { width: 16.66%; float: left; text-align: center; padding: 0 6px; }

.solutions li .fuel-single { background-size: cover !important; background-position: center center !important; min-height: 410px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.solutions li .fuel-desc { font-size: 15px; line-height: 22px; color: #fff; background-color: rgba(9, 47, 87, 0.7); padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -webkit-transition: all 300ms linear; }

.solutions li:hover .fuel-desc { opacity: 1; }

.solutions li h6 { font-size: 19px; color: #333333; margin-top: 15px; font-family: 'latosemibold'; transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -webkit-transition: all 300ms linear; }

.solutions li:hover h6 { color: #F5931D; text-decoration: underline; }

.ports-section { width: 100%; display: inline-block; padding: 50px 0; }

.ports-section .ports-ttile { padding-bottom: 20px; text-align: center; }

.ports-section .ports-ttile h2 { text-align: center; margin-top: 0; }

.ports-section .ports-bg { width: 100%; display: inline-block; background-color: #F1F1F1; }

#powerTip { background-color: #fff !important; border-radius: 0; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); width: 250px; }

#powerTip.n:before { border-top: 10px solid #fff; }

#powerTip.s:before { border-bottom: 10px solid #fff; }

.box_view_html { color: #333 !important; max-width: 240px; font-size: 13px; line-height: 18px; }

.box_view_html .close_ihp + p { margin-bottom: 5px; }

.box_view_html p span { font-size: 15px; text-transform: uppercase; padding-top: 15px; display: block; }

.ready-change-section { padding: 50px 0 50px 0; }

.ready-change-section .ready-change-text { padding-bottom: 20px; }

.ready-change-section .ready-change-text h2 { margin-top: 0; }

.ready-change-section .ready-change-text p { margin-bottom: 25px; }

.ready-change-section .btn-download a { font-size: 15px; font-weight: 700; color: #F6931D; text-transform: uppercase; padding: 14px 26px 15px 36px !important; display: inline-block; border: 1px solid #F6931D; text-decoration: none; text-align: center; }

.ready-change-section .btn-download a:hover { color: #333333; border-color: #333333; }



/*.ready-change-section .btn-download a[href$=".pdf"]{ padding:0;}*/

.ready-change-section a[href$=".pdf"] { background: url(../images/icon-pdf1.png) no-repeat; background-position: left 10px top 17px; }

.sompliance-section { width: 100%; display: flex; padding: 100px 0 100px 0; }

.sompliance-img-wrap { width: 50%; float: left; margin-top: -50px; }

.sompliance-slide { width: 100%; /*height: 766px;*/ height: 560px; background-size: cover !important; background-position: bottom center !important; }

.sompliance-text-wrap { width: 55%; float: right; background-color: #092F57; color: #fff; margin-left: -5%; padding-top: 100px; padding-left: 180px; padding-right: 150px; padding-bottom: 20px; margin-bottom: -50px; }

.sompliance-text-wrap h2 { color: #fff !important; line-height: 50px !important; }

.sompliance-text-wrap h5 { font-size: 18px; color: #fff; font-weight: 700; margin-bottom: 30px; }

.sompliance-text-slide { padding-bottom: 50px; }

.sompliance-item li { background: url(../images/bullet-check.svg) no-repeat left 6px; padding-left: 27px; margin: 25px 0; background-size: 15px auto; }

.sompliance-slide .img-text { position: absolute; right: 12px; bottom: 29px; max-width: 100%; width: 325px; }

.sompliance-slide .img-text p { color: #fff; font-size: 34px; line-height: 38px; }



/*slick slider*/

.slick-slide:focus { outline: none; }

.sompliance-section .slick-prev,

.sompliance-section .slick-next { font-size: 0; line-height: 0; position: absolute; bottom: 0; display: block; width: 35px; height: 35px; padding: 0; cursor: pointer; color: transparent; border: 1px solid #fff; outline: none; background: transparent; z-index: 1; background-size: 20px auto !important; background-position: center center !important; transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -webkit-transition: all 300ms linear; }

.sompliance-section .slick-prev { left: 50%; background: url(../images/angle-arrow.svg) no-repeat left center; margin-left: -40px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.sompliance-section .slick-next { right: 50%; background: url(../images/angle-arrow.svg) no-repeat left center; margin-right: -40px; }

.sompliance-section .slick-prev:hover,

.sompliance-section .slick-next:hover { background-color: #f7941e; border: 1px solid #f7941e; }

#footer .wf-container-footer { padding-top: 0px !important; padding-bottom: 0px !important; }

#bottom-bar.full-width-line { border-top: 1px solid rgba(9, 47, 87, 0.85) !important; }

.footer .widget { padding: 0 19px; }

.footer .widget-title { font: normal normal normal 18px / 24px "Open Sans", Helvetica, Arial, Verdana, sans-serif; }

.footer .textwidget { line-height: 17px; margin-bottom: 0; }



/*========Traning Program page==========*/

.page-template-training-template .sidebar-none.sidebar-divider-vertical,

.page-template-training-template .new-dev-class { padding: 0 !important; }

.structed-sec-outer { background-repeat: no-repeat !important; background-size: cover !important; position: relative; padding: 96px 0; }

.structed-sec-outer .container { position: relative; z-index: 22; }

.structed-sec-outer h3,

.traing-work-day h3,

.training-looking-right-inner h3,

.offer-sec-outer h3,

.training-form-outer h3 { font-size: 28px; margin: 0; padding: 0; border: none; color: #333333; text-transform: capitalize; line-height: 32px; }

.structed-sec-outer p,

.traing-work-day p,

.training-form-outer p { font-size: 16px; line-height: 26px; color: #333333; margin-top: 16px; margin-bottom: 0; font-family: 'Lato', sans-serif; }

.structured-video-sec iframe { width: 100%; height: 370px; }

.traing-work-day { background-color: #092F57; padding: 85px 0 92px; }

.traing-work-day h3,

.traing-work-day p,

.offer-sec-outer h3 { color: #fff; }



.training-looking-sec { background-color: #f1f1f1; display: inline-block; width: 100%; }

.training-looking-left { float: left; width: 50%; }

.training-looking-right { float: left; width: 50%; }

.training-looking-left img { width: 100%; height: 666px; object-fit: cover; visibility: hidden; }

.training-looking-right-inner { width: 100%; max-width: 566px; float: left; padding: 106px 0 56px 55px; }

.training-looking-right-inner h3 { margin-bottom: 26px; }

.training-looking-right-inner ul li { position: relative; padding-left: 26px; font-size: 16px; color: #333333; line-height: 26px; font-family: 'Lato', sans-serif; margin-bottom: 14px; }

.training-looking-right-inner ul li:after { position: absolute; content: ""; background-image: url(../images/style-icon.png); height: 15px; width: 15px; left: 0; top: 6px; }

.offer-sec-outer { background-size: cover; background-repeat: no-repeat; text-align: center; padding: 96px 0 102px; margin-top: -4px; }

.offer-sec-cell { background: #fff; padding: 44px 32px 36px; border-bottom: 6px solid #F5931D; }

.offer-sec-cell p { font-size: 16px; color: #333333; line-height: 26px; margin: 22px 0 0; font-family: 'Lato', sans-serif; }

.offer-sec-outer h3 { margin-bottom: 52px; text-align: left; }

.training-form-outer { padding: 102px 0; }

.training-form-outer .training-form-inner { box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.10); padding: 62px 82px 72px 82px; margin: 0; }

.training-form-outer .wpcf7 { margin-top: 44px; }

.training-form-outer .form-input-half p { float: left; width: 100%; max-width: 467px; }

.training-form-outer input,

.training-form-outer textarea,

.training-form-outer input,

.training-form-outer select { background: #fff !important; height: 55px !important; font-size: 15px !important; color: #333333 !important; font-family: 'Lato', sans-serif !important; margin-bottom: 18px !important; border: 1px solid rgba(173, 176, 182, 0.3); }

.training-form-outer .form-input-half input:nth-child(2n) { float: right; }

.training-form-outer .form-input-half p:nth-child(2n) { float: right; }

.training-form-outer p.training-phone-code { float: right !important; width: 100%; max-width: 124px !important; }

.training-form-outer p.training-phone-code select { min-width: initial; }

p.training-phone-number { float: right !important; width: 100%; max-width: 342px !important; }

.training-form-outer input::placeholder,

.training-form-outer textarea::placeholder { color: #333333 !important; opacity: 1; }

.training-form-outer input:-ms-input-placeholder,

.training-form-outer textarea:-ms-input-placeholder { color: #333333 !important; }

.training-form-outer input::-ms-input-placeholder,

.training-form-outer textarea::-ms-input-placeholder { color: #333333 !important; }

.training-form-outer textarea { height: 132px !important; padding: 22px 15px; resize: none; }

.training-form-outer form p { margin-top: 0 !important; }

.training-form-outer input[type=file] { width: 100%; padding: 13px; height: 70px !important; margin-top: 12px; }

.training-form-outer input[type=file]:before { width: 84px; height: 44px; font-size: 12px; line-height: 32px; content: 'Choose File'; display: inline-block; background: #F1F1F1; border: 1px dashed #f7941e; padding: 6px 10px; text-align: center; }

.training-form-outer input[type=file]::-webkit-file-upload-button { visibility: hidden; }

.training-form-outer .wpcf7-form input[type="submit"] { width: 192px; height: 52px !important; background: transparent !important; border: 2px solid #f7941e; border-radius: 0 !important; color: #F6931D !important; font-weight: 700 !important; font-family: 'Lato', sans-serif !important; text-transform: uppercase !important; margin-top: 27px; }

.training-form-outer span.wpcf7-not-valid-tip { position: relative; top: -12px; }

.training-form-outer select { background-image: url('../images/select-arrow-down.png') !important; background-position: right 5px center !important; background-repeat: no-repeat !important; background-size: 10px auto !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 20px; }

.training-form-outer select::-ms-expand { display: none; }

#fancy-header:before { content: ""; width: 100%; height: 66px; display: block; position: absolute; left: 0; top: 0; background-image: none, -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0.8) 10px, rgba(255, 255, 255, 0.86) 20px, rgba(255, 255, 255, 0.9) 30px, rgba(255, 255, 255, 0.94) 40px, rgba(255, 255, 255, 0.98) 50px, rgba(255, 255, 255, 0.99) 60px, #ffffff 70px); background-image: none, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff)); background-image: none, -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0.8) 10px, rgba(255, 255, 255, 0.86) 20px, rgba(255, 255, 255, 0.9) 30px, rgba(255, 255, 255, 0.94) 40px, rgba(255, 255, 255, 0.98) 50px, rgba(255, 255, 255, 0.99) 60px, #ffffff 70px); background-image: none, -o-linear-gradient(bottom, rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0.8) 10px, rgba(255, 255, 255, 0.86) 20px, rgba(255, 255, 255, 0.9) 30px, rgba(255, 255, 255, 0.94) 40px, rgba(255, 255, 255, 0.98) 50px, rgba(255, 255, 255, 0.99) 60px, #ffffff 70px); background-image: none, -ms-linear-gradient(bottom, rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0.8) 10px, rgba(255, 255, 255, 0.86) 20px, rgba(255, 255, 255, 0.9) 30px, rgba(255, 255, 255, 0.94) 40px, rgba(255, 255, 255, 0.98) 50px, rgba(255, 255, 255, 0.99) 60px, #ffffff 70px); background-image: none, linear-gradient(to top, rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0.8) 10px, rgba(255, 255, 255, 0.86) 20px, rgba(255, 255, 255, 0.9) 30px, rgba(255, 255, 255, 0.94) 40px, rgba(255, 255, 255, 0.98) 50px, rgba(255, 255, 255, 0.99) 60px, #ffffff 70px); background-color: transparent; background-repeat: repeat; background-attachment:; background-position: center top; background-size:; border-bottom: none; -webkit-box-shadow: 0px 1px 0px 0px rgba(5, 38, 57, 0.05); box-shadow: 0px 1px 0px 0px rgba(5, 38, 57, 0.05); }

#fancy-header:after { content: ""; width: 100%; height: 66px; display: block; position: absolute; left: 0; bottom: 0; background-image: none, #ffffff none repeat  center top, -moz-linear-gradient(top, rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0.8) 5px, rgba(255, 255, 255, 0.86) 10px, rgba(255, 255, 255, 0.9) 20px, rgba(255, 255, 255, 0.94) 30px, rgba(255, 255, 255, 0.98) 50px, rgba(255, 255, 255, 0.99) 60px, #ffffff 70px); background-image: none, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff)); background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0.8) 5px, rgba(255, 255, 255, 0.86) 10px, rgba(255, 255, 255, 0.9) 20px, rgba(255, 255, 255, 0.94) 30px, rgba(255, 255, 255, 0.98) 50px, rgba(255, 255, 255, 0.99) 60px, #ffffff 70px); background-image: none, -o-linear-gradient(top, rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0.8) 5px, rgba(255, 255, 255, 0.86) 10px, rgba(255, 255, 255, 0.9) 20px, rgba(255, 255, 255, 0.94) 30px, rgba(255, 255, 255, 0.98) 50px, rgba(255, 255, 255, 0.99) 60px, #ffffff 70px); background-image: none, -ms-linear-gradient(top, rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0.8) 5px, rgba(255, 255, 255, 0.86) 10px, rgba(255, 255, 255, 0.9) 20px, rgba(255, 255, 255, 0.94) 30px, rgba(255, 255, 255, 0.98) 50px, rgba(255, 255, 255, 0.99) 60px, #ffffff 70px); background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0.8) 5px, rgba(255, 255, 255, 0.86) 10px, rgba(255, 255, 255, 0.9) 20px, rgba(255, 255, 255, 0.94) 30px, rgba(255, 255, 255, 0.98) 50px, rgba(255, 255, 255, 0.99) 60px, #ffffff 70px); background-repeat: repeat; background-attachment:; background-position: center top; background-size: auto; -webkit-box-shadow: 0px -1px 0px 0px rgba(5, 38, 57, 0.05); box-shadow: 0px -1px 0px 0px rgba(5, 38, 57, 0.05); }

.masthead:not(.mixed-header) { background: none !important; }

.masthead.show-phantom { background: #fff !important; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .25) !important; box-shadow: 0 0 6px rgba(0, 0, 0, .25) !important; }

#phantom .ph-wrap { min-height: auto; }

.masthead.show-phantom #primary-menu { margin: 5px 0; }



/*2/10/2019*/

#powerTip .dt-pswp-item img { width: 80px; float: left; margin-right: 10px; }

.download-guideline-section { width: 100%; display: inline-block; padding: 0px 0 50px 0; }

.download-guideline-section h2 { color: #333333 !important; margin-top: 0; margin-bottom: 28px; text-transform: inherit; }

.download-guideline-section { font-family: 'Lato', sans-serif; }

.download-guideline-section .btn-download a { font-size: 15px; font-weight: 700; color: #F6931D; padding: 14px 26px 15px 36px !important; display: inline-block; border: 1px solid #F6931D; text-decoration: none; text-align: center; margin-bottom: 10px; }

.download-guideline-section .btn-download a:hover { color: #333333; border-color: #333333; }

.download-guideline-section a[href$=".pdf"] { background: url(../images/icon-pdf1.png) no-repeat; background-position: left 10px top 17px; }

.download-guideline-section a[href$=".html"] { background: url(../images/web-icon.png) no-repeat; background-size: 34px; background-position: left 1px top 8px; }

.download-guideline-section li:last-child .btn-download a { padding: 14px 26px 15px 34px !important; }

.ports-section .terms-use { width: 100%; display: inline-block; border: 1px solid #F6931D; padding: 15px; margin: 30px 0; }

.sompliance-img-slide .slick-list .slick-slide { transition: none !important; }

#fancy-header .fancy-title .small { color: #fff; }

.download-guideline-section .container { display: flex; align-items: center; justify-content: center; }

.download-guideline-section  .guideline-text-left { width: 40%; }

.download-guideline-section  .guideline-text { width: 60%; padding-left: 30px; }

.imo-slider { width: 100%; position: relative; display: flex; flex-wrap: wrap; margin-top: 50px; }

.imo-slider:after { content: ''; display: table; clear: both; }

.imo-slider .left-side { width: 50%; margin-top: -50px; position: relative; z-index: 9; }

.imo-slider .left-side .bg-img { width: 100%; height: 730px; background-size: cover; background-repeat: no-repeat; background-position: left top; position: relative; }

.imo-slider .left-side .bg-img .left-contain { position: absolute; bottom: 124px;right: 150px;width: 404px; padding-left: 15px;    /*padding: 15px;*/ }

.imo-slider .left-side .bg-img .left-contain p { color: #fff;     font-size: 52px; line-height: 50px; }

.imo-slider .left-side .bg-img .left-contain strong { color: #f7941e; }

.imo-slider .right-side { width: 50%; position: relative; }

.imo-slider .right-side .cover-bg { width: calc(100% + 70px); margin-left: -70px; background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0.3; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }

.imo-slider .right-side .bg-color { width: calc(100% + 70px); margin-left: -70px; background: #092f57; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.imo-slider .right-side .imo-slider-area {position: relative; z-index: 9; }

.imo-slider .right-side .sompliance-item {    /*background: #092f57;*/

width: 100%; min-height: 730px; padding-top: 150px; padding-left: 150px; padding-right: 150px; padding-bottom: 50px; position: relative; }

.imo-slider .right-side .sompliance-item h2 { margin-bottom: 28px; text-transform: capitalize; font-size: 28px; color: #fff !important; line-height: 50px !important; }

.imo-slider .right-side .sompliance-item .contain i { color: #f7941e; font-size: 32px; margin-right: 10px; }

.imo-slider .right-side .sompliance-item p { color: #fff; }

.imo-slider .right-side .sompliance-item .bg-img-contain { position: absolute; top: 0; right: 0; left: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 0; opacity: 0.3; }

.imo-slider .right-side .sompliance-item .contain { position: relative; z-index: 1; }

.imo-slider .right-side .sompliance-item .contain h2 { color: #f7941e !important; }

.imo-slider-area .slick-prev { left: 50%; background: url(../images/angle-arrow.svg) no-repeat left center !important; margin-left: -40px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); bottom: 13%; top: inherit; }

.imo-slider-area .slick-next { right: 50%; background: url(../images/angle-arrow.svg) no-repeat left center !important; margin-right: -40px; bottom: 13%; top: inherit; }

.imo-slider-area .slick-prev,

.imo-slider-area .slick-next { font-size: 0; line-height: 0; position: absolute; bottom: 100px; display: block; width: 35px; height: 35px; padding: 0; cursor: pointer; color: transparent; border: 1px solid #fff; outline: none; background: transparent; z-index: 1; background-size: 20px auto !important; background-position: center center !important; transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -webkit-transition: all 300ms linear; }

.imo-slider-area .slick-prev:hover,

.imo-slider-area .slick-next:hover { background-color: #f7941e !important; border: 1px solid #f7941e; }



/*===========download-pdf===========*/

.download-section { width: 100%; display: inline-block; padding: 170px 0 50px 0; height: 678px; background-position: top right; background-size: auto; background-repeat: no-repeat; }

.download-section .row { width: 78%; margin-left: 0; margin-right: 0; }

.download-section .main-title h2 { color: #ffffff !important; font-family: "Open Sans"; font-size: 42px !important; text-transform: inherit; }

.download-section .main-title { display: block; margin-bottom: 46px; }

.col-4 { width: calc(100% / 4); float: left; padding: 0 15px; }

.download-section .pdf-box { display: block; width: 100%; background: #fff; padding: 20px; border-radius: 10px; }

.download-section .pdf-box .icon img { width: 64px; height: 60px; object-fit: contain; display: block; }

.download-section .pdf-box h3.title { color: #092f57; font-family: "Open Sans"; font-size: 18px; line-height: 22px; margin: 10px 0 0 0; border: 0; }

.download-section .pdf-box p { color: #3d3d3d; font-family: "Open Sans"; font-size: 12px; text-transform: uppercase; display: block; margin-bottom: 24px; }

.download-section .pdf-box .dwn-pdf { display: block; width: 100%; }

.download-section .pdf-box .dwn-pdf svg { width: 21px; margin-right: 8px; }

.download-section .pdf-box .dwn-pdf a { color: #f6931e; font-family: "Open Sans"; font-size: 14px; line-height: 22px; text-decoration: none; display: inline-flex; transition: 0.5s all; }

.download-section .pdf-box .dwn-pdf a:hover { color: #333; }

#main { padding: 50px 0 3px 0 !important; }



/*===========End download pdf===========*/

.page-template-imo2020-template div.container { position: inherit; top: inherit; left: inherit; -moz-transform-origin: center center; -ms-transform-origin: center center; -webkit-user-select: inherit; user-select: inherit; }

.page-template-imo2020-template .wf-wrap { max-width: 100% !important; padding: 0 !important; }

.page-template-imo2020-template .container span { width: auto; opacity: 1; position: relative !important; }

.page-template-imo2020-template #fancy-header { position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; background-size: cover; background-attachment: fixed !important; margin: -70px 0; background-position: 0 -20px !important; }

.page-template-imo2020-template #header { background: none !important; border-bottom: 0 !important; }

.page-template-imo2020-template #main-nav { margin-bottom: 0; }

.page-template-imo2020-template #main-nav > li { border-bottom: 3px solid transparent; }

.page-template-imo2020-template #fancy-header h1 { text-transform: inherit; }

.page-template-imo2020-template .fancy-header .wf-td { width: 100%; }

.page-template-imo2020-template .fancy-header .wf-wrap { padding-top: 70px !important; padding-bottom: 70px !important; max-width: 100% !important; width: 1200px; padding-left: 40px !important; padding-right: 40px !important; }

.page-template-imo2020-template #header .wf-wrap,

.page-template-imo2020-template #footer .wf-wrap,

.page-template-imo2020-template #bottom-bar .wf-wrap { max-width: 100%; width: 1200px; padding: 0 20px !important;}

.page-template-imo2020-template .container { max-width: 100%; width: 1200px; padding: 0 20px; }



/* 30-12-2019 */

body.page-template-home-new-template{font-family: "Open Sans";}

.page-template-home-new-template .logo-left #branding {width: initial;}

.page-template-home-new-template .sidebar-right .wf-wrap { max-width: 100% !important; padding: 0 !important; }

.page-template-home-new-template #main {padding: 0px !important;}

.page-template-home-new-template .imo-solutions-img{position:relative;overflow:hidden;    z-index: 1;}

.page-template-home-new-template .imo-solutions-img .zoom-img{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;transform:scale(1);transition:all 0.3s ease!important;}

.page-template-home-new-template .imo-solutions-img:hover .zoom-img{transform:scale(1.1);}

.page-template-home-new-template .main-banner img {width: 100%;}

.page-template-home-new-template .imo-solutions{width:100%;padding:50px 0px;background:#f5f5f5;}

.page-template-home-new-template div.container{position:inherit;}

.page-template-home-new-template .main-content h2, .page-template-home-new-template  #main h2{color:#092f57;font-family:"Open Sans";font-size:32px;text-transform:uppercase;margin:0px;font-weight:500;}

.page-template-home-new-template .imo-content p{color:#3d3d3d;font-family:"Open Sans";font-size:14px;line-height:26px;}

.page-template-home-new-template .custom-btn{font-family: "Open Sans";border-radius:4px;background-color:#f6931e;color:#ffffff;display:inline-block;vertical-align:top;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:17px 40px;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;    font-size: 16px;    text-decoration: none;}

.page-template-home-new-template .custom-btn:hover{background-color:#092f57;color:#ffffff;}

.page-template-home-new-template #main .imo-content h2{margin-bottom:24px;font-weight:500;}

.page-template-home-new-template .imo-solutions .container{max-width:1060px;}

.page-template-home-new-template img{max-width:100%;}

.page-template-home-new-template .imo-solutions-wrap{margin-top:40px;margin-bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex;}

.page-template-home-new-template .imo-content .custom-btn{margin-top:28px;}

.page-template-home-new-template .imo-content{height:100%;position:relative; /*padding-left:40px;*/}

.page-template-home-new-template .imo-content h2{font-size:22px !important;}

.page-template-home-new-template .imo-content:before{content:'';position:absolute;right:0;top:-40px;bottom:-40px;left:-130px;background:#ffffff;}

.page-template-home-new-template .imo-content *{position:relative;}

.page-template-home-new-template .imo-solutions-wrap img{position:relative;z-index:1;}

.page-template-home-new-template .great-partner {background: #f5f5f5;position: relative;padding-bottom: 50px;}

.page-template-home-new-template  h3{border:none;margin:0px;padding:0px;}

.page-template-home-new-template .what-latest{background:#ffffff;padding:40px 0px 75px;}

.page-template-home-new-template #main .what-latest h2{text-align:center;margin-bottom:29px;}

.page-template-home-new-template .latest-content-tag{background-color:#092f57;color:#ffffff;display:inline-block;vertical-align:top;white-space:nowrap;font-family:"Open Sans";font-size:12px;font-weight:600;padding:6px 10px;margin-bottom:12px;    margin-top: 10px;}

.page-template-home-new-template .container span{position:inherit;opacity:1;border:none;width:initial;height:initial;}

.page-template-home-new-template .latest-date{color:#3d3d3d;font-family:"Open Sans";font-size:12px;line-height:21px;margin-bottom: 13px;}

.page-template-home-new-template .latest-content h3{color:#092f57;font-family:"Open Sans";font-size:16px;}

.page-template-home-new-template #main h3{font-weight:400;}

.page-template-home-new-template .latest-link{color:#f6931e;font-family:"Open Sans";font-size: 16px;position: relative;padding-right: 16px;margin-top: 24px;display: inline-block;vertical-align: top;}

.page-template-home-new-template .latest-link:after {content: "\f105";font-family: FontAwesome;font-size: 24px;position: absolute;right: 0;}

.page-template-home-new-template .latest-link:hover{color:#092f57;}

.page-template-home-new-template #main h3{text-transform:initial;}

.page-template-home-new-template  .what-latest-single img {height: 180px;object-fit: cover;width: 100%;object-position: top center;}

.page-template-home-new-template .what-latest-img{position:relative;overflow:hidden;}

.page-template-home-new-template .what-latest-single img.what-zoom-img{transform:scale(1);position:absolute;top:0;left:0;right:0;bottom:0;transition:all 0.3s ease!important;}

.page-template-home-new-template .what-latest-single:hover img.what-zoom-img{transform:scale(1.1);}

/*.page-template-home-new-template .what-latest div.container {max-width: 1020px;}*/



/*  Great partner section */

.page-template-home-new-template .great-partner-single{position:relative;    overflow: hidden;}

.page-template-home-new-template .great-partner-single img{width:100%;transform:scale(1);transition:all 0.3s ease!important;min-height:320px;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;height: 500px;}

.page-template-home-new-template .great-partner-single:hover img{transform:scale(1.1);}

.page-template-home-new-template .great-partner-single:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background-color:#01060a;opacity:0.2;}

.page-template-home-new-template .great-partner-single h3{position:absolute;left:40px;bottom:50px;}

.page-template-home-new-template .great-partner-single h3 a{color:#ffffff;font-family:"Open Sans";font-size:16px;position:relative;}

.page-template-home-new-template .great-partner-single h3 a:before{content:'';position:absolute;left:0;width:50px;height:2px;background-color:#f6931e;top:-8px;}

.page-template-home-new-template .great-partner-slider{position:relative;}

.page-template-home-new-template .great-partner-slider:before{content:'';position:absolute;left:0;right:0;height:190px;background-image:-webkit-gradient(linear,left top, left bottom,from(#020f1c),to(rgba(2,15,28,0)));background-image:-o-linear-gradient(top,#020f1c 0%,rgba(2,15,28,0) 100%);background-image:linear-gradient(180deg,#020f1c 0%,rgba(2,15,28,0) 100%);opacity:0.85;z-index:1;}

.page-template-home-new-template .great-partner-slider .slick-arrow{    position: absolute;top: 50%;z-index: 1;font-size: 0px;background: transparent;padding: 10px;outline: none;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

.page-template-home-new-template .great-partner-slider .slick-arrow.slick-prev{left:30px;content:'';}

.page-template-home-new-template .great-partner-slider .slick-arrow.slick-next{right:30px;}

.page-template-home-new-template .wf-container-main{margin:0px;}

.page-template-home-new-template .great-partner-slider .slick-arrow.slick-prev:before{content:"\f104";}

.page-template-home-new-template .great-partner-slider .slick-arrow.slick-prev:before,.page-template-home-new-template .great-partner-slider .slick-arrow.slick-next:before{font-size:14px;font-family:FontAwesome;font-size:42px;font-weight:400;}

.page-template-home-new-template .great-partner-slider .slick-arrow.slick-next:before{content:"\f105";}

.page-template-home-new-template #main .great-partner h2{position:absolute;z-index:2;color:#ffffff;font-size:32px;line-height:36px;text-transform:uppercase;max-width:354px;left:40px;top:53px;}

.page-template-home-new-template #main .great-partner h2 strong{color:#f6931e;font-family:"Open Sans";font-weight:700;}

.page-template-home-new-template .view-all-wrap {text-align: center;margin-top: 20px;}

.page-template-home-new-template .corporare-video { background: #000000; text-align: center; padding: 104px 0px 92px; background-size: cover; background-position: center center; }

.page-template-home-new-template #main .corporare-contant h3 { color: #ffffff; font-size: 32px; text-transform: uppercase; margin-top: 30px; }

.page-template-home-new-template .play-button { width: 90px; height: 90px; background-color: #f6931e; display: inline-block; vertical-align: top; border-radius: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.page-template-home-new-template .play-button img { position: relative; top: 0px; left: 4px; }

.page-template-home-new-template .play-button:hover { background: #105a9a; }



.page-template-home-new-template .bunkering-section{background-color:#073662;background-size:contain;background-repeat:no-repeat;padding:50px 0px;}

.page-template-home-new-template .bunkering-contant{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:830px;margin:0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

.page-template-home-new-template .bunkering-contant .custom-btn{white-space:nowrap;}

.page-template-home-new-template #main .bunkering-contant h3{color:#ffffff;font-size:26px;font-weight:700;line-height:28px;text-transform:uppercase;}

.page-template-home-new-template .email,.page-template-home-new-template .phone{padding:0px;}


/* change of 23-2-2021 sstyle for homepagevideothumnailtemplate*/
/* page-template-home-new-withvideothumbnails-template */
body.page-template-home-new-withvideothumbnails-template{font-family: "Open Sans";}

.page-template-home-new-withvideothumbnails-template .logo-left #branding {width: initial;}

.page-template-home-new-withvideothumbnails-template .sidebar-right .wf-wrap { max-width: 100% !important; padding: 0 !important; }

.page-template-home-new-withvideothumbnails-template #main {padding: 0px !important;}

.page-template-home-new-withvideothumbnails-template .imo-solutions-img{position:relative;overflow:hidden;    z-index: 1;}

.page-template-home-new-withvideothumbnails-template .imo-solutions-img .zoom-img{position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;transform:scale(1);transition:all 0.3s ease!important;}

.page-template-home-new-withvideothumbnails-template .imo-solutions-img:hover .zoom-img{transform:scale(1.1);}

.page-template-home-new-withvideothumbnails-template .main-banner img {width: 100%;}

.page-template-home-new-withvideothumbnails-template .imo-solutions{width:100%;padding:50px 0px;background:#f5f5f5;}

.page-template-home-new-withvideothumbnails-template div.container{position:inherit;}

.page-template-home-new-withvideothumbnails-template .main-content h2, .page-template-home-new-withvideothumbnails-template  #main h2{color:#092f57;font-family:"Open Sans";font-size:32px;text-transform:uppercase;margin:0px;font-weight:500;}

.page-template-home-new-withvideothumbnails-template .imo-content p{color:#3d3d3d;font-family:"Open Sans";font-size:14px;line-height:26px;}

.page-template-home-new-withvideothumbnails-template .custom-btn{font-family: "Open Sans";border-radius:4px;background-color:#f6931e;color:#ffffff;display:inline-block;vertical-align:top;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:17px 40px;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;    font-size: 16px;    text-decoration: none;}

.page-template-home-new-withvideothumbnails-template .custom-btn:hover{background-color:#092f57;color:#ffffff;}

.page-template-home-new-withvideothumbnails-template #main .imo-content h2{margin-bottom:24px;font-weight:500;}

.page-template-home-new-withvideothumbnails-template .imo-solutions .container{max-width:1060px;}

.page-template-home-new-withvideothumbnails-template img{max-width:100%;}

.page-template-home-new-withvideothumbnails-template .imo-solutions-wrap{margin-top:40px;margin-bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex;}

.page-template-home-new-withvideothumbnails-template .imo-content .custom-btn{margin-top:28px;}

.page-template-home-new-withvideothumbnails-template .imo-content{height:100%;position:relative; /*padding-left:40px;*/}

.page-template-home-new-withvideothumbnails-template .imo-content h2{font-size:22px !important;}

.page-template-home-new-withvideothumbnails-template .imo-content:before{content:'';position:absolute;right:0;top:-40px;bottom:-40px;left:-130px;background:#ffffff;}

.page-template-home-new-withvideothumbnails-template .imo-content *{position:relative;}

.page-template-home-new-withvideothumbnails-template .imo-solutions-wrap img{position:relative;z-index:1;}

.page-template-home-new-withvideothumbnails-template .great-partner {background: #f5f5f5;position: relative;padding-bottom: 50px;}

.page-template-home-new-withvideothumbnails-template  h3{border:none;margin:0px;padding:0px;}

.page-template-home-new-withvideothumbnails-template .what-latest{background:#ffffff;padding:40px 0px 75px;}

.page-template-home-new-withvideothumbnails-template #main .what-latest h2{text-align:center;margin-bottom:29px;}

.page-template-home-new-withvideothumbnails-template .latest-content-tag{background-color:#092f57;color:#ffffff;display:inline-block;vertical-align:top;white-space:nowrap;font-family:"Open Sans";font-size:12px;font-weight:600;padding:6px 10px;margin-bottom:12px;    margin-top: 10px;}

.page-template-home-new-withvideothumbnails-template .container span{position:inherit;opacity:1;border:none;width:initial;height:initial;}

.page-template-home-new-withvideothumbnails-template .latest-date{color:#3d3d3d;font-family:"Open Sans";font-size:12px;line-height:21px;margin-bottom: 13px;}

.page-template-home-new-withvideothumbnails-template .latest-content h3{color:#092f57;font-family:"Open Sans";font-size:16px;}

.page-template-home-new-withvideothumbnails-template #main h3{font-weight:400;}

.page-template-home-new-withvideothumbnails-template .latest-link{color:#f6931e;font-family:"Open Sans";font-size: 16px;position: relative;padding-right: 16px;margin-top: 20px;display: inline-block;vertical-align: top;}

.page-template-home-new-withvideothumbnails-template .latest-link:after {content: "\f105";font-family: FontAwesome;font-size: 24px;position: absolute;right: 0;}

.page-template-home-new-withvideothumbnails-template .latest-link:hover{color:#092f57;}

.page-template-home-new-withvideothumbnails-template #main h3{text-transform:initial;}

.page-template-home-new-withvideothumbnails-template  .what-latest-single img {height: 180px;object-fit: cover;width: 100%;object-position: top center;}

.page-template-home-new-withvideothumbnails-template .what-latest-img{position:relative;overflow:hidden;}

.page-template-home-new-withvideothumbnails-template .what-latest-single img.what-zoom-img{transform:scale(1);position:absolute;top:0;left:0;right:0;bottom:0;transition:all 0.3s ease!important;}

.page-template-home-new-withvideothumbnails-template .what-latest-single:hover img.what-zoom-img{transform:scale(1.1);}

/*.page-template-home-new-template .what-latest div.container {max-width: 1020px;}*/



/*  Great partner section */

.page-template-home-new-withvideothumbnails-template .great-partner-single{position:relative;    overflow: hidden;}

.page-template-home-new-withvideothumbnails-template .great-partner-single img{width:100%;transform:scale(1);transition:all 0.3s ease!important;min-height:320px;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;height: 500px;}

.page-template-home-new-withvideothumbnails-template .great-partner-single:hover img{transform:scale(1.1);}

.page-template-home-new-withvideothumbnails-template .great-partner-single:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background-color:#01060a;opacity:0.2;}

.page-template-home-new-withvideothumbnails-template .great-partner-single h3{position:absolute;left:40px;bottom:50px;}

.page-template-home-new-withvideothumbnails-template .great-partner-single h3 a{color:#ffffff;font-family:"Open Sans";font-size:16px;position:relative;}

.page-template-home-new-withvideothumbnails-template .great-partner-single h3 a:before{content:'';position:absolute;left:0;width:50px;height:2px;background-color:#f6931e;top:-8px;}

.page-template-home-new-withvideothumbnails-template .great-partner-slider{position:relative;}

.page-template-home-new-withvideothumbnails-template .great-partner-slider:before{content:'';position:absolute;left:0;right:0;height:190px;background-image:-webkit-gradient(linear,left top, left bottom,from(#020f1c),to(rgba(2,15,28,0)));background-image:-o-linear-gradient(top,#020f1c 0%,rgba(2,15,28,0) 100%);background-image:linear-gradient(180deg,#020f1c 0%,rgba(2,15,28,0) 100%);opacity:0.85;z-index:1;}

.page-template-home-new-withvideothumbnails-template .great-partner-slider .slick-arrow{    position: absolute;top: 50%;z-index: 1;font-size: 0px;background: transparent;padding: 10px;outline: none;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}

.page-template-home-new-withvideothumbnails-template .great-partner-slider .slick-arrow.slick-prev{left:30px;content:'';}

.page-template-home-new-withvideothumbnails-template .great-partner-slider .slick-arrow.slick-next{right:30px;}

.page-template-home-new-withvideothumbnails-template .wf-container-main{margin:0px;}

.page-template-home-new-withvideothumbnails-template .great-partner-slider .slick-arrow.slick-prev:before{content:"\f104";}

.page-template-home-new-withvideothumbnails-template .great-partner-slider .slick-arrow.slick-prev:before,.page-template-home-new-withvideothumbnails-template .great-partner-slider .slick-arrow.slick-next:before{font-size:14px;font-family:FontAwesome;font-size:42px;font-weight:400;}

.page-template-home-new-withvideothumbnails-template .great-partner-slider .slick-arrow.slick-next:before{content:"\f105";}

.page-template-home-new-withvideothumbnails-template #main .great-partner h2{position:absolute;z-index:2;color:#ffffff;font-size:32px;line-height:36px;text-transform:uppercase;max-width:354px;left:40px;top:53px;}

.page-template-home-new-withvideothumbnails-template #main .great-partner h2 strong{color:#f6931e;font-family:"Open Sans";font-weight:700;}

.page-template-home-new-withvideothumbnails-template .view-all-wrap {text-align: center;margin-top: 20px;}

.page-template-home-new-withvideothumbnails-template .corporare-video { background: #000000; text-align: center; padding: 104px 0px 92px; background-size: cover; background-position: center center; }

.page-template-home-new-withvideothumbnails-template #main .corporare-contant h3 { color: #ffffff; font-size: 32px; text-transform: uppercase; margin-top: 30px; }

.page-template-home-new-withvideothumbnails-template .play-button { width: 90px; height: 90px; background-color: #f6931e; display: inline-block; vertical-align: top; border-radius: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.page-template-home-new-withvideothumbnails-template .play-button img { position: relative; top: 0px; left: 4px; }

.page-template-home-new-withvideothumbnails-template .play-button:hover { background: #105a9a; }



.page-template-home-new-withvideothumbnails-template .bunkering-section{background-color:#073662;background-size:contain;background-repeat:no-repeat;padding:50px 0px;}

.page-template-home-new-withvideothumbnails-template .bunkering-contant{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:830px;margin:0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}

.page-template-home-new-withvideothumbnails-template .bunkering-contant .custom-btn{white-space:nowrap;}

.page-template-home-new-withvideothumbnails-template #main .bunkering-contant h3{color:#ffffff;font-size:26px;font-weight:700;line-height:28px;text-transform:uppercase;}

.page-template-home-new-withvideothumbnails-template .email,.page-template-home-new-withvideothumbnails-template .phone{padding:0px;}


/* footer */

/*.page-template-home-new-template .footer{color:#092f57;font-family:"Open Sans";font-size:18px;}

.page-template-home-new-template .footer .textwidget{color:#092f57;font-family:"Open Sans";font-size:14px;line-height:18px;}

.page-template-home-new-template #footer{background:#f5f5f5;padding:40px 0px 50px;}

.page-template-home-new-template .footer .widget-title{color:#092f57;font-family:"Open Sans";font-size:24px;font-weight:600;text-transform:uppercase;margin-bottom:20px;}

.page-template-home-new-template #footer .wf-wrap{padding:0 20px;}

.page-template-home-new-template .footer .widget{margin-bottom:70px;}

.page-template-home-new-template #bottom-bar{background:#f5f5f5;color:#092f57;font-family:"Open Sans";font-size:14px;}

.page-template-home-new-template #bottom-bar .copyright-footer{width:80%!important;}

.page-template-home-new-template #bottom-bar .copyright-footer a{color:inherit;}

.page-template-home-new-template #bottom-bar .wf-table{height:86px;}

.page-template-home-new-template div#bottom-bg{display:none;}

.page-template-home-new-template #bottom-bar .wf-wrap{padding:0px 20px;}

.page-template-home-new-template .logos-footer {text-align: center;display: block;}*/



/*Trainee Programmes new 03/01/2020*/

.page-template-training-template #fancy-header h1 { font-weight: 600; font-size: 46px; }

.page-template-training-template header#fancy-header:before { display: none; }

.page-template-training-template header#fancy-header:after { display: none; }

.page-template-training-template #fancy-header { margin: 0px; background-position: center center !important;}

.page-template-training-template #fancy-header .wf-wrap { padding-top: 100px; padding-bottom: 100px; }

.page-template-training-template #fancy-header .wf-table { height: auto; display: block;}

.page-template-training-template #fancy-header .hgroup { padding: 10px 0;}





.page-template-training-template #main { padding: 0px !important; }

.page-template-training-template #main .wf-wrap { max-width: 100% !important; padding: 0 !important; }

.page-template-training-template div.container { position: inherit; top: inherit; left: inherit; -moz-transform-origin: center center; -ms-transform-origin: center center; -webkit-user-select: inherit; user-select: inherit; }

.page-template-training-template .new-training-template{ padding: 0 20px; }

.page-template-training-template .gib-bredcumb-wrap {background-color: #092f57; padding: 30px 0px; }

.page-template-training-template .gib-bredcumb-wrap span{ font-size: 12px; color: #fff; position: static; border: none; height: auto; width: auto; opacity: 1; display: inline-block; padding: 0;}

.page-template-training-template .gib-bredcumb-wrap span a{position: relative;}

.page-template-training-template .gib-bredcumb-wrap span a:before { content: ''; position: absolute; top: 0px; right: -10px; width: 1px; height: 15px; background-color: #fff; transform: rotate(20deg); }



.page-template-training-template .structed-sec-outer { padding: 0px; }

.page-template-training-template .structed-sec-outer-wrap { width: auto; float: none; margin: 0px -15px; }

.page-template-training-template .structed-sec-outer-wrap .structed-sec-outer-left { width: calc(50% - 30px); margin: 0px 13px; float: none; vertical-align: middle; display: inline-block; }

.page-template-training-template .structed-sec-outer-wrap .structed-sec-outer-left img { width: 100%; height: 100%; }

.page-template-training-template .structed-sec-outer-wrap .structed-sec-outer-right { width: calc(50% - 30px); margin: 0px 13px; float: none; vertical-align: middle; display: inline-block;padding-left: 70px; position: relative;}

.page-template-training-template .structed-sec-outer-wrap .structed-sec-outer-right h3 { color: #092f57; font-family: "Open Sans"; font-size: 26px; margin-bottom: 30px; }

.page-template-training-template .structed-sec-outer-wrap .structed-sec-outer-right.right-padding i { position: absolute; top: 50%; left: -80px; width: 108px; height: 108px; background-color: #f6931e; display: flex; align-items: center; justify-content: center; border-radius: 100%; color: #fff; font-size: 29px; box-shadow: 0px 0px 0px 20px #fff; transform: translateY(-50%); }



.right-padding { padding-right: calc(((100% - 1140px) - 30px) / 2); }

.left-padding { padding-left: calc(((100% - 1140px) - 30px) / 2); }

.only-image {background-size: cover!important; background-position: center center !important; background-repeat: no-repeat !important; height: 400px; background-attachment: fixed !important;}



.page-template-training-template .typical-work-day { width: 100%; background-color: #f5f5f5; padding: 70px 0px; }

.page-template-training-template .typical-title h2 { margin-top: 0px; padding-left: 20px; border-left: 2px solid #f6931e; font-family: "Open Sans"; font-size: 32px !important; text-transform: uppercase;font-weight: normal; line-height: 50px !important; }

.page-template-training-template .typical-work-day-wrap { width: auto; margin: 0px -15px; float: none; }

.page-template-training-template .typical-work-day-repeat { width: calc(25% - 30px); margin: 0px 15px; float: left; }

.page-template-training-template .typical-work-day-repeat h4 { color: #092f57; font-family: "Open Sans"; font-size: 22px; font-weight: 500; line-height: 28px; margin-top: 20px; }



.page-template-training-template .training-looking-sec { background-color: transparent; padding: 70px 0px 30px 0px; }

.page-template-training-template .training-looking-right-inner { padding:  0px; }

.page-template-training-template .training-looking-right-inner h3 { color: #092f57; font-family: "Open Sans"; font-size: 32px; text-transform: uppercase; padding-left: 20px; border-left: 2px solid #f6931e; margin-bottom: 50px;}

.page-template-training-template .training-looking-right-inner ul { width: auto; float: none; display: flex; flex-wrap: wrap;   margin: 0px -15px; padding-right: 15px; }

.page-template-training-template .training-looking-right-inner ul li { width: calc(50% - 30px); margin: 0px 15px; float: left; margin-bottom: 40px; padding-left: 50px;}

.page-template-training-template .training-looking-right-inner ul li:after { background-image: url(../images/true-icon.png) !important; height: 30px; width: 30px; left: 0; top: 0px; object-fit: contain; }

.page-template-training-template .training-looking-left { height: 580px; background-position: center center !important; }

.page-template-training-template .training-looking-left .image-top {position: absolute; top: 50%; left: 45%; transform: translate(-50%, -50%); }

.page-template-training-template .training-looking-left .image-top img { width: 100%; height: 100%; object-fit: contain; visibility: visible; }



.page-template-training-template .in-office { width: 100%; display: block; padding: inherit; padding: 70px 20px 0px 20px; }

.page-template-training-template .in-office h2 { margin-top: 0px; padding-left: 20px; border-left: 2px solid #f6931e; font-family: "Open Sans"; font-size: 32px !important; text-transform: uppercase; font-weight: normal; line-height: 50px !important; margin-bottom: 50px; }

.page-template-training-template .in-office-repeat { height: 420px; background-repeat: no-repeat !important; background-size: cover !important;  width: calc(25% - 14px); position: relative; display: inline-block; margin: 0px 5px; }

.page-template-training-template .in-office-repeat p {position: absolute; bottom: 0px; left: 0; right: 0; padding: 20px 35px; background: rgba(0, 0, 0, 0.7); color: #fff; max-height: 300px; overflow: auto; margin: 0px; line-height: 25px; font-size: 16px; }



.page-template-training-template .training-form-outer { padding: 102px 0; background-color: #f5f5f5; }

.page-template-training-template .training-form-outer form{ position: relative; }

.page-template-training-template .training-form-outer-wrap { display: flex; flex-wrap: wrap; background-color: #fff; }

.page-template-training-template .training-form-inner-image { width: 35%; float: left; }

.page-template-training-template .training-form-inner-image img {
	width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top; 
}

.page-template-training-template .training-form-outer .training-form-inner { width: 65%; float: left; box-shadow: none; }

.page-template-training-template .training-form-outer .training-form-inner h3 { margin-top: 0px; padding-left: 20px; border-left: 2px solid #f6931e; font-family: "Open Sans"; font-size: 32px !important; text-transform: uppercase; margin-bottom: 30px; color: #092f57;}

.page-template-training-template .training-form-outer .form-input-half p { float: left; width: 100%; max-width: 100%;}

.page-template-training-template .training-form-outer .form-input-half p:first-child { width: calc(50% - 11px); float: left;}

.page-template-training-template .training-form-outer .form-input-half p:nth-child(2) { width: calc(50% - 11px); float: right;}

.page-template-training-template .training-form-outer .form-input-half p.training-phone-number { float: right !important; width: 100%; max-width: calc(100% - 124px) !important; }

.page-template-training-template .new-training-template .training-form-inner span{ color: inherit; position: relative; width: 100%; height: auto; border: none; z-index: 9999; opacity: 1; display: inline-block;}

.page-template-training-template .training-form-outer input, .page-template-training-template .training-form-outer textarea, .page-template-training-template .training-form-outer input, .page-template-training-template .training-form-outer select{ margin-bottom: 8px !important; max-width: 100%; padding: 5px 15px; outline: none;}

.page-template-training-template .training-form-outer select{ padding-right: 20px; }

.page-template-training-template .training-form-outer textarea {height: 132px!important; padding: 22px 15px; resize: none; }

.page-template-training-template .training-form-outer .wpcf7-form input[type="submit"] { border-radius: 4px !important; background-color: #6f6b66 !important; border-radius: 4px; background-color: #f6931e !important; color: #fff !important; float: right; margin-top: 10px; }

.page-template-training-template .training-form-outer p.upload-hide {display: none; }

.page-template-training-template .training-form-outer .gib-upload-button { cursor: pointer; background: #fff !important; font-size: 15px !important; color: #333333 !important; font-family: 'Lato', sans-serif !important; border: 1px solid rgba(173, 176, 182, 0.3); margin-bottom: 8px !important; width: 100%; padding: 13px; height: 70px !important; margin-top: 12px; }

.page-template-training-template .training-form-outer .gib-upload-button span { color: #000 !important; width: auto !important; line-height: 40px; }

.page-template-training-template .training-form-outer .gib-upload-button .icon-from { float: right; }

.page-template-training-template .training-form-outer .gib-upload-button .icon-from i { display: inline-block; font-size: 20px; margin-left: 10px; line-height: 40px; }

.page-template-training-template .boxPhone h4, .page-template-training-template .boxEmails h4{ margin-top: 0; }



.page-template-training-template input.wpcf7-validates-as-required.wpcf7-not-valid { border-color: #f55b5f !important;}

.page-template-training-template .new-training-template .training-form-inner span.ajax-loader{ height: 16px; background-repeat: no-repeat;}

.page-template-training-template div.wpcf7-response-output{position: absolute; top: 100%; margin: 0; width: 100%; text-align: center; padding: 10px;}

.logos-footer{ padding-bottom: 5px; }



/***6-1-2020**/

/* .wf-td.logos-footer {margin-left: 25%; display: block; padding-left: 15px; }*/

/*7-1-2020**/

div#phantom {z-index: 9999;}



/***8-9-2020**/

.page-template-home-new-template .imo-solutions-wrap img {

    height: 273px;

    object-fit: cover;

    width: 100%;

    width: 400px !important;

}
/* custom added on 23-2-2021*/
.page-template-home-new-withvideothumbnails-template .imo-solutions-wrap img {

    height: 273px;

    object-fit: cover;

    width: 100%;

    width: 400px !important;

}

/***9-8-2020***/

.contact_tab_wrap .vc_column-inner { border: 2px solid rgba(218, 222, 225, 0.8); padding: 0; }

.contact_tab_menu .menu li { display: inline-block; border: 0 !important; padding: 0; margin: 0; }

.contact_tab_menu .menu li a { font-size: 18px; position: relative; color: #373a41; text-decoration: none !important; padding: .5em 1em; }

.contact_tab_menu .menu { margin: 0; padding: 0; }

.contact_tab_menu { margin: 0; border-bottom: 1px solid rgba(218, 222, 225, 0.8) !important; }

.contact_tab_wrap .wpb_gmaps_widget.wpb_content_element { padding: 25px 20px 15px !important; margin: 0; }

.contact_tab_menu .menu li a:hover { color: #f7941e; }

.contact_tab_menu .menu li.current-menu-item page_item a { color: #f7941e; }

.contact_tab_menu .menu li a:after {content: ''; right: 0; height: 14px; width: 1px; display: block; background-color: #000; position: absolute; top: 10px; }

.contact_tab_menu .menu li:last-child a:after {opacity: 0; }



/*8-1-2020*/

/*.trainee-application-form .wpcf7-validation-errors {margin-top: 0 !important;}*/

/*20-05-2020*/

/**14-12-2020***/


/*===========Responsive css===========

@media(min-width:768px) {

	#fancy-header { background-attachment: fixed; }

}

@media(max-width:1800px) {

	.sompliance-text-wrap { padding-top: 70px; padding-left: 150px; padding-right: 150px; }

	#fancy-header { background-size: cover; margin: -70px 0; background-position: 0 -20px !important; }

}

@media(max-width:1440px) {

	.sompliance-text-wrap { padding-top: 70px; padding-left: 150px; padding-right: 150px; }

	#fancy-header { background-size: cover; margin: -70px 0; background-position: 0 -20px !important; }

	.imo-slider .left-side .bg-img,

	.imo-slider .right-side .sompliance-item { height: 580px; min-height: 580px; }

	.page-template-home-new-template .great-partner-single img{height: 360px;}

}

@media(max-width:1300px) {

	.page-template-home-new-template #bottom-bar .wf-wrap{padding:0px 40px;}

	.page-template-home-new-template #footer .wf-wrap{padding:0 40px;}

	.page-template-home-new-template .sidebar-right .wf-container-main {padding-right: 0px;}

	.page-template-home-new-template .what-latest {padding: 40px 40px 75px;}

	.page-template-home-new-template .container {max-width: 100%;}

	.page-template-home-new-template .great-partner-single h3 {bottom: 30px;}	

	.page-template-home-new-template .great-partner-single img{height: 300px;}

}

@media(max-width:1366px) {

	.sompliance-slide { height: 460px; }

	.sompliance-text-wrap { padding-top: 70px; padding-left: 150px; padding-right: 150px; }

	.sompliance-item li { margin: 10px 0; }

	.sompliance-text-wrap h5 { margin-bottom: 20px; }

}

@media (max-width:1200px) {

/*Trainee Programmes new 03/01/2020*/ 

.left-padding {padding-left: calc(((100% - 970px) - 30px) / 2);}

.right-padding{padding-right: calc(((100% - 970px) - 30px) / 2);} 

.page-template-training-template .structed-sec-outer-wrap .structed-sec-outer-right.right-padding i { left: -64px; width: 70px; height: 70px; font-size: 19px; }

.page-template-training-template .structed-sec-outer-wrap .structed-sec-outer-right{ padding-left: 40px; }

.page-template-training-template .training-looking-right-inner ul{margin: 0px;}

.page-template-training-template .training-looking-right-inner ul li{width: 100%; margin-left: 0px; margin-right: 0px; margin-bottom: 20px;}

.page-template-training-template .in-office-repeat{ height: 100%; }



@media (min-width: 1600px){

	.imo-solutions .imo-solutions-wrap:first-child .col-sm-6 {

	    padding: 0 10px 0 40px;

	}

}

@media (max-width: 1300px){

	.page-template-home-new-template .imo-solutions-wrap img {

	    height: 193px;

	    object-fit: cover;

	    width: 100%;

	    width: 270px !important;

	}
	.page-template-home-new-withvideothumbnails-template .imo-solutions-wrap img {

	    height: 193px;

	    object-fit: cover;

	    width: 100%;

	    width: 270px !important;

	}

}



@media(max-width:1199px) {

	.imo-section { padding: 20px 0 20px 0; }

	.imo-text-bg { font-size: 115px; margin-top: 0px; line-height: 100px; }

	.ports-section { padding: 20px 0; }

	.sompliance-text-wrap { padding-top: 50px; padding-left: 100px; padding-right: 80px; }

	.ready-change-section { padding: 20px 0 20px 0; }

	.header-bar .branding { width: 200px;height:auto; }
	
	div#branding img{
	    height:auto !important;
	}

	#fancy-header h1 { font-size: 40px; line-height: 50px;  }

	#main .imo-page h2 { font-size: 35px; margin-bottom: 20px; margin-top: 0; }



	/*Traning Program page*/

	.structured-video-sec iframe { height: 300px; }

	.structed-sec-outer { padding: 56px 0; }

	.training-looking-right-inner { padding: 66px 15px 56px 25px; }

	.offer-sec-outer h3 { margin-bottom: 32px; }

	.offer-sec-outer { padding: 56px 0 62px; }

	.offer-sec-cell { margin-bottom: 32px; }

	.training-form-outer { padding: 82px 0; }

	.training-form-outer .training-form-inner { padding: 42px 42px 72px 42px; }

	.training-form-outer .form-input-half p { max-width: 49%; }

	p.training-phone-number { max-width: 36% !important; }

	.download-section .row { width: auto; }



	/*Trainee Programmes new 03/01/2020*/ 

	.page-template-training-template .structed-sec-outer-wrap .structed-sec-outer-right h3{ margin-bottom: 0; }

	.page-template-training-template .training-looking-sec{ padding-left: 15px; }

	.page-template-training-template .in-office-repeat p{ padding: 20px; }

}

@media(max-width:1024px) {

	.masthead .mobile-header-bar { min-height: 100px !important; }

	.mobile-branding img { display: block !important; width: 200px; }

	/*.page-template-home-new-template .footer .widget {width: 25%;}*/

	.page-template-home-new-template #main .great-partner h2 {top: 10px;}
.page-template-home-new-withvideothumbnails-template #main .great-partner h2 {top: 10px;}
 

	/*Trainee Programmes new 03/01/2020*/ 

	.page-template-training-template .new-training-template { padding: 0 15px;}

}







@media(max-width:991px) {

	#fancy-header h1 { font-size: 34px; line-height: 40px; }

	#main .imo-page h2 { font-size: 26px; margin-bottom: 20px; margin-top: 0; }

	#fancy-header .wf-wrap { padding-top: 120px; padding-bottom: 120px; }

	.imo-section .imo-desc { padding-bottom: 30px; }

	.imo-section .imo-img { float: none; display: inline-block; margin: 0 auto; text-align: center; }

	.imo-section .col-md-6:last-child { text-align: center; }

	.imo-section .imo-img:after { left: 50px; right: inherit; }

	.fuel-solutions { padding: 100px 0 50px 0; }

	.solutions li { width: 33.33%; padding: 0 6px 25px 6px; }

	.sompliance-section { display: inline-block; padding: 50px 0 50px 0; }

	.sompliance-img-wrap { width: 100%; margin-top: 0; }

	.sompliance-text-wrap { padding: 50px; width: 100%; margin: 0; }

	.imo-slider .left-side { width: 100%; margin-top: 0; }

	.imo-slider .right-side { width: 100%; }

	.imo-slider .right-side .sompliance-item { min-height: auto; padding: 50px; padding-bottom: 150px !important; }

	.imo-slider .right-side .imo-slider-area { width: 100%; margin-left: 0; }

	.imo-slider-area .slick-prev,

	.imo-slider-area .slick-next { bottom: 50px; }

	.imo-slider .left-side .bg-img { height: 280px; }



	/*Traning Program page*/

	.structured-video-sec { margin-top: 40px; }

	.structured-video-sec iframe { height: 405px; }

	.structed-sec-outer h3,

	.traing-work-day h3,

	.training-looking-right-inner h3,

	.offer-sec-outer h3,

	.training-form-outer h3 { font-size: 26px; }

	.structed-sec-outer p,

	.traing-work-day p,

	.training-form-outer p,

	.training-looking-right-inner ul li,

	.offer-sec-cell p { font-size: 14px; line-height: 24px; }

	.training-form-outer .form-input-half p { max-width: 100%; }

	.training-form-outer p.training-phone-code { max-width: 24% !important; }

	p.training-phone-number { max-width: 76% !important; }

	.offer-sec-outer .col-12.col-md-6.col-lg-3 { float: left; width: 50%; }

	.download-section { padding: 60px 0; height: auto; background-position: center right; background-size: cover; }

	.download-section .col-4 { width: calc(100% / 2); margin-bottom: 30px; }



	/* 31-12-2019 */

	.page-template-home-new-template .bunkering-contant {padding: 0px 40px;}
    .page-template-home-new-withvideothumbnails-template .bunkering-contant {padding: 0px 40px;}
	/*.page-template-home-new-template .footer .widget {width: 50%;}*/



	/*Trainee Programmes new 03/01/2020*/ 

	.page-template-training-template .typical-work-day{ padding: 40px 0; }

	.page-template-training-template .typical-title h2{ font-size: 25px !important; }

	.page-template-training-template .typical-work-day-repeat .typical-work-day-icon img {max-width: 50px; }

	.page-template-training-template .typical-work-day-repeat h4{font-size: 18px; line-height: 24px;}

	.only-image {height: 300px;}

	.left-padding { padding-left: calc(((100% - 750px) - 30px) / 2); }

	.right-padding { padding-right: calc(((100% - 750px) - 30px) / 2); }

	.page-template-training-template .training-looking-sec{padding: 40px 0px 30px 15px;}

	.page-template-training-template .training-looking-right-inner h3{font-size: 25px !important; margin-bottom: 20px;}

	.page-template-training-template .in-office{ padding-top: 40px; }

	.page-template-training-template .in-office h2{font-size: 25px !important; margin-bottom: 20px;}

	.page-template-training-template .in-office-repeat{width: calc(50% - 14px); margin: 5px;}

	.page-template-training-template .in-office-repeat p{ padding: 30px; }

	.page-template-training-template .training-form-outer{padding: 40px 0px 40px 0px;}

	.page-template-training-template .training-form-outer .form-input-half p:first-child { width:calc(100% - 0px); margin-right: 0px; }

	.page-template-training-template .training-form-outer .form-input-half p:nth-child(2) { width:calc(100% - 0px); float: left; margin-left: 0px; }

	.page-template-training-template .training-form-outer .form-input-half p.training-phone-number{ max-width: calc(100% - 93px) !important;}

	/**6-1-2020*/

	.wf-td.logos-footer {margin-left: 0; display: block; padding-left: 0; }

}

@media (max-width: 800px){

	.page-template-training-template .new-training-template { padding: 0 10px;}

}

@media(max-width:767px) {

	.imo-section { padding: 0px 0 0px 0; }

	.imo-text-bg { font-size: 70px; line-height: normal; text-align: center; }

	.imo-section .imo-img { padding-right: 30px; }

	.imo-section .imo-img:after { width: calc(100% - 30px); top: 30px; left: 30px; }

	.solutions li { width: 50%; }

	#bottom-bg img { margin-left: 0 !important; }

	.wf-wrap.new-dev-class { padding: 0 !important; }

	.fuel-title { padding-bottom: 10px; }

	.fuel-solutions { padding: 50px 0 20px 0; }

	.ports-section .ports-ttile { padding-bottom: 10px; }

	.sompliance-section { padding: 30px 0 10px 0; }

	.sompliance-slide { height: 280px; }

	#main .imo-page h2 { line-height: normal !important; }

	.sompliance-text-wrap { padding: 50px 30px; }

	.sompliance-item li { margin: 15px 0; }

	.ports-map { overflow-x: auto; }

	.ports-map .wrap_svl_center { width: 820px; }

	#footer { background-repeat: repeat !important; }

	.imo-slider .right-side .sompliance-item { padding: 30px; }



	/*Traning Program page*/

	.structed-sec-outer h3,

	.traing-work-day h3,

	.training-looking-right-inner h3,

	.offer-sec-outer h3,

	.training-form-outer h3 { font-size: 22px; }

	.structured-video-sec iframe { height: 272px; }

	.traing-work-day { padding: 45px 0 52px; }

	.training-looking-left,

	.training-looking-right { width: 100%; }

	.training-looking-right-inner { padding: 36px 15px 36px 15px; max-width: 100%; }

	.training-looking-left img { height: auto; }

	.offer-sec-outer .col-12.col-md-6.col-lg-3 { width: 100%; }

	.offer-sec-outer { padding: 36px 0 22px; }

	.training-form-outer { padding: 54px 0; }

	.training-form-outer .training-form-inner { padding: 42px 22px 32px 22px; }

	.training-form-outer textarea { height: 92px !important; font-size: 14px !important; padding: 14px; }

	.training-form-outer input,

	.training-form-outer input,

	.training-form-outer select { height: 45px !important; font-size: 14px !important; }

	.training-form-outer input[type=file] { height: 50px !important; }

	.training-form-outer input[type=file]:before { height: 26px; padding: 0px 10px; font-size: 11px; line-height: 25px; }

	.training-form-outer .wpcf7-form input[type="submit"] { margin-top: 7px; width: 172px; }

	.download-guideline-section .container { display: block; }

	.download-guideline-section  .guideline-text-left { display: block; width: 100%; margin-bottom: 30px; }

	.download-guideline-section .guideline-text-left img { height: 300px; width: 100%; object-fit: cover; }

	.download-guideline-section  .guideline-text { display: block; width: 100%; padding-left: 0px; }

	.download-section .col-4 { width: calc(100%); margin-bottom: 20px; }

	.download-section .main-title h2 { font-size: 30px !important; }

	.imo-slider .left-side .bg-img { height: 450px; min-height: 450px; }

	.imo-slider .right-side .sompliance-item { height: auto; min-height: auto; }

	.page-template-imo2020-template .container { padding: 0 20px; }

	.page-template-imo2020-template #footer .wf-wrap { padding: 0 20px !important; }

	.page-template-imo2020-template #header .wf-wrap { padding: 0 20px !important; }



	/* 31-12-2019 */

	.page-template-home-new-template .imo-solutions-wrap{display:block;}

	.page-template-home-new-template .imo-solutions-img img{width:100%;}

	.page-template-home-new-template .imo-solutions-img{margin-bottom:20px;}

	.page-template-home-new-template .imo-content{padding-left:0px;}

	.page-template-home-new-template .imo-solutions-wrap{margin-top:0px;margin-bottom:0px;}

	.page-template-home-new-template .what-latest-single img{width:100%;height: auto;}

	.page-template-home-new-template .what-latest-single{margin-bottom:30px;}

	.page-template-home-new-template #main .great-partner h2{left:15px;right:15px;font-size:26px;line-height:36px;}

	.page-template-home-new-template .great-partner-slider .slick-arrow.slick-prev{left:10px;}

	.page-template-home-new-template .great-partner-slider .slick-arrow.slick-next{right:10px;}

	.page-template-home-new-template .great-partner-single h3{left:20px;}

	.page-template-home-new-template .what-latest{padding:40px 0px 10px;}

	.page-template-home-new-template .play-button{width:70px;height:70px;}

	.page-template-home-new-template .play-button img{max-width:20px;}

	.page-template-home-new-template #main .corporare-contant h3{font-size:22px;}

	.page-template-home-new-template .bunkering-contant{padding:0px;display:block;}

	.page-template-home-new-template #main .bunkering-contant h3{margin-bottom:30px;font-size: 20px;}

	.page-template-home-new-template .custom-btn{padding:13px 20px;}

	.page-template-home-new-template #bottom-bar .lin{margin:0px;text-align:center!important;}

	.page-template-home-new-template .main-content h2,.page-template-home-new-template #main h2{font-size:26px;}

	.page-template-home-new-template .main-banner img{min-height:110px;object-fit:cover;object-position:center center;}

	.page-template-home-new-template img.preload-me {max-width: initial;}

	/* footer  */

	/*.page-template-home-new-template .footer .widget{width:100%;margin-bottom:30px;}

	.page-template-home-new-template #footer .wf-wrap{padding:0px 15px;}

	.page-template-home-new-template #bottom-bar .wf-wrap{padding:0px 15px;}

	.page-template-home-new-template #bottom-bar .copyright-footer{width:100%!important;}*/



	/*Trainee Programmes new 03/01/2020*/ 

	.page-template-training-template #fancy-header h1 { font-size: 29px;}

	.page-template-training-template .structed-sec-outer-wrap{ margin: 0; }

	.page-template-training-template .structed-sec-outer-wrap .structed-sec-outer-left{width: calc(100% - 0px); margin: 0px;}

	.page-template-training-template .structed-sec-outer-wrap .structed-sec-outer-right{width: calc(100% - 0px); margin: 0px; padding: 50px 15px 15px 15px !important;}

	.page-template-training-template .structed-sec-outer-wrap .structed-sec-outer-right.right-padding i{left: 0px; width: 50px; height: 50px; font-size: 16px; right: 0px; margin: 0 auto; bottom: inherit; top: 0px; box-shadow: 0px 0px 0px 10px #fff;}

	.page-template-training-template .typical-work-day-repeat{width: calc(50% - 30px); margin: 15px 15px 0px 15px;}

	.page-template-training-template .training-looking-sec { padding: 40px 0px 30px 0px;}

	.left-padding { padding-left: 15px; padding-right: 15px; }

	.page-template-training-template .training-looking-left{height: 400px; background-repeat: no-repeat !important; background-size: cover; background-position: center center; position: relative;}

	.page-template-training-template .training-looking-left .image-top img{ max-width: 150px;}

	.page-template-training-template .in-office-repeat p { padding: 10px; font-size: 15px;}

	.page-template-training-template .training-form-inner-image{ width: 100%; }

	.page-template-training-template .training-form-outer form{ z-index: 0; }

	.page-template-training-template .training-form-outer .training-form-inner{ width: 100%; }

	.page-template-training-template .training-form-outer .training-form-inner h3{ font-size: 20px !important; }

	.page-template-training-template .training-form-outer .form-input-half p.training-phone-number { max-width: calc(100% - 24%) !important;}

	.page-template-training-template .training-form-outer .wpcf7-form input[type="submit"]{float: none; text-align: center; width: auto;}

	/***6-1-2020**/

	.wf-td.logos-footer { margin-left: 0; display: block; padding-left: 0; }

	.page-template-home-new-template .what-latest-single img { height: 250px; object-fit: cover; }
	.page-template-home-new-withvideothumbnails-template .what-latest-single img { height: 250px; object-fit: cover; }

	section.main-banner > img { display: none; }

	section.main-banner > img + img { display: block !important; }

	#footer .wf-container { display: flex; flex-wrap: wrap; }

	#footer .wf-container section { width: 100%; }

	.wf-td.logos-footer { order: 7; }

	section#text-13 { order: 8; }

	section#text-14 { order: 9; }

	.wf-td.logos-footer {order: 7; padding: 5px 0 10px 0 !important; margin: 0 !important; }

	

        

        /*8-1-2020*/

         .trainee-application-form .wpcf7-validation-errors ,.trainee-application-form .wpcf7-response-output  {top: 96% !important;font-size: 12px;padding: 5px !important;}

} 



@media( max-width: 760px){

	/*Trainee Programmes new 03/01/2020*/

	.page-template-training-template .new-training-template { padding:0px;}

	.page-template-training-template .fancy-header .breadcrumbs {padding-bottom: 0px;}

}



@media only screen and (max-width:575px) {



	/*Traning Program page*/

	.training-form-outer input[type=file]:before { width: 94px; font-size: 11px; }

	.training-form-outer input[type=file]:after { font-size: 12px; margin-left: -3px; }

	.training-form-outer .wpcf7-form input[type="submit"] { width: 132px; font-size: 12px !important; }

	.training-form-outer .training-form-inner { margin: 0; }

	.imo-slider .left-side .bg-img { height: 460px }

}

@media(max-width:500px) {

	#powerTip { text-align: center; }

	.box_view_html { margin-left: auto; margin-right: auto; max-width: 280px; border: 1px solid #ff9100; padding: 10px; }

	span.close_ihp svg { fill: #F5931D; }

	span.close_ihp { position: relative; z-index: 99; float: none; margin-bottom: 10px; }

	.imo-slider .left-side .bg-img { height: 410px; min-height: 410px; }

	/*Trainee Programmes new 03/01/2020*/ 

	.page-template-training-template .typical-work-day-wrap{ margin: 0; }

	.page-template-training-template .typical-work-day-repeat {width: calc(100% - 30px); margin: 10px 0px; }

	.page-template-training-template .training-looking-right-inner h3 {font-size: 20px !important; margin-bottom: 15px; }

	.page-template-training-template .training-looking-left{ height: 300px; }

	.only-image {height: 200px; overflow: hidden; }

	.page-template-training-template .in-office h2{font-size: 20px !important;}

	.page-template-training-template .in-office-repeat{width: calc(100% - 3px); margin: 10px 0px;}



}

@media(max-width:450px) {

	.imo-slider .left-side .bg-img { height: 380px; min-height: 380px; }

}

@media(max-width:375px) {

	.imo-slider .left-side .bg-img { height: 310px; min-height: 310px; }

	.imo-slider .left-side .bg-img .left-contain p { font-size: 22px; }

	.imo-slider .left-side .bg-img .left-contain { bottom: 0; max-width: 100%; width: 328px; }

}

#bottom-bar .wf-float-right .bottom-text-block p {

align-items: center;

}

/**25-9-2020**/
.video_slider .first_slide img { width: 100%; height: 600px; object-fit: cover; object-position: center; }
.img_click_slide { display: flex !important; align-items: center; padding: 0 10px;  }
.second_slide .slick-list {margin: 0 -10px; }
.img_click_slide .wr_img { width: 60px; height: 60px; }
.img_click_slide .wr_img img { width: 100%; object-fit: cover; object-position: center; border-radius: 4px; height: 100%; }
.img_click_slide  .wr_content { padding: 0 0 0 15px; }
.img_click_slide .wr_content span { color: #ffffff; font-size: 14px; }
.img_click_slide .wr_content p { color: #ffffff; font-size: 13px !important; font-weight: 600; padding: 5px 0 0; margin: 0; }
.main_custom_slider_row { background: rgb(0 0 0 / 0.3); position: absolute; bottom: 0; width: 100%; }
section.video_slider  .second_slide { padding: 30px 0; max-width: 1170px; margin: 0 auto; }
section.video_slider { position: relative; }
.img_click_slide.slick-current .wr_content p {color: #f7941e; }
.video_slider .slick-slider .slick-arrow.slick-prev:after { content: "\f104"; font-size: 25px; line-height: 55px; font-family: FontAwesome; color: #ffffff; }
.video_slider .slick-slider .slick-arrow.slick-next:after { content: "\f105"; font-size: 25px; line-height: 55px; font-family: FontAwesome; color: #ffffff; }
.video_slider .slick-slider .slick-arrow { width: auto; height: auto; background: transparent; border-radius: 0; left: 0; top: 50%; transform: translateY(-50%); }
.video_slider .slick-slider .slick-arrow.slick-next { right: 0; }
.first_slide .img_video { position: relative; }
.first_slide .img_video .wr_content {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    max-width: 1170px;
    right: 0;
    margin: 0 auto;
    z-index: 0;
    /*pointer-events: none;*/
}
.first_slide .img_video .wr_content span a i { background: #f7941e; color: #fff; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 50px; font-size: 21px; padding: 0 0 0 6px; }
/*.first_slide .img_video .wr_content p { font-size: 40px !important; line-height: 44px; color: #fff; font-weight: 500; padding: 10px 0 0 0; }*/
.first_slide .img_video .wr_content p { font-size: 28px !important; line-height: 43px; color: #fff; font-weight: 500; padding: 10px 0 0 0; }
.img_click_slide .wr_content p:hover {
    color: #f7941e;
}
.first_slide .img_video video {
    object-fit: cover;
}

/**28-9-2020**/
.page-template-home-news-template #main > .wf-wrap{ max-width: 100% !important; margin-top: 0;}
.first_slide .img_video:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 0.3);
}
.first_slide .img_video .wr_content {
	top: 38%; max-width: 100%;
	    max-width: 1220px;
    padding: 0 60px;
}
/*.first_slide .img_video .wr_content p {*/
/*    max-width: 340px;*/
/*}*/
.first_slide .img_video .wr_content p {
    max-width: 416px;
}
.first_slide .img_video .wr_content span a i { font-size: 30px;    width: 60px;
    height: 60px;    line-height: 60px; }
.main_custom_slider_row {
    background: rgb(0 0 0 / 0.6);
}
.page-template-home-new-template .imo-solutions {
    display: none;
}
.page-template-home-new-withvideothumbnails-template .imo-solutions {
    display: none;
}
section.video_slider .second_slide {
    padding: 30px 60px;
    max-width: 1220px;
    margin: 0 auto;
}

/**8-10-2020**/
.career-section .job-list {
    min-height: auto;
    margin: 0;
}
.career-section .job {
    margin-top: 0;
}


/*responsive*/
@media(max-width:778px) {
	.first_slide .img_video .wr_content {
		padding: 0 30px;
	}
	section.video_slider .second_slide {
	    padding-left: 30px;
	    padding-right: 30px;
	}
}
@media (max-width: 767px) {
	.archive.category .post-entry-content { width: 100% !important; }
}


/*Style for video grid on homepage 23-2-2021*/

.masthead-grid {
	margin:0px auto;
	padding:8px 0;
	width:100%;
	max-width:500px;
	background:#fff;
}
.site-branding {
 padding:23px 0;
}
.mh-col-1 {
	margin-bottom: 10px;
}
.mh-col-2 .mh-col-2-row2 .square-column {
	margin-top:10px;
}
.mh-col-2 .mh-col-2-row1 .column-img-carousel-1{
	margin-top:10px;
}
@media all and (min-width: 1024px) {
	.mh-col-2 .mh-col-2-row1 .column-img-carousel-1{
	    margin-top:0px;
     }
	.video-grid-slider {
        max-width:100%;
	}
	.masthead-grid {
		width:100%;
		
		display: flex;
		flex-direction: row;
		/* max-width: 900px;
		height:352px; */
		max-width: 100%;
		height:460px;
	}
	
	 .mh-col-2 .mh-col-2-row2 .square-column img {
     object-position: 0 100%;
	 max-height:100%;
	 min-width:100%;
	}
	.mh-columns {
		overflow:hidden;
	}
	.mh-col-1 {
		width:25%;
		height:100%;
	    margin:0 4px; 
	    margin-top:0px;
	}
	.mh-col-1 img{
        object-fit: cover;
        object-position:0 -30px;
        height:100%;
        width:100%;
	}
	.mh-col-2 {
		width:75%;
		margin:0 5px 0 4px; 
		height:100%; 
	}
	
  .mh-col-2 .mh-col-2-row1 {
	    width:100%;
	    height:50%;
	    display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	    overflow: hidden;
  }
   .mh-col-2 .mh-col-2-row1 .video-column {
	   position:relative;
   }
    .mh-col-2 .mh-col-2-row1 .video-column video {
		position:absolute;
		top:0;
		left:0;
		min-width:100%;
		min-height:100%;
		object-fit: cover;
		opacity: 0;
		transition: opacity 2s ease-in-out;
	 /* width: 100%;
    	height: 100%; */
}
 .mh-col-2 .mh-col-2-row1 .video-column video.show {
  		opacity: 1;
  
 }
  .mh-col-2 .mh-col-2-row1 .video-column video.hide {
  		opacity: 0;
  /* display:none; */
  /* transition: all 7000ms ease-in; */
 }
 /* .mh-col-2 .mh-col-2-row1 .video-column video[poster] {
   min-width:100%;
   min-height:100%;
   background-size:cover;
 } */
	
	/* .mh-col-2 .mh-col-2-row1 .video-column a{
		position:relative;
		top:0;
		left:0;
	} */
  .mh-col-2 .mh-col-2-row1 .double-column{
	  width:calc(66.67% - 3px);
	 
  }
    .mh-col-2 .mh-col-2-row1 .single-column{
	  width:calc(33.33% - 5.5px);
	  
  }
  .mh-col-2 .mh-col-2-row2 {
	   width:100%;
	   height:50%;
	  display: flex;
	  justify-content: space-between;
	  flex-direction: row;
	  overflow: hidden;
	  margin-top:8px;
  }
  .mh-col-2 .mh-col-2-row2 .square-column {
      width:calc(33.3% - 5px);
      margin-top:0;
  }
  .mh-col-2 .mh-col-2-row2 .square-column:first-child {
	  margin-right:8px;
  }
  .mh-col-2 .mh-col-2-row2 .square-column:nth-child(2) {
	  margin-right:0px;
  }
  .mh-col-2 .mh-col-2-row2 .square-column.column-cta {
      margin-right: 0;
      margin-left: 8px;
      width: 33%;
   }
  .mh-col-2 .mh-col-2-row2 .square-column img {
      object-fit: cover;
      /* object-position:0 -50px; */
	  object-position: 0 100%;
	  max-height:100%;
	  min-width:100%;
  }
 .mh-slick-slider-cont {
	 width:100%;
	 height:100%;
 }
}

@media all and (min-width: 1250px) {
.masthead-grid {
	 /* width:1440px; */
	 /* width:100%; */
	 /* max-width:1200px; */
	 /* max-width:981px; */
	 /* max-width:1170px; */
	 display: flex;
	  /* height:560px;  */
	 /* height:460px; */
	 justify-content:space-around;
	 max-width:100%;
     height:550px;
}

}

@media all and (min-width: 1320px) {
 .masthead-grid {
		max-width: 100%;
		height:590px;
	}
}
@media all and (min-width: 1430px) {
.masthead-grid {
		max-width: 100%;
		height:680px;
	}

}
@media all and (min-width: 1620px) {
.masthead-grid {
		max-width: 100%;
		height:740px;
	}
}

@media all and (min-width: 1880px) {
	.masthead-grid {
		max-width: 100%;
		height:880px;
	}
}
@media all and (min-width: 1980px) {
	.masthead-grid {
		max-width: 100%;
		height:940px;
	}
}
@media all and (min-width: 2250px) {
	.masthead-grid {
		max-width: 100%;
		height:1060px;
	}
}
@media all and (min-width: 2400px) {
    .masthead-grid {
		max-width: 100%;
		height:1120px;
	}

}
@media all and (min-width: 2700px) {
    .masthead-grid {
		max-width: 100%;
		height:1300px;
	}

}

@media all and (min-width: 1440px) {
.masthead-grid {
	 /* width:1440px;
	 max-width: 1440px;; */
	 /* display: flex; */
	  /* height:690px;  */
	 justify-content:space-around;
}

}
.page-template-home-new-withvideothumbnails-template .column-cta {
	position:relative;
}

.page-template-home-new-withvideothumbnails-template .mh-col-1.mh-columns {
   position:relative;
}

.page-template-home-new-withvideothumbnails-template .mh-col-1.mh-columns .homepage_grid_first_image_textcont {
	position:absolute;
	top:153px;
	left:70px;
	z-index:10;

}
.page-template-home-new-withvideothumbnails-template .mh-col-1.mh-columns .homepage_grid_first_image_textcont p{
   font-size:62px !important;
   color:#fff;
   line-height:90px;
   letter-spacing: 3px;
}
/* styles for pushing down the slider thumbnials in home page*/
.home .main_custom_slider_row {
	bottom:-116px;
	background: rgba(0,0,0,0.8);
}

.home .video-grid-slider {
	margin-top:116px;
}
.first_slide .slick-list .slick-track {
	background:#000;
}
.first_slide .slick-list .slick-track .img_video.videoContain video {
	object-fit: contain !important;
}

@media all and (min-width: 1024px) {
	.video_slider .first_slide .img_video:first-child .wr_content {
	  display:none !important;
		}
	}
 @media all and (min-width: 1300px) {
   .first_slide .slick-list .slick-track .img_video video {
   height:600px !important;
		 }
	/* .first_slide .slick-list .slick-track .img_video:first-child video {
		object-position:bottom;
	} */
}

 @media all and (min-width: 1400px) {
.first_slide .slick-list .slick-track .img_video video {
   height:650px !important;
		 }
}
 @media all and (min-width: 1680px) {
.first_slide .slick-list .slick-track .img_video video {
   height:700px !important;

 }

 }
  @media all and (min-width: 1900px) {
.first_slide .slick-list .slick-track .img_video video {
   height:700px !important;

 }
  }
   @media all and (min-width: 2100px) {
.first_slide .slick-list .slick-track .img_video video {
   height:800px !important;

 }
  }
   @media all and (min-width: 2300px) {
.first_slide .slick-list .slick-track .img_video video {
   height:900px !important;

 }
  }
@media all and (min-width: 2500px) {
.first_slide .slick-list .slick-track .img_video video {
   height:1000px !important;

 }
  }
.video-grid-slider-mobile {
width:100%; 
max-width:500px;
margin:126px auto 0 auto;
}
.video-grid-slider-mobile img {
width:100%;height:auto;
}
.video-grid-slider-mobile a:nth-child(2) {
display:block;
margin-top:10px;
}
  /*changes for amending mobile design for home page grid 16-05-2021*/
  /* @media all and (max-width: 1024px) {

.mh-col-1 {
	height:694px;
}
.mh-col-1 img{
width:100%;
height:100%;
object-fit: cover;
object-position: bottom;
}
.mh-col-2 .mh-col-2-row1 .column-img-carousel-1 {
	max-height:200px;
}
.mh-col-2 .mh-col-2-row2 .square-column {
	height:200px;
	overflow-y:hidden;
}
.mh-col-2 .mh-col-2-row2 .square-column .mh-slick-slider-cont {
 height:100%;
}
.mh-col-2 .mh-col-2-row2 .square-column .slick-slide img{
height:100%;

}
.mh-col-2 .mh-col-2-row2 .square-column .slick-slider {
height:100%;
}
.mh-col-2 .mh-col-2-row2 .square-column .slick-list {
	height:100%;
}
.mh-col-2 .mh-col-2-row2 .square-column .slick-list .slick-track {
	height:100%;
}

.mh-col-2 .mh-col-2-row1 .single-column {
	height:200px;
	overflow-y:hidden;
}
.mh-col-2 .mh-col-2-row1 .single-column .mh-slick-slider-cont {
 height:100%;
}
.mh-col-2 .mh-col-2-row1 .single-column .slick-slide img{
height:100%;

}
.mh-col-2 .mh-col-2-row1 .single-column .slick-slider {
height:100%;
}
.mh-col-2 .mh-col-2-row1 .single-column .slick-list {
	height:100%;
}
.mh-col-2 .mh-col-2-row1 .single-column .slick-list .slick-track {
	height:100%;
}


.mh-col-2-row2 {
	display: flex;
	flex-direction:row;
	justify-content: space-around;
	flex-wrap:wrap;
}
.mh-col-2 .mh-col-2-row2 .square-column {
 width:48%;
}
  } */