/*
Theme Name: K Subsea
Theme URI: www.ksubsea-group.com
Author: Mot Juste
Author URI: www.motjuste.com
Text Domain: ksubsea
*/

*{padding:0;margin:0;box-sizing: border-box;line-height: 1.6;font-size: 20px;}
body{margin: 0;font-family: 'Rubik', sans-serif;font-weight:300;}
@media screen and (max-width:1024px){
  *{font-size: 18px;}
}
@media screen and (max-width:576px){
  *{font-size: 14px;}
}
:root {
  --ksubseablue: #26a2dc;
  --ksubseagreen: #6bae44;
}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;font-weight:600;}
p{margin:0;}
a{text-decoration: none;}
img{max-width: 100%;height:auto;}
strong{font-weight:bold;font-size:inherit;}
.row {margin:0;position:relative;}
.row>*{padding:0;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, 
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
.col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, 
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, 
.col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
.col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, 
.col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding:0;}
.container{max-width: 1320px;margin:0px auto;position: relative;}
.container-inner{max-width: 1120px;margin:0px auto;}
.container-inner2{max-width: 720px;margin:0px auto;background: #fff;padding:0 3rem 3rem;margin-top: 3rem;}
@media screen and (max-width:1240px){
  .container,.container-inner{padding-left:1rem!important;padding-right:1rem!important;}
  .container .container-inner{padding-left:0!important;padding-right:0!important;}
}
@media screen and (max-width: 1024px) {
  .container,.container-inner{padding-left:1.5rem!important;padding-right:1.5rem!important;}
  .container .container-inner{padding-left:0!important;padding-right:0!important;}
}
section{position:relative;}

/* Menu Section CSS Code */
header{position: absolute;left: 0;top: 0;width: 100%;z-index: 10;}
.logo{padding: 1rem 0;}
.logo img{height:60px;}
.mainmenu{padding: 1.8rem 0;}
.mainmenu ul{list-style: none;padding: 0;margin: 0;display: block;width: 100%;text-align: right;}
.mainmenu ul li{list-style: none;color: #000;display: inline-block;padding-left: 2.4rem;position:relative;padding-bottom:1.5rem;}
.mainmenu ul li a{color:#000;font-size: 0.8rem;transition: 0.5s;}
.mainmenu ul li a:hover{color: var(--ksubseablue);}
.sub-menu li:hover a{background:#f6f6f6;}
.mainmenu ul li a.active{color: var(--ksubseagreen);font-weight: 600;}
.mainmenu ul li ul{display:none;width:10rem;position:absolute;top:2.25rem;left:1.65rem;z-index:9999;background: url(images/stripes.jpg) center center repeat-y;background-size:contain;padding-bottom:10px;text-align:left;}
.mainmenu ul li:hover ul{display:block;}
.mainmenu ul li ul li{padding:0;margin:0;display:block;position:relative;}
.mainmenu ul li ul li a{display:block;text-align:left;padding:0 0.75rem;background:#fff;color:#666;font-size:0.8rem;line-height:1rem;padding:0.5rem 0.75rem;border-top:1px solid #dddddd;}
.mainmenu ul li ul li ul,.mainmenu ul li:hover ul li ul{display:none;width:10rem;position:absolute;top:0;left:10rem;z-index:9999;background: url(images/stripes.jpg) center center repeat-y;background-size:contain;padding-bottom:10px;text-align:left;}
.mainmenu ul li ul li:hover ul{display:block;}
.mainmenu ul li ul li ul li a{background:#f6f6f6;}
.mainmenu ul li ul li ul li{padding:0;margin:0;display:block;position:relative;}
.mainmenu ul li ul li ul li ul,.mainmenu ul li ul li:hover ul li ul{display:none;width:10rem;position:absolute;top:0;left:10rem;z-index:9999;background: url(images/stripes.jpg) center center repeat-y;background-size:contain;padding-bottom:10px;text-align:left;}
.mainmenu ul li ul li ul li:hover ul{display:block;}
/* Business Menu */
.businessmenuparent{position:static!important;}
.businessmenuparent .business-menu{display:none;position:absolute;top:4.9rem;left:0;width:100%;opacity:0;visibility:hidden;transition:0.5s;z-index:1;max-height:0;overflow: hidden;background: url(images/stripes.jpg) center center repeat-y;background-size:contain;padding-bottom:10px;}
.business-menu-inner{padding:1.5rem;background:#fff;}
.businessmenuparent:hover .business-menu{display:block;opacity: 1;visibility: visible;z-index: 9999999!important;max-height: calc(100vh - 92px);overflow:visible;}
.mainmenu ul li .business-menu ul,.mainmenu ul li .business-menu ul li ul, .mainmenu ul li .business-menu ul li ul li ul{display:block;position:static;background:none;padding-bottom:0;width:100%;}
.mainmenu ul li .business-menu ul li{padding-left:0;padding-bottom:10px;}
.mainmenu ul li .business-menu ul li a{text-transform:uppercase;color:var(--ksubseagreen);font-weight:bold;}
.mainmenu ul li .business-menu ul li ul li ul li{padding-left:1rem;padding-bottom:0;}
.mainmenu ul li .business-menu ul li ul li a{text-transform:none;color:#666;font-weight:normal;}
.mainmenu ul li .business-menu ul li ul li ul li a{color:var(--ksubseablue);}
.twocolmenu ul li ul{columns: 2;-webkit-columns: 2;-moz-columns: 2;}
.twocolmenu ul li ul li ul{columns: 1;-webkit-columns: 1;-moz-columns: 1;}

/*MOBILE MENU*/
@media screen and (max-width: 767px) {
    .hamburger-icon {position: absolute;height: 60px;width: 60px;top: 0.9rem;right: 0;z-index: 1000;cursor: pointer;border-radius: 50%;transition: all 0.2s ease-in-out;background: rgba(255,255,255,0.5);}
    .hamburger-icon:hover {transform: scale(1.2);box-shadow: 0px 0px 30px rgba(0,0,0,0.1);}
    .icon-1, .icon-2, .icon-3 {position: absolute;left: 25%;top: 50%;width: 32px;height: 3px;background-color: var(--ksubseagreen);transition: all 400ms cubic-bezier(.84,.06,.52,1.8);}
    .icon-1 {transform: translateY(-8px);animation-delay: 100ms;}
    .icon-3 {transform: translateY(8px);animation-delay: 250ms;}
    .icon-1.a {transform: rotate(40deg);}
    .icon-3.b {transform: rotate(-40deg);}
    .icon-2.c {opacity: 0;}
    @keyframes slideIn {
        0% {width: 0%;opacity: 0;}
        100% {width: 50%;opacity: 1;}
    }
    #nav {background: var(--ksubseablue);position: fixed;top: 0;right: 0;height: 100%;width: 0%;z-index: 10;opacity: 0;transition: all 600ms cubic-bezier(.62,.04,.3,1.56);transition-delay: 100ms;padding-top: 90px;overflow:scroll;}
    #nav.show {width: 50%;opacity: 1;}
    #nav ul{text-align: left;}
    #nav ul li{display: block;padding: 0;}
    #nav ul li a{font-size: 1rem;color: #fff;display: block;padding: 0.5rem 1.5rem;}
    #nav ul li a:hover{color: #fff;background-color: var(--ksubseagreen);}
    #nav ul li ul li a{color:#666;}
    @keyframes shotup {
        0% {transform: translateY(300%);opacity: 0;}
        90% {transform: translateY(-50px);}
        100% {transform: translateY(0%);opacity: 1;}
    }
    .mainmenu ul li ul,.mainmenu ul li:hover ul,.businessmenuparent .business-menu,.businessmenuparent:hover .business-menu{display:none;width:auto;position:static;background:none;padding-bottom:0;max-height:none;opacity: 1;visibility: visible;overflow:visible;}
    .business-menu-inner{padding:0}
    /*.mainmenu ul li .business-menu ul{display:block;}
    .mainmenu ul li .business-menu ul li ul, .mainmenu ul li .business-menu ul li ul li ul{display:none;}*/
    .mainmenu ul li .business-menu ul,.mainmenu ul li .business-menu ul li ul, .mainmenu ul li .business-menu ul li ul li ul{display:block;}
    .twocolmenu ul li ul{columns: 1;-webkit-columns: 1;-moz-columns: 1;}
    .mainmenu ul li .business-menu ul li a{border-bottom:1px solid #eee;}
    .mainmenu ul li .business-menu ul li ul li ul li a{padding-left:1.5rem!important;}
}
/*Mobile menu */
@media screen and (max-width:576px){
.mainmenu ul li ul li ul, .mainmenu ul li:hover ul li ul {
display: block!important;width: auto;position: static;z-index: 9999;background: url(images/stripes.jpg) center center repeat-y;background-size: contain;padding-bottom: 10px;text-align: left;
}
.menu-item-has-children{position:relative;}
.menu-item-has-children::before {font-family: "Font Awesome 5 Free";
font-weight: 900;content: "\f107";position:absolute;right:30px;color: #000;
top:5px;}
 li.menu-item-540 ul li ul li a{padding-left:2rem!important;}
}



.banner{height: 100vh;position:relative;z-index: 8;/*background: url(images/main-banner.jpg) center center no-repeat;background-size: cover;background-repeat: no-repeat;*/overflow: hidden;-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15vh), 0 100%);clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15vh), 0 100%);background: url(images/stripes.jpg) center center repeat-y;background-size: contain;}
.bannercontent{position:absolute;left: 0;top: -10px;width:100%;height: 100%;background: url(images/home-banner.jpg) center bottom no-repeat;background-size: cover;background-repeat: no-repeat;-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15vh), 0 100%);clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15vh), 0 100%);}

@media screen and (max-width:576px){
	.banner{-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8vh), 0 100%);clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8vh), 0 100%);}
	.bannercontent{-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8vh), 0 100%);clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8vh), 0 100%);}
}


.bannercontent .container{height: 100%;}
.banner-text{position: absolute;right: 0;bottom:25vh;padding: 2rem;padding-bottom:0;width:100%;padding-bottom:0;}
.home-banner .banner-text{top:20vh;bottom:auto;width: 40%;padding-bottom:calc(15vh + 3rem);}
.banner-text h1{color: #b00;font-size:1.8rem;font-weight:300;}
.banner-text h1 strong{font-weight:600;font-size:1.6rem;}
.banner.innerbanner{height: 80vh;overflow: visible;}
.banner.aboutbanner .bannercontent{background: url(images/about-banner.jpg) bottom center no-repeat;background-size: cover;}
.banner.projectsbanner .bannercontent{background: url(images/projects-banner.jpg) center center no-repeat;background-size: cover;}
.banner.contactbanner .bannercontent{background: url(images/contact-banner.jpg) center center no-repeat;background-size: cover;}
.innerbanner .banner-text{right: auto;left: 50%;transform: translate(-50%,3rem);}
.innerbanner .banner-text h1, .innerbanner .banner-text p{color: #fff;text-align:right;text-shadow:0 0 1.5rem rgba(0,0,0,0.5);}
.banner img {display: none;}
@media screen and (max-width: 991px) {
    .bannercontent,.banner.aboutbanner .bannercontent,.banner.projectsbanner .bannercontent,.banner.contactbanner .bannercontent{background-size:cover;}
    .banner.aboutbanner .bannercontent .banner-text{bottom:20vh;}
    .banner.aboutbanner .bannercontent .banner-text br{display:none;}
}
@media screen and (max-width: 767px) {
  .banner-text{width: 60%;}
}
@media screen and (max-width: 480px) {
  .banner{background-image: none!important;height: auto!important;}
  .bannercontent{position: static;background-position:bottom left;background-size:contain;}
  .bannercontent .container{padding: 0!important;}
  .banner-text,.home-banner .banner-text,.innerbanner .banner-text,.banner.aboutbanner .bannercontent .banner-text,.banner.projectsbanner .bannercontent .banner-text,.banner.contactbanner .bannercontent .banner-text{width: 100%;padding-bottom: 36vh;padding-top:15vh;transform: none;position: static;}
  .innerbanner .banner-text h1, .innerbanner .banner-text p{color:#333;text-shadow:none;}
  /*.banner.innerbanner .banner-text{padding-bottom: calc(15vh + 3rem);}*/
  .banner img {display: block;}
  .banner.aboutbanner .bannercontent{background-position:top left;}
}

.maincontent{margin: -15vh 0;-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15vh), 0 100%);clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15vh), 0 100%);position: relative;z-index: 7;}
.maincontent.maincontent2{z-index:1;}
.maincontent .container{box-shadow: 0 0 1rem rgba(0,0,0,0.1);padding: 23.2vh 0;background: #fff;}
.maincontent.contactpagecontent .container{padding-bottom: 10vh;}
.maincontent.maincontent2 .container{padding-bottom: 15vh;}
.stripes-top,.stripes-bottom{position: absolute;z-index: 9;width: 12rem;}
.stripes-top{right: 0;top: 0}
.stripes-bottom{left: 0;bottom: 0;transform: rotate(180deg);}
.maincontent h2{font-size: 1.8rem;color: var(--ksubseablue);font-weight: 300;padding-bottom: 1.5rem;}
.maincontent h3{font-size: 1.2rem;color: var(--ksubseagreen);padding-bottom: 1.5rem;}
.maincontent p{font-size: 1rem;color: #505659;padding-bottom: 1.5rem;}
.maincontent ul{columns: 2;-webkit-columns: 2;-moz-columns: 2;}
.maincontent li{padding-right: 1.5rem;font-size: 1rem;color: #505659;line-height: 1.4;padding-top:0.5rem;padding-bottom: 0rem;}
.maincontent-item{padding: 1.2rem 0 2.4rem;}
.maincontent-text,.maincontent-img{padding:0 2.5rem;}
.maincontent-img-inner{/*margin: 0 -2.5rem;padding:0 2.5rem;border-bottom: 1px solid #666;*/text-align: center;}
.maincontent-img-inner img{width:100%;background: url(images/stripes.jpg) center center repeat-y;background-size: contain;padding-bottom: 10px;display: block;}
.maincontent-img-inner.projectimg{/*border-top: 1px solid #666;*/border-bottom: none;margin: 0;/*padding-bottom: 1.5rem;*/padding: 0 2.5rem 1.5rem;}
.maincontent .row{margin: 0 -1.5rem;}
.maincontent .col-md-4,.maincontent .col-md-6,.maincontent .col-md-8{padding: 0 1.5rem;}
@media screen and (max-width: 1279px) {
    .maincontent .row{margin:0;}
    .maincontent .container{padding:18vh 0;}
    .maincontent .col-md-4, .maincontent .col-md-6, .maincontent .col-md-8{padding:0;}
}
@media screen and (max-width: 480px) {
    .maincontent-text, .maincontent-img{padding:0;}
    .maincontent-img-inner{margin: 0;}
    .maincontent .col-md-4, .maincontent .col-md-6, .maincontent .col-md-8{padding:0;}
    .maincontent ul{columns: 1;-webkit-columns: 1;-moz-columns: 1;}
}

.content-slider{background-color: var(--ksubseablue);padding: 15vh 0;-webkit-clip-path: polygon(0 15vh, 100% 0, 100% calc(100% - 15vh), 0 100%);clip-path: polygon(0 15vh, 100% 0, 100% calc(100% - 15vh), 0 100%);z-index: 9;margin-top:calc(2px - 15vh);background-size:cover;background-position:center center;background-repeat:no-repeat;}

@media screen and (max-width: 576px) {
	.content-slider{-webkit-clip-path: polygon(0 8vh, 100% 0, 100% calc(100% - 8vh), 0 100%);clip-path: polygon(0 8vh, 100% 0, 100% calc(100% - 8vh), 0 100%);margin-top:calc(2px - 8vh);}
	
}

.slideinner{display: table-cell;height: 100%;}
.slideinner2{height: 100%;}
.bxslider-pager{position: relative;width: 24rem;height: 32rem;/*transform: translateX(-4rem);*/margin: 3rem 0 0;}
.bxslider-pager a.pagerlink{cursor: pointer;display: block;height: 8rem;width: 8rem;background: var(--ksubseagreen);border: 1px solid #fff;color: #fff;font-weight: 600;text-align: center;position: absolute;transition: 0.5s;/*padding-top: 1.6rem;*/}
.bxslider-pager a.pagerlink div{font-size: 0.75rem;line-height: 1.2;padding:0.75rem;}
.bxslider-pager a.pagerlink.pagerlink1 div{padding-top:2.5rem;}
.bxslider-pager a.pagerlink.pagerlink2 div,.bxslider-pager a.pagerlink.pagerlink3 div{padding-top:1.5rem;}
.bxslider-pager a.pagerlink.pagerlink4 div{padding-top:3.5rem;}
.bxslider-pager a.pagerlink.active{background-position:center center;background-repeat: no-repeat;background-size: cover;width: 16rem;height: 16rem;color: #fff;padding: 0;font-size: 1.2rem;line-height: 1.2;position: relative;}

.bxslider-pager a.pagerlink.active br{display: none;}
.bxslider-pager a.pagerlink.active div{width: 100%;height: 8rem;background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6));position: absolute;left: 0;bottom: 0;padding: 4rem 1.5rem 1.5rem;font-size:1rem;}
.bxslider-pager.pagerlink1active a.pagerlink1{left: 8rem;top: 8rem;}
.bxslider-pager.pagerlink1active a.pagerlink2{left: 0;top: 8rem;}
.bxslider-pager.pagerlink1active a.pagerlink3{left: 16rem;top: 0;}
.bxslider-pager.pagerlink1active a.pagerlink4{left: 8rem;top: 24rem;}
.bxslider-pager.pagerlink2active a.pagerlink1{left: 16rem;top: 16rem;}
.bxslider-pager.pagerlink2active a.pagerlink2{left: 0;top: 8rem;}
.bxslider-pager.pagerlink2active a.pagerlink3{left: 8rem;top: 0;}
.bxslider-pager.pagerlink2active a.pagerlink4{left: 0;top: 24rem;}
.bxslider-pager.pagerlink3active a.pagerlink1{left: 16rem;top: 8rem;}
.bxslider-pager.pagerlink3active a.pagerlink2{left: 0;top: 0;}
.bxslider-pager.pagerlink3active a.pagerlink3{left: 0;top: 8rem;}
.bxslider-pager.pagerlink3active a.pagerlink4{left: 8rem;top: 24rem;}
.bxslider-pager.pagerlink4active a.pagerlink1{left: 16rem;top: 0;}
.bxslider-pager.pagerlink4active a.pagerlink2{left: 0;top: 8rem;}
.bxslider-pager.pagerlink4active a.pagerlink3{left: 8rem;top: 24rem;}
.bxslider-pager.pagerlink4active a.pagerlink4{left: 8rem;top: 8rem;}
.bxslider li{padding: 12rem 1rem;}
.bxslider h2{font-size: 1.6rem;color: #fff;font-weight: 300;padding-bottom: 1rem;}
.bxslider p{font-size: 1rem;color: #fff;font-weight: 300;}
@media screen and (max-width: 1240px) {
  .content-slider{padding: 15vh 0 5vh;}
}
@media screen and (max-width: 991px) {
  .bxslider-pager{width: 100%;height: auto;}
  .bxslider-pager a.pagerlink{position: static;width: 20%;float: left;height: 7.76rem;padding: 1rem;}
  .bxslider-pager a.pagerlink.pagerlink1 div,.bxslider-pager a.pagerlink.pagerlink2 div,.bxslider-pager a.pagerlink.pagerlink3 div,.bxslider-pager a.pagerlink.pagerlink4 div{padding:0;}
  .bxslider-pager a.pagerlink.active{width: 40%;height: 7.76rem;position: static;}
  .bxslider li{padding: 1.5rem 0 3rem;}
  .bxslider-pager a.pagerlink.active div{padding: 0.75rem 1rem;position: static;height: 7.76rem;font-size: 1.2rem;line-height: 1.2;}
  .bxslider-pager a.pagerlink.active br{display: inline;}
}
@media screen and (max-width: 991px) {
    .bxslider-pager a.pagerlink{padding: 0.5rem;}
}
@media screen and (max-width: 575px) {
  .content-slider{padding: 15vh 0 10vh;}
  .bxslider-pager a.pagerlink{font-size: 1rem;}
}
@media screen and (max-width: 480px) {
  .bxslider-pager a.pagerlink{text-indent: -9999em;overflow: hidden;height: 0.8rem;}
  .bxslider-pager a.pagerlink.active{height: 0.8rem;background: #fff!important;padding: 0.5rem;}
  .bxslider-pager a.pagerlink.active div{display: none;}
}

.certifications{padding: 15vh 0;}
.certification-item{text-align: center;padding: 0 1.5rem;}
.certification-item p{font-size: 0.8rem;font-weight: 300;padding: 1rem 1.5rem;}
.certification-item p strong{font-size: 1rem;font-weight: 600;}
@media screen and (max-width: 1240px) {
  .certifications{padding: 15vh 0 5vh;}
}
@media screen and (max-width: 767px) {
  .certifications{padding: 0;}
  .certification-item p{padding-bottom: 3rem;}
}

footer{background-color: var(--ksubseagreen);padding: 18vh 0 0;-webkit-clip-path: polygon(0 15vh, 100% 0, 100% 100%, 0 100%);clip-path: polygon(0 15vh, 100% 0, 100% 100%, 0 100%);margin-top:-15vh;}
.home footer{margin-top:0;}
footer p,footer p a{font-size: 0.7rem;color: #fff;padding-bottom: 1rem;}
footer p a{padding:0;}
footer ul{list-style: none;padding: 0 0 0.75rem;margin: 0;text-align: right;}
footer ul li{list-style: none;padding: 0 0 0 1rem;margin: 0;display: inline-block;}
.footerright{text-align: right;transform: translateY(-3rem);}
@media screen and (max-width: 480px) {
  .footerleft{text-align: center;}
  .footerright{transform: none;text-align: center;}
  footer ul{text-align: center;}
}

.accordion-item{margin-bottom: 1rem;border-radius: 0.25rem;border: 1px solid #ddd;}
.aboutpageblue2 .accordion-item{background-color: transparent;}
.accordion-item:not(:first-of-type){border-top: 1px solid #ddd;}
.accordion h2.accordion-header{font-size: 0.9rem;font-weight: 600;padding-bottom: 0;padding-top:0;}
/*.accordion-item:first-of-type,.accordion-item:first-of-type .accordion-button{border-radius: 0;}*/
.accordion-button{padding: 0.3rem 1.5rem 0.2rem;font-size: 0.9rem;line-height: 1;font-weight: 600;color: #000;border-radius: 0.25rem;background-color: transparent;}
.aboutpageblue2 .accordion-button,.abouthighlights .accordion-button{color: #fff;}
.accordion-button:not(.collapsed){font-size: 0.9rem;font-weight: 600;color: #000;background-color: transparent;box-shadow: none;padding: 1rem 1.5rem;}
.aboutpageblue2 .accordion-button:not(.collapsed),.abouthighlights .accordion-button:not(.collapsed){color: #fff;}
.accordion-button::after{content: '\002B';background-image: none;}
.accordion-button:not(.collapsed)::after{background-image: none;content: '\2014';transform: none;}
.accordion-body{padding: 0 1.5rem;}
.accordion-body ul {columns: 2;-webkit-columns: 2;-moz-columns: 2;}
.accordion-body p,.accordion-body li{font-size: 0.8rem;color: #444;line-height: 1.6;padding-top: 0.5rem;padding-bottom: 0.5rem;}
.accordion-body li{line-height: 1.4;padding-top: 0.25rem;padding-bottom: 0.25rem;}
.aboutpageblue2 .accordion-body p,.aboutpageblue2 .accordion-body li,.abouthighlights .accordion-body p,.abouthighlights .accordion-body li{color: #fff;}
.accordion-body li{padding-right: 1.5rem;}
@media screen and (max-width: 480px) {
  .accordion-body ul {columns: 1;-webkit-columns: 1;-moz-columns: 1;}
}

.aboutpageblue{background: url(images/about-page-imgbg.jpg) center center no-repeat var(--ksubseablue);background-size: cover;padding: 18vh 0 15vh;-webkit-clip-path: polygon(0 15vh, 100% 0, 100% calc(100% - 15vh), 0 100%);clip-path: polygon(0 15vh, 100% 0, 100% calc(100% - 15vh), 0 100%);z-index:2;}
.aboutpageblue.projectspageblue{background: url(images/projects-bg.jpg) center center no-repeat var(--ksubseablue);padding-bottom: calc(15vh + 4.5rem);background-size:cover;}
.aboutpageblue h2{font-size: 1.6rem;color: #fff;font-weight: 300;padding-bottom: 1rem;padding-top: 1.5rem;}
.aboutpageblue h3{font-size: 1.2rem;color: #fff;font-weight: 600;padding-bottom: 1rem;}
.aboutpageblue p,.aboutpageblue h4,.aboutpageblue li{font-size: 1rem;line-height:1.6;color: #fff;font-weight: 300;padding-bottom: 1.5rem;}
.aboutpageblue li{padding-bottom:0.5rem;}
.about-img-inner{padding:0 2.5rem 1.5rem;/*border-top: 1px solid #fff;*/text-align: center;}
.about-img-inner img{background: url(images/stripes.jpg) center center repeat-y;background-size: contain;padding-bottom: 10px;display: block;}

.aboutpageblue2{margin-top: -15vh;padding-top: calc(15vh + 3rem);padding-bottom: calc(15vh + 3rem);}
.aboutpageblue2.careerssection{padding-bottom: 0;}
.aboutpageblue2.projectspageblue2{padding-bottom: 15vh;}
.aboutpageblue2 p,.aboutpageblue2 li{font-size: 0.8rem;color: #fff;line-height: 1.6;padding-top: 0.5rem;padding-bottom: 0.5rem;}
.aboutpageblue2 li{padding-right: 1.5rem;line-height: 1.4;padding-top: 0.25rem;padding-bottom: 0.25rem;}
.aboutpageblue2 ul{columns: 2;-webkit-columns: 2;-moz-columns: 2;color: #fff;}
@media screen and (max-width: 480px) {
    .aboutpageblue{padding-bottom:18vh;}
    .about-img-inner{padding:0 0 1.5rem;}
    .aboutpageblue2 ul {columns: 1;-webkit-columns: 1;-moz-columns: 1;}
}

form{padding-bottom: 3rem;}
input[type=text],input[type=email],input[type=tel],select,textarea,label{width: 100%;height: 2.7rem;line-height: 2.7rem;border: 1px solid #ddd;font-size: 1rem;color: #666;margin-bottom: 0.75rem;padding: 0 0.5rem;}
textarea{height: 6.5rem;padding: 0.25rem 0.5rem;line-height: 1.5rem;}
label span{margin-right: 1.5rem;display: inline-block;width: calc(40% - 2rem);}
input[type=file]{height: 2rem;line-height: 1.5rem;width: 60%;}
input[type=submit]{float: right;width: 33.3333%;border: 1px solid #ddd;height: 2.7rem;line-height: 2.7rem;background-color: #fff;transition: 0.5s;}
input[type=submit]:hover{background-color: var(--ksubseagreen);color: #fff;}
.contactinfo h4{font-size: 1.2rem;color: #000;text-transform: uppercase;padding-top: 0.5rem;padding-bottom: 0.5rem;}
.scrolldown{padding-top: 10vh;}
.scrolldown p{text-align: center;}
.scrolldown p a{color: #000;transition: 0.5s;}
.scrolldown p a:hover{color: var(--ksubseablue);}
.scrolldown p a::after{content: '';display: block;margin: 0 auto;width: 2rem;height: 2rem;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.scrolldown p a:hover::after{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--ksubseablue)'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}

.careerssection h2{font-size: 1.6rem;color: #fff;font-weight: 300;padding-bottom: 1rem;padding-top: 0;text-align: center;}

.contactpagefooter{margin-top: -15vh;}

.container-inner2 form{padding-top: 3rem;padding-bottom: 6rem;}
.container-inner2 form h2{color: var(--ksubseablue);}

ul.onecol{columns: 1!important;-webkit-columns: 1!important;-moz-columns: 1!important;}

.maincontent .row.management{padding-bottom:1.5rem;margin:0;}
.management .col-md-3,.management .col{padding-right:45px;}
.management .col-md-3 img,.management .col img{width:220px;margin-bottom:0.75rem;background: url(images/stripes.jpg) center center repeat-y;background-size: contain;padding-bottom: 10px;display: block;}
.management .col img{width:179px;}
.management .col-md-3 p,.management .col p{font-size:0.8rem;padding-bottom:0;}
.management .col-md-3 p strong,.management .col p strong{font-size:0.8rem;font-weight:bold;}

@media screen and (max-width: 1279px) {
    .management .col-md-3 p,.management .col p{padding-bottom:1.5rem;}
}
@media screen and (max-width: 480px) {
    .management .col-md-3 p,.management .col p{font-size:1.2rem;padding-bottom:3rem;}
    .management .col-md-3 p strong,.management .col p strong{font-size:1.2rem;}
}

.missionvisionvalues{/*padding-bottom: 3rem;*/margin-bottom: 3rem;border-bottom: 1px solid #ddd;}
.page-template-page-mvv .missionvisionvalues{border:none;padding-bottom:0;margin-bottom:0;}
.missionvisionvalues .col-md-6 {padding-bottom: 3rem;/*border-bottom: 1px solid #ddd;margin-bottom: 1.5rem;*/padding-right: 3rem;}
.missionvisionvalues .col {padding-bottom: 1.5rem;}
.missionvisionvalues h3 {font-size: 1.2rem;color: var(--ksubseagreen);font-weight: bold;padding-bottom: 1rem;}
.missionvisionvalues p {font-size: 0.8rem;padding-right: 3rem;}
.missionvisionvalues p strong {font-weight: bold;font-size: 0.8rem;}
.missionvisionvalues .col-md-6.missionvision{padding-right:0;padding-bottom:0;border-bottom:none;margin-bottom:0;}
.missionvision .col-md-4,.missionvision .col-md-2{text-align:center;}
.missionvision img{width:5rem;margin:0.5rem auto;padding:0.5rem;border-radius:50%;border:2px solid var(--ksubseagreen);}
.abouthighlights .missionvision img{border:2px solid #fff;margin-top:1.5rem;}
.missionvision h2{color:var(--ksubseablue);font-size:1.6rem;padding-bottom:0.5rem;}
.abouthighlights .missionvision h2{color:#fff;padding-top:0.5rem;font-weight:bold;}
.missionvision p,.missionvision h4{font-size:1rem;font-weight:normal;}
.abouthighlights .missionvision p,.abouthighlights .missionvision h4{padding:1.5rem;}
.missionvision p strong,.missionvision h4 strong{color:var(--ksubseagreen);font-size:1rem;}
.abouthighlights .missionvision p strong,.abouthighlights .missionvision h4 strong{color:#fff;font-size:1.2rem;}
.missionvisionvalue .missionvision .col-md-6{border-bottom:none;}

.maincontent .col-md-4.contactinfo{padding-left:1.5rem;}

.managementpage{padding:3rem 0 6rem;}
.managementpage h4{font-size:1.4rem;color:var(--ksubseagreen);font-weight:normal;}
.managementprofile{padding:3rem 0;border-bottom:1px solid #ddd;}
.managementpage .managementphoto{text-align:center;padding-top:10px;}
.managementpage .managementphoto img{margin-bottom:0.75rem;background: url(images/stripes.jpg) center center repeat-y;background-size: contain;padding-bottom: 10px;}
.managementpage .managementinfo h3{font-weight:normal;font-size:1.3rem;padding-bottom:0.75rem;}
.managementpage .managementinfo h3 strong{color:var(--ksubseablue);font-size:1.5rem;}
.managementpage .managementinfo p{padding-bottom:0.75rem;}
.managementpage .endpara{/*text-align:center;*/padding:3rem 0;}

.accordion-item{background-color:transparent;}

.qhsecontent{padding:1.5rem 1.5rem 0;}
.techdata{padding:3rem 0;padding-bottom:calc(3rem + 15vh);margin-top:-15vh;}
.techdata.abouthighlights{padding:calc(3rem + 15vh) 0;}
.techdata img{width:100%;}

a.dslink{display:block;position:relative;transition:0.5s;margin-bottom:3rem;}
.dslink img{width:100%;}
.dslinktext{position:absolute;top:50%;left:0;width:100%;z-index:2;transform:translateY(-50%);text-align:center;font-size:1.4rem;line-height:1.2;font-weight:bold;color:#fff;text-shadow:0 0 15px rgba(0,0,0,0.8);padding:0 1.5rem;}
a.dslink:hover{opacity:0.9;}

.bloglist h3 a{font-size:1.2rem;color:var(--ksubseablue);transition:0.5s;}
.bloglist h3 a:hover{color:var(--ksubseagreen);}
.commentform input,.commentform textarea{width:100%;background-color: transparent;border: 1px solid #fff;margin-bottom: 0.75rem;border-radius: 0.25rem;padding:0 0.5rem;height: 2rem;line-height: 2rem;}
.commentform ::-webkit-input-placeholder {color: rgba(255,255,255,0.8);}
.commentform :-ms-input-placeholder {color: rgba(255,255,255,0.8);}
.commentform ::placeholder {color: rgba(255,255,255,0.8);}
.commentform textarea{height:4rem;line-height:1rem;padding:0.5rem;}
.commentform input[type=submit]{background-color:#fff;}
.commentform input[type=submit]:hover{background-color:var(--ksubseagreen);border-color:var(--ksubseagreen);color:#fff;}
.commentform .logged-in-as a{color:#fff;font-weight:bold;}
.commentsdisplay{padding:1.5rem 0;margin:1.5rem 0;border-top:1px solid #fff;}
.commentsdisplay ul,.commentsdisplay ul li{list-style:none;padding:0;margin:0;}
.commentsdisplay footer{background-color:transparent;padding:0;-webkit-clip-path:none;clip-path:none;margin-top:0;}
.comment-author b,.comment-author b a,.comment-author span{font-weight:bold;font-size:0.8rem;text-transform:uppercase;color:#fff;}
.comment-author img{display:none;}
.comment-metadata a time{font-size:0.6rem;color:#fff;}
.comment-author,.comment-metadata{font-size:0.8rem;line-height:1;}
.comment-content p{padding:0.5rem 0;}
a.comment-reply-link{display:inline-block;font-size:0.8rem;padding:0 0.5rem;border:1px solid #fff;border-radius:0.5rem;color:#fff;transition:0.5s;}
a.comment-reply-link:hover{background-color:#fff;color:var(--ksubseablue);}
.commentsdisplay ul.children{padding-left:1.5rem;border-left:2px solid #fff;margin-top:1.5rem;}
.comment-metadata .edit-link a{display:inline-block;font-size:0.6rem;padding:0 0.25rem;border:1px solid #fff;border-radius:0.25rem;color:#fff;transition:0.5s;}
.comment-metadata .edit-link a:hover{background-color:#fff;color:var(--ksubseablue);}

/*.datatablecontainer{border-top:1px solid #fff;}*/
.datatablecontainer{padding:0 1rem;}
.aboutpageblue h3.datatabletitle{font-size:0.8rem;padding:0.25rem 0.75rem;color:#fff;background:var(--ksubseagreen);border-bottom:1px solid #fff;}
.datatablecol{color:#fff;font-size:0.8rem;padding:0.25rem 0.75rem;border-bottom:1px solid #fff;}
.datatablecol p{padding:0;font-size:0.8rem;}

.footermessage{padding-top:3rem;text-align:center;}
a.brochure{border: 1px solid #ddd;height: 2.7rem;line-height: 2.7rem;background-color: #fff;transition: 0.5s;padding:0.6rem 1.5rem;}
a.brochure:hover {background-color: var(--ksubseagreen);color: #fff;}
.terms-conditions h3{font-size:1rem;}
.terms-conditions p{font-size:0.7rem;}
/* latest edit */
@media screen and (max-width:480px){
    .certifications{padding-top:3rem;}
    .missionvisionvalues .col-md-6.pdb{padding-bottom:1rem;}
    .aboutpageblue{-webkit-clip-path: polygon(0 8vh, 100% 0, 100% calc(100% - 8vh), 0 100%)!important;
    clip-path: polygon(0 8vh, 100% 0, 100% calc(100% - 8vh), 0 100%)!important;}
    footer {
    -webkit-clip-path: polygon(0 8vh, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 8vh, 100% 0, 100% 100%, 0 100%);}
    .maincontent{webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8vh), 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8vh), 0 100%);}
	.missionvisionvalues h3 {font-size: 1.4rem;}
	.missionvisionvalues p {font-size: 1rem;padding-right:0;}
	.missionvisionvalues .col-md-6{padding-right:0;}
	.innerbanner .banner-text h1{color:var(--ksubseablue);}
	.innerbanner .banner-text{padding-bottom:30vh;}
	.missionvision .col-md-2,.missionvision .col-md-4 {text-align: left;}
	.missionvision .col-md-8{padding-bottom:1.4rem;}
	.abouthighlights .missionvision h4{padding-left:0;}
	.accordion-button{font-size:1rem;}
	.accordion h2.accordion-header{font-size:1rem;}
	.accordion-button:not(.collapsed){font-size:1rem;}
	span.wpcf7-form-control-wrap.resume {width: 60%;margin: 0;}
	.aboutpageblue h3.datatabletitle{font-size:1rem;}
	.datatablecol{font-size:1rem;}
	.datatablecol p{font-size:1rem;}
}

.resume-imp{color:#444444;font-size:0.7rem;display:block;margin-bottom:10px;}
input[type=file]{width:auto;}
label span {
    margin-right: 1.5rem;
    display: inline-block;
    width: auto;
}
form label{margin-bottom:0!important;}
form br{display:none;}

.ksubsea-stats h3{text-align:center;color:#fff;padding-bottom:2rem;}
.ksubsea-stats{padding: 18vh 0 15vh!important;background-size:cover;background-repeat:no-repeat;-webkit-clip-path: polygon(0 15vh, 100% 0, 100% calc(100% - 15vh), 0 100%);
    clip-path: polygon(0 15vh, 100% 0, 100% calc(100% - 15vh), 0 100%);
    z-index: 2;margin: -16vh 0;}
.stats-row-1 img{height:60px;}
.stats-row-1 h3{text-align:left;font-size:1.5rem;padding-bottom:0;padding-top:0.4rem;text-transform:uppercase;}
.stats-row-1 .col-lg-3{padding:1rem;}
.stats-row-1 p{color:#fff;font-size:0.75rem;}
.stats-row-1 p span{font-size:0.6rem;}
.stats-2{background:#fff;padding: 18vh 0 15vh!important;-webkit-clip-path: polygon(0 15vh, 100% 0, 100% calc(100% - 15vh), 0 100%);
    clip-path: polygon(0 15vh, 100% 0, 100% calc(100% - 15vh), 0 100%);
    z-index: 2;margin: -16vh 0;}
    .stats-2 h3{font-size:1.3rem;}
    .stats-2 .left-sec img{margin-bottom:4.5rem;}
    .left-title{padding-bottom:2rem;}
    .left-sec, .right-sec{padding:1rem;}