header{
z-index:15000;
}

header.mobilemenuopen{
background-color:rgba(3, 147, 218, 0.8);
height:80px;
}

header .logo{
top:20px;
left:20px;
width:150px;
}

header .menu ul li a{
color:#000;
}

header .hamburger_menu{
position:absolute;
top:40px;
right:20px;
z-index:10000;
cursor:pointer;
width:26px;
height:26px;
transform:translateY(-50%);
}


header .mobilebutton{
display:block;
z-index:15000;
display:block;
width:22px;
height:14px;
background-color:rgba(0, 0, 0, 0);
border:0;
}

header .mobilebutton .line1{
display:block;
width:100%;
height:2px;
position:absolute;
top:0;
left:0;
background-color:rgba(0, 0, 0, 1);
transition:all 0.4s;
background-color:#fff;
}

header .mobilebutton .line2{
display:block;
width:100%;
height:2px;
position:absolute;
top:4px;
left:0;
background-color:rgba(0, 0, 0, 1);
transition:all 0.4s;
background-color:#fff;
}

header .mobilebutton .line3{
display:block;
width:100%;
height:2px;
position:absolute;
top:8px;
left:0;
background-color:rgba(0, 0, 0, 1);
transition:all 0.4s;
background-color:#fff;
}

header .mobilebutton .line4{
display:block;
width:100%;
height:2px;
position:absolute;
top:12px;
left:0;
background-color:rgba(0, 0, 0, 1);
transition:all 0.4s;
background-color:#fff;
}

header .mobilebutton.close .line1, header .mobilebutton.close .line2{
background-color:#fff !important;
}

header .mobilebutton.close .line1{
transform:rotate(45deg) translateX(7px) translateY(5px);
}

header .mobilebutton.close .line2{
transform:rotate(-45deg) translateX(-2px) translateY(5px);
}

header .mobilebutton.close .line3, header .mobilebutton.close .line4{
background-color:rgba(0, 0, 0, 0);
}

header .menu{
display:none;
}

.mobilemenu{
display:block;
position:fixed;
top:0;
left:100%;
right:initial;
background-color:#fff;
z-index:10000;
width:100%;
height:100%;
transform:none;
transition:all 0.4s;
}

.mobilemenu.open{
left:0;
}

.mobilemenu ul{
display:block;
text-align:center;
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%) translateY(-50%);
margin:0;
padding:0;
}

.mobilemenu ul li{
display:block;
padding:10px 0;
}

.mobilemenu ul li a{
font-family:"Montserrat";
font-size:24px;
text-transform:uppercase;
}

.mobilemenu ul li.current_page_item a{
text-decoration:underline;
}

.mobilemenu ul li a:hover{
text-decoration:underline;
}

.sptx_pipeline{
height:inherit;
}

.sptx_pipeline .pipeline.desktop{
display:none;
}

.sptx_pipeline .pipeline.mobile{
display:flex;
height:30px;
}

.sptx_pipeline .mobileinfo{
display:flex;
height:40px;
background-color:#00B9FF;
padding-left:10px;
padding-right:10px;
margin-bottom:1px;
color:#fff;
align-items:center;
font-weight:500;
font-size:13px;
}

.sptx_pipeline .pipeline .label{
font-size:12px;
line-height:110%;
}

.sptx_pipeline .pipeline .head::before, .sptx_pipeline .pipeline .body.only::before{
left:calc(100% - 10px);
width:30px;
height:30px;
}

.sptx_pipeline .pipeline .head::after, .sptx_pipeline .pipeline .body.only::after{
left:calc(100% - 10px);
width:30px;
height:30px;
}

.seaportbioinner .texts{
max-width:100% !important;
}

.seaportbioinner .fulltext{
font-size:15px !important;
}




.spnews .post{
margin-bottom:40px;
}

.spnews .title{
font-size:18px;
}

.spnews .category{
font-size:14px;
padding-bottom:5px;
}


.spnews .tags{
font-size:16px;
border-bottom:dotted 1px #6ECFFF;
padding-bottom:10px;
margin-bottom:10px;
}

.spnews h2 a{
font-size:18px !important;
}

.spnews .post-excerpt{
font-size:18px !important;
line-height:150% !important;
}

.spnews .post-excerpt a{
font-size:15px;
}

.spnews .pagination{
font-size:14px;
}