/* ============================================
PROJECT NAME :- BUBE
/* ============================================

PAGE CONTENT :-

Recent Projects
who we are
Standard content page
Gallery of Us Page

1. COMMON CSS
2. MEDIA QUERY
=================================================== 
===================================================
@font-face {
  font-family: Roboto;
  src: url(../font-face/Roboto-Regular.ttf);
}
 */

/* owl css */
    /**
     * Owl Carousel v2.3.4
     * Copyright 2013-2018 David Deutsch
     * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
     */
     .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}


/* ========= 2. COMMON CSS =========== */

body,body h1, body h2,body h3,body h4,body h5,body h6,body p, body blockquote{margin: 0px;}
body ul {list-style: none;}
body h1{ font-family: Roboto;font-style: normal;font-weight: bold;font-size: 45px;line-height: 60px;color:#242832;}
body h2{ font-family: Roboto;font-style: normal;font-weight: bold;font-size: 40px;line-height: 50px;color:#242832;}
body h3{ font-family: Roboto;font-style: normal;font-weight: bold;font-size: 28px;line-height: 35px;color:#242832;}
body h4 { font-family: Roboto;font-style: normal;font-weight: bold;font-size: 22px;line-height: 28px;color:#242832;}
body h3.submbox_title{ font-family: Roboto;font-style: normal;font-weight: bold;font-size: 24px;line-height: 28px;color:#242832;}
body h5 { font-family: Roboto;font-style: normal;font-weight: bold;font-size: 20px;line-height: 26px;color:#242832;}



/* breadcrumb css */
#breadcrumbs{margin: 50px 0px 0px;}
p#breadcrumbs, 
p#breadcrumbs a {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #242832;
}
#breadcrumbs a.backPage {
  display: inline-block;
  margin-right: 85px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  align-items: center;
  color: #242832;
  background: url('../assets/images/arrow_green\ copy.svg');
  background-repeat: no-repeat;
  padding-left: 20.28px;
  background-position: center left;
}
#breadcrumbs a.backPage:hover {text-decoration: none;color: #242832;}
#breadcrumbs span a {
  padding: 0;
  text-decoration: underline;
  padding-right: 6px;
  padding-left: 6px;
}
/* #breadcrumbs span a:first-child {padding-left: 0;} */
#breadcrumbs>span>span>a {padding-left: 0;}
#breadcrumbs .breadcrumb_last {	padding: 0;text-decoration:none;padding-left: 6px;}
.bothno p#breadcrumbs, .onlymbox p#breadcrumbs{display: inline;}


/* p{
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 28px;
color: #242832;
} */
@media screen and (max-width:992px){
  body h1 {font-size: 40px;line-height: 45px;}
  body h2 {font-size: 32px;line-height: 42px;}
  body h3 {font-size: 28px;line-height: 35px;}
  body h4, body h3.submbox_title{font-size: 22px;line-height: 30px;}
}

@media screen and (max-width:768px){
  body h1 {font-size: 35px;line-height: 45px;}
  body h2 {font-size: 28px;line-height: 35px;}
  body h3 {font-size: 26px;line-height: 32px;}
  body h4, body h3.submbox_title{font-size: 22px;line-height: 32px;}
  /* p{
    font-size: 16px;
    line-height: 26px;
  } */
}

@media screen and (max-width:767px){
  body h1 {font-size: 35px;line-height: 40px;}
  body h2 {font-size: 28px;line-height: 35px;}
  body h3 {font-size: 23px;line-height: 33px;}
  body h4, body h3.submbox_title  {font-size: 22px;line-height: 28px;}
  /* p{
    font-size: 16px;
    line-height: 24px;
  } */
  
#breadcrumbs a.backPage {display: inline-block;width: 21%;padding-top: 0px;margin-right: 15px;}
#breadcrumbs span a {padding: 0;text-decoration: underline;padding-right: 5px;padding-left: 5px;}
#breadcrumbs .breadcrumb_last {padding-left: 5px;}
 .bothno p#breadcrumbs, .onlymbox p#breadcrumbs {display: inline-block;width: 71%;vertical-align: top;margin-top: 3px;}
 p#breadcrumbs, p#breadcrumbs a{font-size:14px;}
 .owltopbanwrapper .owl-dots{top: 62% !important;}
}

@media screen and (max-width:440px){
#breadcrumbs a.backPage {display: inline-block;width: 21%;padding-top: 0px;margin-right: 15px;}
#breadcrumbs span a {padding: 0;text-decoration: underline;padding-right: 5px;padding-left: 5px;}
#breadcrumbs .breadcrumb_last {padding-left: 5px;}
.bothno p#breadcrumbs, .onlymbox p#breadcrumbs {display: inline-block;width: 71%;vertical-align: top;margin-top: 3px;}
p#breadcrumbs, p#breadcrumbs a{font-size:14px;}
.owltopbanwrapper .owl-dots{top: 62% !important;}
}

/* ============ Recent Project =============== */

.reprjBanner_section{background: #EEFBFB;padding: 42px 0px 39px;} /* padding: 83px 0px 84px; */
.reprjBanner_section.withexcerpt{padding:49px 0px 49px;} /*{padding: 105px 0px 106px;} */
.reprjBanner_section .centerBlock{text-align: center;padding: 0px 30px;}
.reprjBanner_section .content_banner p,.defaultexerpt p{margin: 20px 0px 0px;line-height: 30px;font-size: 18px;word-break: break-word;}
/* .recentPrj_section{padding: 106px 0px 111px;} */
.recentPrj_section{padding: 54px 0px 92px;}
.HeadingCenter{padding: 0px 30px;}
.recentPrj_section .projectImgWrap{
    min-height: 344px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.recentPrj_section .projectImgWrap a.onlyYear {
  display: inline-block;
  background: #437083;
  width: 88px;
  height: 42px;
  position: absolute;
  right: 0px;
  bottom: 0;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recentPrj_section .projectImgWrap a.onlyYear:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.recentPrj_section .prjTextContent{padding: 43px 40px 50px 40px;background: #EEFBFB;}
.recentPrj_section .project_article{background: #EEFBFB;}
.recentPrj_section .prjTextContent strong{font-weight: bold;}
.recentPrj_section .prjTextContent p.client{margin: 24px 0px 0;}
.the_content.desc_div {margin-top: 22px;}
.recentPrj_section .prjTextContent p{
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  color: #242832;
}
.recentPrj_section .project_block:nth-child(odd){padding-right: 35.5px;}
.recentPrj_section .project_block:nth-child(even){padding-left: 35.5px;}
.recentPrj_section .project_block{margin-bottom: 54px;}

body.page-template-page-recentproject h2.submbox_title {font-size: 22px;line-height: 28px;}


/*===============MEDIA QUERY============*/

@media screen and (min-width:992px) and (max-width: 1199px){
  #breadcrumbs a.backPage{margin-right:50px;}
  .recentPrj_section .projectImgWrap { min-height: 250px;}
  .recentPrj_section .prjTextContent {padding: 40px;}
}
@media screen and (min-width:768px) and (max-width: 991px){
.recentPrj_section .projectImgWrap { min-height: 210px;}
.recentPrj_section .prjTextContent {padding: 30px;}
.recentPrj_section .prjTextContent p.client {margin: 20px 0px 0;}
.the_content.desc_div {margin-top: 20px;}
.recentPrj_section .prjTextContent p{font-size: 16px;line-height: 26px;}
.recentPrj_section .project_block:nth-child(odd) {padding-right: 25.5px;}
.recentPrj_section .project_block:nth-child(even) {padding-left: 25.5px;}
.recentPrj_section .project_block {margin-bottom: 50px;}
.reprjBanner_section, .reprjBanner_section.withexcerpt {padding:39px 0 39px;}/*{padding: 80px 0px 80px;}*/
#breadcrumbs a.backPage{margin-right: 50px;}
.recentPrj_section {padding: 50px 0px 60px;}

}


@media screen and (max-width: 767.9px){
#breadCrumb{display: none;}
.reprjBanner_section , .reprjBanner_section.withexcerpt{padding:44px 0 41px;} /*{padding: 44px 0px 37px}*/
/* .reprjBanner_section {padding: 59px 0px 50px}   */
.reprjBanner_section .content_banner p {margin: 10px 0px 0px;}
.reprjBanner_section .centerBlock {padding: 0px 27px 0px 30px;}
.reprjBanner_section .centerBlock .content_banner h1 , .ourVessels_section .HeadingCenter .contentHeading h1{font-size: 28px;line-height: 35px;}
.recentPrj_section .project_block:nth-child(odd){padding: 0px 15px 0px 15px;}
.recentPrj_section .project_block:nth-child(even){padding: 0px 15px 0px 15px;}
.recentPrj_section .projectImgWrap{min-height: 212px;}
.recentPrj_section .prjTextContent {padding: 30px 28px 40px;}
.recentPrj_section .prjTextContent p.client {margin: 20px 0px 0px;}
.the_content.desc_div {margin-top: 20px;}
.recentPrj_section .prjTextContent p{font-size:16px;line-height: 24px;}
.recentPrj_section .prjTextContent p strong {font-size: 16px;line-height: 28px;}
.recentPrj_section .project_block {margin-bottom: 50px;}
.recentPrj_section {padding: 45px 0px 40px;}
.recentPrj_section .projectImgWrap a.onlyYear{font-size: 16px;line-height: 40px;width: 67px;height: 33px;}

}

@media screen and (min-width:575px) and (max-width: 767.9px){
.recentPrj_section .projectImgWrap {min-height: 310px;}
}

@media screen and (min-width:450px) and (max-width:510px){
.recentPrj_section .projectImgWrap {min-height: 260px;}
}

@media screen and (min-width:511px) and (max-width:574px){
.recentPrj_section .projectImgWrap {min-height: 290px;}
}

 /* ============== who we are page ============= */

.whoWeBanner_section{padding: 83px 0px 84px;background: #EEFBFB;}
.whoWeBanner_section .HeadingCenter{text-align: center;}
.whoWeAreBlock_section{padding: 90px 0px 180px;}
.whoWeAreBlock_section p.standard_ingress{
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
  color: #242832;
  margin-bottom: 29px;
}
.whoWeAreBlock_section .paddingLeft{padding: 0px 50px 152px 15px;}
.projectTextRight .headingWrapper, 
.projectTextLeft .headingWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 626px;
}
.projectTextRight .headingWrapper, .projectTextLeft .headingWrapper .centerContent{word-break: break-word;}
.projectTextRight .headingWrapper p, .projectTextRight .headingWrapper .ingress, 
.projectTextLeft .headingWrapper p, .projectTextLeft .headingWrapper .ingress{
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  color: #242832;
}
.projectBlockWrap .headingWrapper h2{margin-bottom: 20px;}
.projectBlockWrap a.readmore-link{
  display: inline-block;
  padding: 12px 43px;
  margin-top: 35px;
  border: 2px solid #5DDBD3;
  box-sizing: border-box;
  border-radius: 30px;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  align-items: center;
  text-align: center;
  color: #222D64;
  transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -ms-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
} 
.projectBlockWrap a.readmore-link:hover{
  background: #5DDBD3;
  border: 2px solid #5DDBD3;
  color: #222D64;
  text-decoration: none;
}
.projectBlockWrap{position: relative;height: auto;padding-bottom:53px;}
.projectBlockWrap .blockBg_img{
  min-height: 626px;
  width: 100%; 
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.projectBlockWrap .floatLeftImg{
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding-left: 0px;
}
.projectBlockWrap .projectTextRight{
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 8px);
    margin-left: calc(50% - 8px);
}
.projectBlockWrap .floatRightImg{
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding-right: 0px;
}
.projectBlockWrap .projectTextLeft{
  position: relative;
  margin-left: -10px;
}
.whoWeAreBlock_section .projectBlockWrap:last-child{margin-bottom: 0px;}


@media screen and (min-width:1200px){ 
.reprjBanner_section .content_banner p, .defaultexerpt p {
    margin: 20px 0px 0px;
    line-height: 34px;
    font-size: 24px;
}
}
@media screen and (min-width:768px){
.fullWidth_rePrj.Mobile{display:none}
.page-template-default footer#colophon{margin-top:140px;}
body.home.page-template-default footer#colophon{margin-top:0;}
}

@media screen and (max-width:767.9px){
.fullWidth_rePrj.Desktop{display:none}
.projectTextRight .headingWrapper, .projectTextLeft .headingWrapper{word-break: break-word;align-items: flex-start;justify-content: flex-start;}
}

@media screen and (min-width:992px) and (max-width:1199px){
.whoWeAreBlock_section .paddingLeft {padding: 0px 50px 130px 15px;}
.projectBlockWrap {margin-bottom: 0;}
.whoWeAreBlock_section {padding: 90px 0px 0;}
}
@media screen and (min-width:768px) and (max-width:991.9px){
.projectBlockWrap .blockBg_img {min-height: 540px;}
.projectBlockWrap{height: auto;margin-bottom: 0;}
.projectTextRight .headingWrapper, .projectTextLeft .headingWrapper{height: 540px;}
.projectTextRight .headingWrapper p, .projectTextRight .headingWrapper .ingress, 
.projectTextLeft .headingWrapper p, .projectTextLeft .headingWrapper .ingress{ font-size: 16px; line-height: 26px}
.projectBlockWrap a.readmore-link{    padding: 10px 35px;font-size: 16px;line-height: 20px;}
.whoWeAreBlock_section p.standard_ingress{font-size: 22px;line-height: 30px;margin-bottom: 25px;}
.whoWeAreBlock_section { padding: 80px 0px 150px;}
.whoWeAreBlock_section .paddingLeft { padding: 0px 50px 120px 15px;}
.page-template-default footer#colophon {margin-top: 100px;}
body.home.page-template-default footer#colophon {margin-top: 0;}
}

@media screen and (min-width:320px) and (max-width:767.9px){
.whoWeAreBlock_section p.standard_ingress{font-size: 20px;line-height: 30px;}
.whoWeAreBlock_section .paddingLeft {padding: 0px 27px 80px 28px;}
.whoWeAreBlock_section{padding: 90px 0px 90px;}
.projectBlockWrap a.readmore-link {padding: 12px 40px;font-size: 16px;line-height: 20px;}
.projectBlockWrap .blockBg_img {min-height: 250px;}
.projectBlockWrap {height: auto;margin-bottom: 50px;}
.projectBlockWrap .floatLeftImg {width: 100%;}
.projectTextRight .headingWrapper, .projectTextLeft .headingWrapper{height: auto;padding-top: 40px;}
.projectBlockWrap .floatLeftImg{
  width: 100%;
  position: relative;
  padding: 0px;
}
.projectBlockWrap .projectTextRight{
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis:auto;
  margin-left: auto;
}
.projectBlockWrap .floatRightImg{
  width: 100%;
  position: relative;
  padding: 0px;
}
.projectBlockWrap .projectTextLeft{margin-left: 0px;}
.blockWrapper .projectBlockWrap{padding: 0px;}

}

@media screen and (max-width: 767.9px) and (min-width: 575px){
.projectBlockWrap .blockBg_img {min-height: 320px;}
}


/* ================ Standard content page =============== */
/* .overskriftBanner_section { padding: 83px 0px 84px; background: #EEFBFB;} */
.overskriftBanner_section.withexcerpt { padding:49px 0px 49px; background: #EEFBFB;}
.overskriftBanner_section { padding:42px 0px 39px; background: #EEFBFB;}
.HeadingCenter{text-align: center;}
/* .innerPageBody{padding: 100px 0px 131px;} */
.innerPageBody{padding: 54px 0px 54px;}
.innerPageBody .standard_ingress p{
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
  color: #242832;
  margin-bottom: 29px;
}
.innerPageBody p{margin-bottom: 29px;}
.innerPageBody p img{margin: 16px 0;}
.innerPageBody p:last-child{margin-bottom:0;}
.innerPageBody .postbodyImg{
  min-height: 504px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  /* margin: 42px 0px 55px; */
  margin: 71px 0px 55px;  
}
.pageMiddleBody h2 {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 36px;
  color: #242832;
  margin: 55px 0px 14px;
}
.pageMiddleBody h3 {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 35px;
  color: #242832;
  margin: 46px 0px 14px;
}
.pageMiddleBody h4 {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  color: #242832;
  margin: 36px 0px 14px;
}

.pageMiddleBody ul{padding: 0px;margin: 0px 0px 36px;}

.pageMiddleBody ul li{
  position: relative;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  color: #242832;
  padding-left: 27px;
}
.pageMiddleBody ul li:before {
  content: "";
  color: #DE2726;
  position: absolute;
  left: 0px;
  top: 10px;
  background: #DE2726;
  height: 10px;
  width: 10px;
  border-radius: 50%;
}

.middleContentLinks{padding: 0px 0px 180px;}
.middleContentLinks .middleContentLinks{padding-bottom: 180px;}
.middleContentLinks .midContRow{margin-bottom: 175px;}
.middleContentLinks .midContRow:last-child{margin-bottom: 0px;}
.middleContentLinks a.midContLink{
  display: inline-block;
    padding: 12px 43px;
    margin-top: 35px;
    border: 2px solid #5DDBD3;
    box-sizing: border-box;
    border-radius: 30px;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    align-items: center;
    text-align: center;
    color: #222D64;
    transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
}
.middleContentLinks a.midContLink:hover{background: #5DDBD3;border: 2px solid #5DDBD3;color: #222D64;text-decoration: none;}
.middleContentLinks .midContRow .midContBlock h2 {margin-bottom: 20px;}
.innerPageBody .page-content {margin:0}
@media screen and (min-width:991px) and (max-width:1199px){
  .innerPageBody {padding: 45px 0px 50px;}
  .middleContentLinks .midContRow {margin-bottom: 120px;}
  .middleContentLinks {padding: 0px 0px 150px;}
}
@media screen and (min-width:768px) and (max-width:991.9px){
  /* .innerPageBody {padding: 85px 0px 100px;} */
  .innerPageBod {padding: 35px 0px 35px;}
  .middleContentLinks .midContRow {margin-bottom: 100px;}
  .middleContentLinks {padding: 0px 0px 120px;}
  .middleContentLinks a.midContLink {padding: 10px 35px;font-size: 16px;line-height: 20px;}
}

@media screen and (min-width:320px) and (max-width:767.9px){
.pageMiddleBody ul li:before{top:7px;}
.overskriftBanner_section,.overskriftBanner_section.withexcerpt {padding: 44px 0px 41px;}
.innerPageBody {padding: 45px 0px 40px;}
.innerPageBody .postbodyImg { min-height: 210px;}
.innerPageBody p.standard_ingress{font-size: 20px;line-height: 30px;}
.middleContentLinks .midContRow {margin-bottom: 80px;}
/* .row#topContent{margin: -14px;} */
.row#topContent{ overflow: hidden;} 
a.toptoscroll.toptoscrollapply {position: fixed; bottom: 60px;right: 20px;}
.color_change p.project_link.subcatactive {padding-left: 20px;}
.middleContentLinks a.midContLink {
  padding: 10px 35px;
  font-size: 16px;
  line-height: 20px;
} 
ul li{margin-bottom: 20px;}
.middleContentLinks {padding: 0px 0px 80px;}
.middleContentLinks .midContBlock{padding: 0px 27px 0px 28px;}
.innerPageBody .rightSideContent{padding: 0px 27px 0px 28px;}
}

ul.left-menu-listing {
    margin: 0;
    padding: 0;
    list-style: none;
	padding-bottom:50px;
}

ul.left-menu-listing > li {
    color: #242832;
    border-top: 1px solid #ECECEC;
    position: relative;
	margin-bottom: 0;
	padding: 0;
}

ul.left-menu-listing > li:last-child {
    border-bottom: 1px solid #ECECEC;
}

ul.left-menu-listing > li:last-child > a:focus{outline:none;}

ul.left-menu-listing li.current_page_item > a {
    color: #242832;
	font-weight: bold;
}

ul.left-menu-listing li a {
    padding: 16px 0;
    display: block;
    padding-right: 30px;
    color: #242832;
    font-family: Roboto;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
}

span.toggle-cat {
    display: block;
    cursor: pointer;
    padding: 0;
    z-index: 8;
    height: 20px;
    width: 20px;
    position: absolute;
    right: 6px;
    float: right;
    top: 10px;
    text-align: center;
}

.left-menu-pages .children{display:none;position:relative;}
.left-menu-pages .children li{position:relative;}
.left-menu-pages .children li span.toggle-cat{top:-4px;}

/* ==================== Gallery of Us Page ===================== */
.galleryofUs_section{padding: 83px 0px 84px;background: #EEFBFB;}
.slider_Section{padding: 81px 0px 180px;}
.sliderRow{margin-top: 54px;}
.galleryMiddlePost p {
  margin-bottom: 29px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  color: #242832;
}
#owlGallerySlider .imgWrapper{
  min-height: 485px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#owlGallerySlider .imgBottomText{padding: 24px 49px 21px 40px;background: #EEFBFB;}
.innerPageBody #owlGallerySlider .imgBottomText p {margin-bottom:0 !important;}
#owlGallerySlider .imgBottomText p {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #242832;
}
#owlGallerySlider button:focus{outline: none;}
#owlGallerySlider{position: relative;}
#owlGallerySlider .owl-nav {
  position: absolute;
  text-align: center;
  top: 40%;
  width: 100%;
  margin-bottom: 10px;
}
#owlGallerySlider .owl-nav .owl-prev {
  left: 40px;
  position: absolute;
}
#owlGallerySlider .owl-nav .owl-next {
  right: 40px;
  position: absolute;  
}


@media screen and (min-width:991px) and (max-width:1199px){
  .slider_Section { padding: 81px 0px 150px;}
  footer#colophon .container-fluid.site-info .menudiv ul li a{font-size: 17px !important;}
  .container-fluid.site-info .menudiv {padding-left: 2% !important;}
  footer#colophon .container-fluid.site-info .logodiv{padding-left:13% !important;}
}
@media screen and (min-width:768px) and (max-width:991.9px){
  .slider_Section {padding: 50px 0px 100px;}
  .galleryMiddlePost p {margin-bottom: 25px;font-size: 16px;line-height: 26px;}
  #owlGallerySlider .imgWrapper {min-height: 350px;}
  #owlGallerySlider .imgBottomText p{font-size: 14px;line-height: 20px;}
  #owlGallerySlider .owl-nav{top: 35%;}
  #owlGallerySlider .owl-nav .owl-prev img {
    height: 40px;
    width: 20px;
  }
  #owlGallerySlider .owl-nav .owl-next img {
    height: 40px;
    width: 20px;
  } 
}

@media screen and (min-width:320px) and (max-width:767.9px){
	.left-menu-pages{order: 2;margin-top:55px;}
	.colrightside{order:1;}
  .slider_Section { padding: 80px 0px 80px;}
  .galleryMiddlePost p{font-size: 16px;line-height: 24px;margin-bottom: 20px;}
  .sliderRow {margin-top: 60px;}
  #owlGallerySlider .imgWrapper {min-height: 220px;}
  #owlGallerySlider .imgBottomText { padding: 25px;}
  #owlGallerySlider .imgBottomText p{font-size: 14px;}
  #owlGallerySlider .owl-nav{top:38%;}
  #owlGallerySlider .owl-nav .owl-prev img{height: 40px;width: 20px;}
  #owlGallerySlider .owl-nav .owl-next img{height: 40px;width: 20px;}
  #owlGallerySlider .owl-nav .owl-prev {left: 25px;}
  #owlGallerySlider .owl-nav .owl-next {right: 25px;}
.slider_Section .rightSideContent{padding: 0px 27px 0px 28px;}
}



 /* ====================== Employee section ====================  */
 /* .employeeBanner{padding: 83px 0px 84px;background: #EEFBFB;} */
 .employeeBanner.withexcerpt { padding:49px 0px 49px; background: #EEFBFB;}
.employeeBanner { padding:42px 0px 39px;  background: #EEFBFB;}

 .employee_block .emp_img{
   min-height: 430px;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
 }
 /* .employeeListing_Section {padding:80px 0px 188px;} */
 .employeeListing_Section {padding:54px 0px 188px;}
 .employee_block .emp_content{padding-top:23px;}
 .employee_block .emp_content h4{margin-bottom: 2px}
 .employee_block .emp_content p.job_title{
   margin-bottom: 10px;
   font-family: Roboto;
   font-style: italic;
   font-weight: normal;
   font-size: 18px;
   line-height: 25px;
   color: #437083;
 }
 .employee_block .emp_content p.emp_email a {
   font-family: Roboto;
   font-style: normal;
   font-weight: normal;
   font-size: 18px;
   line-height: 30px;
   text-decoration: underline;
   color: #222222;
    word-break: break-word;
 }
 .employee_block .emp_content p.emp_email a:hover {text-decoration: underline;color: #437083;}
 .employee_block .emp_content p.emp_phone a {font-family: Roboto;font-style: normal;font-weight: normal;font-size: 18px;line-height: 30px;color: #222222;}
 .page-template-page-employee .employee_block .emp_content p.emp_phone a { line-height: 28px;color:#242832 }
 .employee_block .emp_content p.emp_phone a:hover { text-decoration: none; }
 .employeeListing_Section .employee_block{margin-bottom: 58.42px;}
.employeeListing_Section .employee_block .emp_content .emp_name{font-size: 24px;line-height: 28px;}
 .employeeListing_Section .row.employee_row:last-child .employee_block{margin-bottom: 0px;}
 .employeeListing_Section .employee_block:first-child{padding-right:50px; }
 .employeeListing_Section .employee_block:nth-child(2){padding:0px 32.5px; }
 .employeeListing_Section .employee_block:nth-child(3){padding-left:50px; }
 /* DROPDOWN CSS */
 .empFilterrow{position: relative;height: 52px;margin-bottom: 51px;}
 .filterEmpList .dropDown {position: absolute;z-index: 254;top: 0px;}
 .filterEmpList .dropDown .selected a {
   display: block;
   width: 298px;
   text-decoration: none;
   background: #FFFFFF;
   border: 2px solid #5DDBD3;
   box-sizing: border-box;
   border-radius: 30px; 
    max-height: 52px;
    min-height: 52px;
 }
 /* .filterEmpList .dropDown .selected a:hover{
   background: #5DDBD3;
 border-radius: 50px;
 } */
 .filterEmpList .dropDown .selected a span {
   cursor: pointer;
   display: block;
   font-family: Roboto;
   font-style: normal;
   font-weight: bold;
   font-size: 16px;
   line-height: 19px;
   align-items: center;
   color: #222D64;
   padding: 15px 45px 16px 30px;
 }
 .filterEmpList .bgimg{
   background: url("../assets/images/Arrow_down_employe_dropdown.svg") no-repeat right center;
   margin-right: 20px;
 }
 .filterEmpList .init1{background: url("../assets/images/Arrow_left.svg") no-repeat right center;}
 .filterEmpList .dropDown .option {position: relative;}
 .filterEmpList .dropDown .options ul {
   display: none;
   list-style: none;
   position: absolute;
   left: 0px;
   top: 24px;
   width: auto;
   min-width: 271px;
   background: #EEFBFB;
   padding: 41px 30px 28px 30px;
   z-index: -1;
 }
 .filterEmpList .dropDown .selected span.value,
 .filterEmpList .dropDown .options span.value {display: none;}
 .filterEmpList .dropDown .options ul li a {display: block;text-decoration: none;font-family: Roboto;font-style: normal;font-weight: bold;font-size: 16px;line-height: 40px;color: #242832;}
 .filterEmpList .dropDown .options ul li a:hover {color: #242832;text-decoration: none;}
 
 @media screen and (min-width:1201px) and (max-width:1299.9px){
 .employeeListing_Section {padding: 54px 0px 138px;}
 .employeeListing_Section .employee_block {margin-bottom: 48.42px;padding-bottom: 45px;}
 }
 
 @media screen and (min-width:992px) and (max-width:1199.9px){
 .employeeListing_Section .employee_block:first-child {padding-right: 40px;}
 .employeeListing_Section .employee_block:nth-child(2) {padding: 0px 27.5px;}
 .employeeListing_Section .employee_block:nth-child(3) {padding-left: 40px;}
 .employeeListing_Section {padding: 54px 0px 138px;}
 .employeeListing_Section .employee_block {margin-bottom: 48.42px;padding-bottom: 45px;}
 .employee_block .emp_img { min-height: 380px;}
 }
 
 @media screen and (min-width:768px) and (max-width:991.9px){
   .employeeListing_Section .employee_block:first-child {padding-right: 30px;}
   .employeeListing_Section .employee_block:nth-child(2) {padding: 0px 25.5px;}
   .employeeListing_Section .employee_block:nth-child(3) {padding-left: 30px;}
   .employeeListing_Section .employee_block {margin-bottom: 40.42px;padding-bottom:40px;}
   .employeeListing_Section .employee_block .emp_content .emp_name{font-size: 22px;line-height: 30px;}
    .employeeListing_Section {padding: 44px 0px 128px;}
   .employee_block .emp_img { min-height: 290px;}
   .filterEmpList .dropDown .selected a span{padding: 15px 30px 15px 30px;}
   .filterEmpList .dropDown .options ul{padding: 41px 30px 28px 30px;}
   .filterEmpList .dropDown .selected a span{font-size: 15px;line-height: 18px;}
   .filterEmpList .dropDown .selected a{width: 255px;}
   .filterEmpList .dropDown .options ul{min-width: 255px;}
   .filterEmpList .dropDown .options ul li a{font-size: 15px;}
   .boatMain_heading h2{padding-top: 8px;}
 }
   
 @media screen and (min-width:320px) and (max-width:767.9px){
   .employeeListing_Section {padding: 45px 0px 80px;}
   .employeeListing_Section .employee_block .emp_content .emp_name{font-size: 22px;line-height: 28px;}
   .employeeListing_Section .employee_block:first-child {padding-right: 15px;}
   .employeeListing_Section .employee_block:nth-child(2) {padding: 0px 15px;}
   .employeeListing_Section .employee_block:nth-child(3) {padding-left: 15px;}
   .employeeListing_Section .employee_block {margin-bottom: 44px;}
   .employeeListing_Section .row.employee_row:last-child .employee_block {margin-bottom: 44px;}
   .employeeListing_Section .row.employee_row:last-child .employee_block:last-child{margin-bottom: 0px;}  
   .employee_block .emp_content p.emp_email a{font-size: 16px;line-height: 30px;}
   .employee_block .emp_content p.emp_phone a{font-size: 18px;line-height: 28px;}  
   .filterEmpList .dropDown .selected a span{padding: 15px 30px 15px 30px;}
   .filterEmpList .dropDown .options ul{padding: 41px 30px 28px 30px;}
   .filterEmpList .dropDown .selected a span{font-size: 15px;line-height: 18px;}
   .filterEmpList .dropDown .selected a{width: 255px;}
   .filterEmpList .dropDown .options ul{min-width: 255px;}
   .filterEmpList .dropDown .options ul li a{font-size: 15px;}
}

@media screen and (min-width:576px) and (max-width:767.9px){
.employee_block .emp_img , .imgText_wrapper .img_wrapper { min-height: 600px;background-position: center top; }
}

@media screen and (min-width:501px) and (max-width:575px){
.employee_block .emp_img , .imgText_wrapper .img_wrapper { min-height: 570px;}
}
 
@media screen and (min-width:401px) and (max-width:500px){
.employee_block .emp_img , .imgText_wrapper .img_wrapper { min-height: 500px;}
}

@media screen and (max-width:400px){
.employee_block .emp_img , .imgText_wrapper .img_wrapper { min-height: 422px;}
}
 
 /* ============= Our vessels ============ */
 .ourVessels_section{padding: 41px 0px 11px;background: #EEFBFB;}
 .ourVessels_section .contentHeading{text-align: center;margin-bottom: 38px;}
 .vesselArticle .vessel_img{
   min-height: 276px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
 }
 
   .bbSpot_section table th{ font-size: 24px;font-weight: 700;border-bottom: 0px solid;padding-left:19px;
    border-color: transparent;margin-bottom: 40px !important;height: 66px;vertical-align: top;line-height: 28px;}
	td.tdcol {padding-left: 19px;height:54px;}
	.bbSpot_section table{margin-bottom:0;}
	.empSection  .mobile-padding{margin-bottom:21px;}
	/* .row.empSection{padding-bottom:29px;} */
.vesselArticle .sliding_content{padding: 22px 49px 23px 49px;background: #FFFFFF;position: relative;}
.vesselArticle .sliding_content p{
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 50px;
  color: #242832;
 }
.vesselArticle .sliding_content a:hover{text-decoration: none;color: #242832;} 
.vesselArticle .sliding_content .toggleArrow{margin-left: 20px;position: relative;top: -3px;}
.vesselArticle .sliding_content .slide_down {
   background: #FFFFFF;
   display: none; 
   top:80px;
   width: 100%;
   left: 0px;
   position: absolute;
   padding: 6px 49px 42px 49px;;
  }
.mobile_line{border: 1px solid #437083;opacity: 0.5;}
.vesselArticle .sliding_content .project_link { cursor:pointer; position:relative;}
.vesselArticle .sliding_content .project_link .rotated{transform: rotate(180deg)}
.vesselArticle .sliding_content .slide_down a.prjAll_btnLink{
    display: inline-block;
    padding: 10px 30px;
    margin-top: 22px;
    border: 2px solid #5DDBD3;
    box-sizing: border-box;
    border-radius: 30px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    align-items: center;
    text-align: center;
    color: #222D64;
    background: #5DDBD3;
    transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;

}
.vesselArticle .sliding_content .slide_down a.prjAll_btnLink:hover{
  border: 2px solid #5DDBD3;
  background: #FFFFFF;
  color: #222D64;
}
.vesselArticle .sliding_content .slide_down a.projectLink{
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  text-decoration: underline;
  color: #242832;
  display: block;
}
.vesselArticle .sliding_content .slide_down a.projectLink:focus,.boatInfo.spec:focus{outline:none;}
.ourVessels_section .projectVessels{margin-bottom: 42px;}
/* table css */
.bbSpot_section{padding: 43px 0px 20px;}
.lastUpdate span.last_updated{
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 50px;
  color: #000000;
 }
.lastUpdate span.updated_date{
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
}
.bbSpot_section .table_heading{margin-bottom: 42px;} 
.bbSpot_section .tHeading_mobile{display: none;}
.bbSpot_section .tableBodyText p {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 50px;
  color: #000000;
 }

 .bbSpot_section .table_body:nth-child(odd){background: #EEFBFB;}
 .bbSpot_section .lastUpdate{margin: 20px 0px;}
 .imgText_wrapper .img_wrapper{
  /* min-height: 212px; */
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 29.49%;
  float: left;
  margin-right: 28px;
}
.empSection{padding: 54px 0px 0px;}
.empSection h4{margin-bottom: 3px}
.empSection p.job_title{
   margin-bottom: 25px;
   font-family: Roboto;
   font-style: italic;
   font-weight: normal;
   font-size: 18px;
   line-height: 25px;
   color: #437083;
 }
 .empSection p.emp_email a {font-family: Roboto;   font-style: normal;font-weight: normal;font-size: 18px;line-height: 30px;text-decoration: underline;color: #222222;margin-bottom: 5px;}
.empSection p.emp_email a:hover {text-decoration: underline;color: #437083;}
.empSection p.emp_phone a {font-family: Roboto;font-style: normal;font-weight: normal;font-size: 18px;line-height: 30px;color: #222222;}
.empSection p.emp_phone a:hover {text-decoration: none;}
 .projCat_block .boat_img{min-height: 345px;background-position: center;background-size: cover;background-repeat: no-repeat;margin: 23px 0px 19px;}
.projectBlock_category .projCat_block:nth-child(odd){padding-right: 35.5px;}
.projectBlock_category .projCat_block:nth-child(even){padding-left: 35.5px;}
.projCat_block .featureWrap{display: flex;border-bottom: 1px solid #E0E0E0;padding: 6px 0px;}
.projCat_block .featureWrap:last-child{padding: 6px 0px 27px;}
.projCat_block p.boatFeture{width: 23.03%;font-family: Roboto;font-style: normal;font-weight: bold;font-size: 16px;line-height: 40px;color: #242832;}
.projCat_block p.boatInfo{font-family: Roboto;font-style: normal;font-weight: normal;font-size: 16px;line-height: 40px;color: #242832;display: block;justify-content: center; flex-direction: column;float: left;text-align: left;align-items: flex-start;}
.projCat_block p.boatInfo.spec{padding-top:9px;}
.projCat_block p.boatInfo a{display: block;font-family: Roboto;font-style: normal;font-weight: normal;font-size: 16px;line-height: 22px;text-decoration: underline;color: #242832;}
.horizontal_line{height: 3px;width: 100%;background-color: #DBD5CD;margin: 27px 0px 30px;}
.category_block .projCatHeading h3{margin-bottom: 17px;font-size: 28px;line-height: 35px;color: #242832;}
.category_block{margin-bottom: 82px;}
.categoryParent_block .bactToinstance{text-align: end;}
.categoryParent_block .bactToinstance p a:hovet{text-decoration:none !important;}
.categoryParent_block .bactToinstance p a span.upArrow img {min-height:9px;min-width:17px;max-height:9px;max-width:17px;}
.categoryParent_block .bactToinstance p a span.upArrow:hover img {min-height:9px;min-width:17px;max-height:9px;max-width:17px;}
.categoryParent_block .bactToinstance p a span.backto {font-family: Roboto;font-style: normal;font-weight: normal;font-size: 16px;line-height: 50px;color: #242832;margin-top: 15px;display: inline-block;}
.categoryParent_block .bactToinstance p a span.backto:hover{color:#437083;}
.categoryParent_block .bactToinstance p a:hover {color: #242832;text-decoration: none;}
.bactToinstance span.upArrow{margin-left: 6px;}
.categoryParent_block{margin-bottom: 252px;}
.categoryParent_block.no_subcategory{margin-bottom: 0; }/*170px;*/ 
.categoryParent_block.no_subcategory:last-child {margin-bottom: 150px;}
.no_subcategory .category_block{margin-bottom: 0;}
.mobile_line{display: none;}
.projectlink_anchor:focus{outline:none;}
@media screen and (min-width:768px) {
.projCat_block {padding-bottom: 43px;}
.projCatHeading {padding-top: 4px;}
}
@media screen and (min-width:992px) and (max-width:1199.9px){
.vesselArticle .sliding_content{padding: 22px 30px 23px 30px;}
.vesselArticle .sliding_content .slide_down {padding: 22px 30px 23px 30px;}
.vesselArticle .sliding_content p{font-size: 25px;line-height: 45px;}
.projCat_block .boat_img {min-height: 283px;}
.imgText_wrapper .img_wrapper {min-height: 200px;}
.projCat_block p.boatFeture {width: 27.33%;margin-right: 30px}
.categoryParent_block {margin-bottom: 210px;}
.categoryParent_block.no_subcategory {margin-bottom: 180px;}
 body.page-template-page-ourVessles .vesselArticle .vessel_img {min-height: 234px;}
}

@media screen and (min-width:768px) {
.imgText_wrapper .img_wrapper{min-height: 212px;}
}

@media screen and (min-width:768px) and (max-width:991.9px){
.projCat_block p.boatInfo.spec {padding-top:4px;}
  .vesselArticle .sliding_content{padding: 22px 25px 23px 25px;}
  .vesselArticle .sliding_content .slide_down {top:60px;padding: 6px 25px 23px 25px;}
  .vesselArticle .sliding_content p{font-size: 20px;line-height: 35px;}
  .vesselArticle .vessel_img {min-height: 210px;}
  .vesselArticle .sliding_content .toggleArrow {margin-left: 5px;}
  .ourVessels_section {padding: 41px 0px 10px;}
  .projCat_block .boat_img {min-height: 200px;}
  body.page-template-page-ourVessles .vesselArticle .vessel_img {min-height: 170px;}
  .imgText_wrapper .img_wrapper {min-height: 155px;width: 33.49%;margin-right: 20px}
  .projCat_block p.boatFeture {width: 27.33%;margin-right: 30px}
  .projCat_block p.boatFeture,
  .projCat_block p.boatInfo {font-size: 16px;line-height: 30px;}
  .categoryParent_block {margin-bottom: 210px;}
  .vesselArticle .sliding_content .slide_down a.projectLink{font-size: 16px;line-height: 24px;}
  .vesselArticle .sliding_content .slide_down a.prjAll_btnLink{margin-top: 30px;padding: 9px 28px;}
  .bbSpot_section .tableBodyText p{font-size: 16px;line-height: 40px;}
  .text_wrapper h4{font-size: 20px;line-height: 30px;}
  .empSection p.job_title { margin-bottom: 20px;font-size: 16px;line-height: 24px;}
  .empSection p.emp_email a{font-size: 16px;line-height: 24px;}
  .empSection p.emp_phone a{font-size: 16px;line-height: 24px;}
  .categoryParent_block .bactToinstance p a{margin-top: 0px;}
  .categoryParent_block .bactToinstance p a span.backto{margin-top:0}
  .category_block {margin-bottom: 60px;}
  .categoryParent_block {margin-bottom: 160px;}
  .categoryParent_block.no_subcategory {margin-bottom: 0;}
  .categoryParent_block.no_subcategory:last-child {margin-bottom: 120px;}
  .projectBlock_category .projCat_block:nth-child(odd) {padding-right: 25.5px;}
  .projectBlock_category .projCat_block:nth-child(even) {padding-left: 25.5px;}

}
@media screen and (min-width:320px) and (max-width:767.9px){
	.page-template-default footer#colophon {margin-top: 50px;}
	body.home.page-template-default footer#colophon {margin-top: 0;}
	.pageMiddleBody ul li {font-size: 16px;line-height: 24px;}
  .mobile_line{display: block;}
  .ourVessels_section {padding: 44px 0px 10px;padding-bottom:62px;}
  .ourVessels_section .contentHeading {margin-bottom: 37px;}
  .contentHeading h1{font-size: 28px;line-height: 35px;}
  .vesselArticle .sliding_content p{font-size: 20px;line-height: 24px;}
  .sliding_content {padding: 19px 47px 18px 47px;}
  .vesselArticle .sliding_content {padding: 19px 18px 18px 18px;}
  .vesselArticle .vessel_img {min-height: 134px;}
  .vesselArticle .sliding_content .slide_down a.projectLink{font-size: 16px;line-height: 30px;}
  .color_change .sliding_content{background: rgb(34, 45, 100);color: #FFFFFF;}
  .color_change .sliding_content .slide_down {background: rgb(34, 45, 100);color: #FFFFFF;}
  .color_change .slide_down a.projectLink, .color_change p.project_link{color: #FFFFFF !important;}
  /* .vesselArticle .sliding_content .slide_down a.projectLink */
  .vesselArticle .sliding_content .toggleArrow {position: absolute;right: 0px;}
  .vesselArticle .sliding_content .slide_down{z-index: -1;top: 60px;padding: 6px 19px 38px 19px;}
  .ourVessels_section .projectVessels {padding: 0px 27px 0px 28px;}
  .bbSpot_section {padding: 43px 30px 0 23px;}
  .bbSpot_section .lastUpdate {margin: 3px 0px 14px;}
.table_body{padding: 24px 0px 11px 13px;margin-bottom: 20px;}
.table_body:last-child{margin-bottom: 0px;}
.lastUpdate span.last_updated,
.lastUpdate span.updated_date{color: #242832;}
td.tdcol{padding-left:0;height: 28px;}
  .bbSpot_section .tHeading_mobile{display: block;font-family: Roboto;font-style: normal;font-weight: bold;font-size: 18px;line-height: 28px;color: #000000;}
  .imgText_wrapper .img_wrapper{margin-right: 0px;float: none;width: 100%;} /* min-height: 422px; */
  .text_wrapper{padding: 22px 0px 44px;}
  .mobile-padding:last-child .text_wrapper{padding: 22px 0px 24px;}
  .empSection p.job_title {margin-bottom: 13px;}
  .empSection p.emp_email a{font-size: 16px;line-height: 30px;}
  .empSection  .mobile-padding{padding:0;margin-bottom: 0;}
  .bbSpot_section .tableBodyText p{font-size: 16px;line-height: 26px;}
  .bbSpot_section .table_heading{display: none;}
  .tableBodyText{column-count: 2;}
  .tableBodyText{padding: 0px 11px 5px 28px;}
  .table_body{margin-bottom: 20px 0px;}
  .categoryParent_block .bactToinstance p a span.backto{display: none;}
  .horizontal_line{margin: 22px 0px 20px;}
  .bactToinstance span.upArrow img{margin-top: 10px;}
  .projCatHeading h3{font-size: 24px !important;line-height: 35px;margin-bottom: 16px !important;}
  .boat_name h4{font-size: 18px;line-height: 28px;}
  .projectBlock_category .projCat_block:nth-child(odd) {padding-right: 15px;}
  .projectBlock_category .projCat_block:nth-child(even) {padding-left: 15px;}
  .projCat_block .boat_img {min-height: 212px;margin: 13px 0px 9px;}
  .projCat_block p.boatFeture { width: 29.33%;margin-right: 20px;}
  .projCat_block p.boatInfo a {margin-bottom: 13px;}
  .projCat_block p.boatInfo a:last-child {margin-bottom: 0px;}
  .projCat_block .featureWrap{padding: 0px;}
  .projectBlock_category .projCat_block{margin-bottom: 31px;}
  .category_block .projCatHeading h3{margin-top:0; /*5px;*/}
  .category_block { margin-bottom: 36px;}
  .categoryParent_block.no_subcategory:last-child { margin-bottom: 175px;}
  .categoryParent_block {margin-bottom: 45px;}
  .no_subcategory .category_block {margin-bottom: 0px;}
  .no_subcategory .category_block .projCat_block{margin-bottom: 27px;padding-top: 4px;}
  .categoryParent_block.no_subcategory {margin-bottom: 5px;}
.categoryParent_block .container{padding: 13px 15px 0px 15px;}
.boatInfo.spec{display: inline-block; width: 60%;float: left;margin-top: 0;}
.projCat_block p.boatFeture{float:left;}
.projCat_block .featureWrap:last-child {padding: 6px 0px 16px;}
.categoryParent_block .boatMain_heading{-ms-flex: 0 0 81.666667%;flex: 0 0 81.666667%; max-width: 81.666667%;}
.categoryParent_block .bactToinstance{max-width: 15%;}


}

@media screen and (min-width:320px) and (max-width:365px){
/* .vesselArticle .sliding_content{width: 58% !important;} */
.vesselArticle .sliding_content{padding-right: 24px !important;}
.vesselArticle .sliding_content .toggleArrow{right:0 !important;}
.projCat_block p.boatFeture {font-size: 14px;}
.projCat_block p.boatInfo a, .projCat_block p.boatInfo {font-size:14px;}

}
@media screen and (min-width:340px) and (max-width:365px){
	.vesselArticle .sliding_content{padding-right: 24px !important; /*padding-left: 0 !important;*/}
}
@media screen and (min-width:500px) and (max-width:767px){
.projCat_block .boat_img {min-height: 300px;} /* {min-height: 350px;} */
}
 
/* ============== Contact Us Page ================= */
/* .contactUs_section{padding: 83px 0px 84px;} */
.contactUs_section{padding: 42px 0px 39px;background: #EEFBFB;}
.contactDetails_section{padding: 54px 0px 54px; /*86px 0px 147px;*/}
.contactDetails_section .contact_heading h2#secHeading {margin-bottom: 52px;font-family: Roboto;font-style: normal;font-weight: bold;font-size: 45px;line-height: 60px;color: #242832;}

.contactBlock .imgBranch{
  min-height: 220px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.contactBlock .contactDetails{padding: 54px 36px 0px 36px;} /* 48px 31px 47px 40px */
.contactBlock .branchLine{
  background: #5DDBD3;
  border-radius: 5px;
  width: 78px;
  height: 5px;
  margin: 23px 0px 43px;
}
.contactBlock .branchAdd p{
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #242832;
}
.contactBlock .branchCall{margin: 15px 0 0;}
.contactBlock .branchEmails{margin: 15px 0 0;}
.contactBlock .branchCall a, .contactBlock .branchEmails a{
  display: block;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  color: #242832;
}
.contactBlock .branchCall a:hover, .contactBlock .branchEmails a:hover{color: #437083;text-decoration: underline;}
.contactBlock .branchEmails a{text-decoration: underline;word-break: break-word;}
.contactBlock .branchOffice{background: #EDEAE6;}
.contactBlock:nth-child(2) .contactDetails{background: #437083;/*padding: 48px 48px 54px 38px;*/}
.contactBlock:nth-child(2) .branchLine{margin: 16px 0px 42px;}
.contactBlock:nth-child(2) .branchCall a,
.contactBlock:nth-child(2) .branchAdd p,
.contactBlock:nth-child(2) .branchHeading{color: #FFFFFF;line-height: 28px;}
.contactBlock:nth-child(2) .branchEmails a{color: #FFFFFF;line-height: 30px;}
.contactBlock:nth-child(2) .branchCall {margin: 20px 0px 17px;}
/* .contactBlock:nth-child(2) .branchCall a:hover, 
.contactBlock:nth-child(2) .branchEmails a:hover{color: #437083;text-decoration: underline;} */
.contactBlock:nth-child(3) .branchLine{margin: 16px 0px 45px;}
.contactBlock:nth-child(3) .branchCall a,
.contactBlock:nth-child(3) .branchAdd p,
.contactBlock:nth-child(3) .branchHeading{line-height: 28px;}
.contactBlock:nth-child(3) .branchEmails a{line-height: 30px;}
.contactBlock:nth-child(3) .branchCall {margin: 20px 0px 17px;}
.contactBlock:first-child{padding-right:40px; }
.contactBlock:nth-child(2){padding:0px 27.5px 0px 27.5px; color: #FFFFFF;}
.contactBlock:nth-child(2) .branchAdd .the_content{ color: #FFFFFF;}
.contactBlock:nth-child(3){padding-left:40px; }
.contactService_section{padding: 150px 0px 149px;background: #EEFBFB;}
.serviceBlock .imgService{min-height: 500px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.page-template-page-contactus .serviceBlock .head_heading{font-size: 22px;line-height: 28px;font-family: Roboto;font-style: normal;font-weight: bold;}

.serviceBlock .empImg{float: left;margin-right: 45px;}
.serviceBlock a.all_empLink{
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  text-decoration: underline;
  color: #222222;
  margin-top: 6px;
}
.serviceBlock a.all_empLink:focus , .serviceBlock a.send_invoicelink:focus{outline:none;}
.serviceBlock .head_heading{margin-bottom:6px;}
.serviceBlock .employee_block{padding: 47px 0px 45px;
    display: flex;
    align-items: center;
    justify-content: flex-start;}
.serviceBlock .borderService{border-top: 1px solid #5DDBD3;opacity: 0.6;}
.serviceBlock .invoiceBlock a{
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  text-decoration: underline;
  color: #242832;
  margin-top: 6px;
}
.serviceBlock .invoiceBlock{padding: 46px 0px 45px;}
.serviceBlock .associatedComp{padding: 45px 0px 0;}
.serviceBlock .associatedComp .margin-right img {margin-bottom: 47px;}
.serviceBlock .associatedComp h4{margin-bottom: 15px;}
.serviceBlock .associatedComp .margin-right{margin-right: 35px;}
.serviceBlock:first-child{padding-right: 69px;}

@media screen and (min-width:992px) {
.contactBlock .contactDetails .branchHeading{font-size:28px;line-height:35px;}
}
@media screen and (min-width:992px) and (max-width:1199.9px){
.contactBlock:first-child{padding-right:30px; }
.contactBlock:nth-child(2){padding:0px 17.5px 0px 17.5px; }
.contactBlock:nth-child(3){padding-left:30px; }
.contactBlock .contactDetails {padding: 48px 30px 0 30px;}
}

@media screen and (min-width:768px) and (max-width:991.9px){
  /* .contactUs_section {padding: 60px 0px 60px;} */
  .contactDetails_section{padding: 39px 0px 40px;}

  .contactDetails_section .contact_heading h2#secHeading {font-size: 40px;line-height: 45px;}

  .contactBlock .imgBranch {min-height: 150px;}
  .contactBlock .contactDetails  {padding: 40px 25px 0 25px;}
  .contactBlock:nth-child(2) .contactDetails {padding: 40px 25px 0 25px;}
  .contactBlock:first-child{padding-right:20px; }
  .contactBlock:nth-child(2){padding:0px 12.5px 0px 12.5px; }
  .contactBlock:nth-child(3){padding-left:20px; }
  .contactBlock .branchAdd p,
  .contactBlock .branchCall a, .contactBlock .branchEmails a{font-size: 14px;line-height: 24px;}
  .contactService_section {padding: 100px 0px 100px;}
  .serviceBlock .empImg{margin-right: 30px;}
  .serviceBlock .viewAllemp {display: inline-block;}
  .serviceBlock a.all_empLink,
  .serviceBlock .invoiceBlock a{font-size: 16px;line-height: 24px;}
  .associatedComp span img{width:115px;}
  .serviceBlock  .associatedComp, 
  .serviceBlock .invoiceBlock, 
  .serviceBlock  .employee_block {padding: 30px 0px 30px;}
  .serviceBlock .imgService {min-height: 420px;}
}

@media screen and (min-width:320px) and (max-width:767.9px){
.contactUs_section {padding: 45px 0px 41px;}
.employeeBanner {padding: 44px 0px 41px;}
.contactDetails_section {padding: 45px 0px 30px;}
.contactDetails_section .contact_heading h2#secHeading {margin-bottom: 30px;font-size: 35px;line-height: 40px;}
.contactBlock:first-child {padding-right: 15px;}
.contactBlock .imgBranch {min-height: 180px;}
.contactBlock .contactDetails,
.contactBlock:nth-child(2) .contactDetails {padding: 40px 28px 40px 28px;}
.contactBlock{margin-bottom: 30px;}
.contactBlock .branchLine,
.contactBlock:nth-child(2) .branchLine,
.contactBlock:nth-child(3) .branchLine{margin: 20px 0px 30px;}
.contactBlock:nth-child(2) {padding: 0px 15px 0px 15px;}
.contactBlock:nth-child(3) {padding-left: 15px;}
.serviceBlock:first-child { padding-right: 15px;}
.contactService_section {padding: 80px 0px 80px;}
.serviceBlock .empImg {margin-right: 20px;}
.associatedComp span img{width: 45%;}
.serviceBlock .associatedComp .margin-right {margin-right: 20px;}
.serviceBlock .imgService{min-height: 250px;}

}


/* Search Page Styling */
body.search.search-no-results header.page-header {padding-bottom: 9px;}
body.search header.page-header {padding-bottom: 43px;}
body.search .search_content {margin-top: 96px;}
body.search h2.page-title span {font-weight: 300;}
body.search header.page-header {padding-bottom: 43px;}
body.search h4.entry-title a {color: #19253E;font-size: 22px;line-height: 28px;}
body.search .entry-summary {margin-top: 12px;}
body.search main#primary hr {background: #DBD5CD;margin: 0 0 50px;}
body.search .entry-summary p:last-child{margin-bottom: 50px;}
body.search.search-results .search_content main#primary article .righttext_div p:last-child {margin-bottom:0 !important;}
body.search.search-results .search_content main#primary article{margin-bottom: 50px;}
body.search footer#colophon {margin-top: 130px;}
body.search .search_content main#primary article p{color:#19253E;}
body.search header.header-wrapper {border-bottom: 2px solid #ECECEC;}

@media screen and (min-width:768px){
body.search .search_content main#primary article .textwith_img {margin-bottom:50px;}
body.search.search-results .search_content main#primary article .righttext_div p:last-child {margin-bottom:0 !important;}
body.search.search-results .search_content main#primary article{display: inline-block;width: 100%;margin-bottom:0}
body.search.search-results .search_content main#primary article .leftimg_div{width: 37.5%;display: inline-block;padding-left: 15px;padding-right: 15px;}
body.search.search-results .search_content main#primary article .righttext_div{width: 62.5%;display: inline-block;text-align: left;float: right;padding-left: 15px;padding-right: 15px;}
}

@media screen and (max-width:767.9px){
body.search .search_content {margin-top: 45px;}
body.search header.page-header {padding-bottom: 40px;}
/* body.search main#primary hr {margin: 0 0 50px;} */
body.search footer#colophon {margin-top: 80px;}
body.search.search-results .search_content main#primary article{display: inline-block;width: 100%;margin-bottom: 0;}
body.search.search-results .search_content main#primary article .leftimg_div{width: 100%;display: inline-block;padding-left: 15px;padding-right: 15px;margin-bottom:20px}
body.search.search-results .search_content main#primary article .righttext_div{width: 100%;display: inline-block;text-align: left;float: right;padding-left: 15px;padding-right: 15px;}
}

body.error404 header {margin-bottom: 100px;}
body.error404 footer {margin-top: 100px;}
body.error404 header.header-wrapper {
    border-bottom: 2px solid #ECECEC;
}

.contactBlock:nth-child(2) .contactDetails .branchCall a:hover{color:#EDEAE6 !important;}

/*----------------------Scroll Up-------------------------*/

#colophon .scroll-up {padding-right: 30px;float: right;position: relative;top: -29px;	}
#colophon .scroll-up a.toptoscroll {border-radius: 50%;background: transparent; padding: 0;}
#colophon .scroll-up a.toptoscroll:focus {outline:none;}
  
@media screen and (min-width:1200px){
  #colophon .scroll-up {padding-right: 181px;}
}
@media screen and (min-width:768px) {
	.col.show-mobile{display:none !Important;}
}