/* sonar wave */
.audio { color: rgb(26, 36, 66, 1); }
.audio::after,
.audio i,
.audio i::before,
.audio i::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0.25em;
  height: 0.5em;
  transform: translate(-50%,-50%);
  background: currentColor;
  border-radius: 0.125em;
}
.audio::after { animation: audio4 1.35s infinite; }
.audio i::before {
  left: -0.8125em;
  animation: audio1 1.35s infinite;
}
.audio i::after {
  left: 1.0625em;
  animation: audio3 1.35s infinite;
}
.audio i:first-child {
  margin-left: -1.875em;
  animation: audio2 1.35s infinite;
}
.audio i:last-child {
  margin-left: 1.875em;
  animation: audio6 1.35s infinite;
}
.audio i:last-child::before { animation: audio5 1.35s infinite; }
.audio i:last-child::after { animation: audio7 1.35s infinite; }

.sonar {
	display: block;
	position: relative;
	top: -27%;
	height: 250px;
	width: 250px;
	border-radius: 50%;
	overflow: hidden;
    left: 12%;
    z-index: -1;
}
.circle1 {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: solid 2px rgb(44, 59, 104, 0.8);
	position: absolute;
	display: block;
	top: 101px;
	left: 101px;
}
.circle2 {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: solid 2px rgb(44, 59, 104, 0.8);
	position: absolute;
	display: block;
	top: 76px;
	left: 76px;
}
.circle3 {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	border: solid 2px rgb(44, 59, 104, 0.8);
	position: absolute;
	display: block;
	top: 50px;
	left: 50px;
}
.circle4 {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	border: solid 2px rgb(44, 59, 104, 0.8);
	position: absolute;
	display: block;
	top: 25px;
	left: 25px;
}
.circle5 {
	width: 250px;
	height: 250px;
	border-radius: 50%;
	border: dotted 8px rgb(44, 59, 104, 0.8);
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	z-index: 2;
}
.axis3, .axis4, .axis5, .axis6, .axis7, .axis8, .axis9, .axis10 {
	width: 1px;
	height: 250px;
	position: absolute;
	top: 16%;
    background: #9b9b9b;
    left: -30%;
}
.axis11, .axis12, .axis13, .axis14, .axis15, .axis16, .axis17, .axis18 {
	position: absolute;
	width: 400px;
	height: 1px;
	top: -15%;
    background: #9b9b9b;
    left: -19%;
}
.axis1 {
	z-index: 2;
	width: 3px;
	height: 274px;
	position: absolute;
	top: -1%;
	background: rgb(44, 59, 104, 0.8);
    transform: translate(200px,0px);
    left: -30.1%;
}
.axis2 {
	z-index: 2;
	width: 262px;
	height: 3px;
	position: absolute;
	top: -30.5%;
	background: rgb(44, 59, 104, 0.8);
    transform: translate(000px,200px);
    left: 0%;
}
.axis3 {
	transform: translate(40px,-40px);
}
.axis4 {
	transform: translate(360px,-40px);
}
.axis5 {
	transform: translate(80px,-40px);
}
.axis6 {
	transform: translate(240px,-40px);
}
.axis7 {
	transform: translate(120px,-40px);
}
.axis8 {
	transform: translate(280px,-40px);
}
.axis9 {
	transform: translate(160px,-40px);
}
.axis10 {
	transform: translate(320px,-40px);
}

.axis11 {
	transform: translate(0px,40px);
}
.axis12 {
	transform: translate(0px,80px);
}
.axis13 {
	transform: translate(0px,120px);
}
.axis14 {
	transform: translate(0px,200px);
}
.axis15 {
	transform: translate(0px,240px);
}
.axis16 {
	transform: translate(0px,280px);
}
.axis17 {
	transform: translate(0px,320px);
}
.axis18 {
	transform: translate(0px,0px);
}
.sonar-AI {
    position: absolute;
    width: 123px;
    height: 125px;
    border-right: 2px solid rgb(44, 59, 104, 0.705);
    background:
      -moz-linear-gradient(
        right bottom,
        rgba(44, 59, 104, 0.3) 0%,
        rgba(44, 59, 104, 0) 90%
      );
    /* background: -moz-linear-gradient( right bottom, rgb(44, 59, 104, 0.3)) 0%, rgb(44, 59, 104, 0) 90%; */
    transform-origin: right bottom;
    animation-timing-function: linear;
    animation-duration: 4s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: AI;
}
.circular {
  border-radius: 50%;
  position: absolute;
  left: 50.5%;
  top: 126px;
  transform: translate(-50%, -50%);
}
.sonar-CIR {
  border: 3px solid #3d5cbb;
  box-shadow: inset 0 0 100px #1337a1;
  animation: SONAR 2s ease-in infinite;
}
.blip {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 2em 2em 2em 2em;
    background-color: rgb(44, 59, 104, 0.548);
    box-shadow: 0 0 5px white;
    transform-origin: 50% 50%;
    opacity: 0;
    animation-timing-function: ease;
    animation-duration: 4s;
    animation-fill-mode: none;
    animation-iteration-count: infinite;
    animation-name: blipper;
}
.blip-1 {
    bottom: 60px;
    left: 140px;
    animation-delay: 0.1s;
}
.blip-2 {
    bottom: 206px;
    left: 135px;
    animation-delay: 1.5s;
}
.blip-3 {
    bottom: 136px;
    left: 208px;
    animation-delay: 1.25s;
}
.blip-4 {
    top: 80px;
    right: 168px;
    animation-delay: 3.1s;
}
h1 {
	font-family: Arial;
	font-size: 0.7em;
	color: rgba(26, 36, 66);
}
@keyframes SONAR {
  from {
    opacity: 0.8;
    width: 20px;
    height: 20px;
  }
  to { 
    opacity: 0;
    width: 400px;
    height: 400px;
  }
}
@keyframes AI {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
@keyframes blipper {
  0%   { opacity: 0; }
  35%  { opacity: 0; }
  50%  { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes audio1 {
  9% { height: 1.75em; }
  36% { height: 0.5em; }
  42% { height: 2.375em; }
  69% { height: 0.5em; }
  76% { height: 3.625em; }
  100% { height: 1em; }
}

@keyframes audio2 {
  9% { height: 5.5em; }
  36% { height: 0.5em; }
  42% { height: 5.5em; }
  69% { height: 0.5em; }
  76% { height: 6.75em; }
  100% { height: 1em; }
}

@keyframes audio3 {
  9% { height: 6.5em; }
  36% { height: -0.5em; }
  42% { height: 3.5em; }
  69% { height: 0.5em; }
  76% { height: -3.5em; }
  100% { height: 1em; }
}

@keyframes audio4 {
  9% { height: -1.875em; }
  36% { height: 0.5em; }
  42% { height: -3.75em; }
  69% { height: 0.5em; }
  76% { height: 5.625em; }
  100% { height: -1em; }
}

@keyframes audio5 {
  9% { height: 5em; }
  36% { height: 0.5em; }
  42% { height: -1.25em; }
  69% { height: 0.5em; }
  76% { height: 3.75em; }
  100% { height: -1em; }
}

@keyframes audio6 {
  9% { height: 6.125em; }
  36% { height: 0.5em; }
  42% { height: -6.875em; }
  69% { height: 0.5em; }
  76% { height: -2.5em; }
  100% { height: 1em; }
}

@keyframes audio7 {
  9% { height: 3.125em; }
  36% { height: -0.5em; }
  42% { height: 1.875em; }
  69% { height: 0.5em; }
  76% { height: -3.75em; }
  100% { height: 1em; }
}
@keyframes hi {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

/* General */
#mainTxt {
    color: #000;
    min-height: 460px;
}
.uss-btn {
    padding-top: 4%;
}
.uss-btn .btn-primary {
    padding: 8px 13px;
    font-size: 13px;
    background-color: #0a2232;
    border: 1px solid #0a2232;
    color: #fff;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 700;
    white-space: normal;
}
.uss-btn .btn-primary:hover {
    background-color: #fff;
    border: 1px solid #0a2232;
    color: #0a2232;
}
.uss-btn .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #fff;
    border: 1px solid #fff;
    color: #000;
}
.uss-btn .btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}
.learn-more-btn {
    padding-top: 10px;
    text-align: end;
}
.pdf-link-btn .btn-primary {
    padding: 8px 13px;
    font-size: 13px;
    background-color: #f0dc82;
    border: 1px solid #f0dc82;
    color: #000;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 700;
}
.pdf-link-btn .btn-primary:hover {
    background-color: #fff;
    border: 1px solid #0a2232;
    color: #0a2232;
}
.pdf-link-btn .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #fff;
    border: 1px solid #fff;
    color: #000;
}
.pdf-link-btn .btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}
.comingsoon-text {
    padding-top: 27%;
}
.manage-account-btn {
    padding-top: 3%;
}

/* Header */
.header{
    /* background-image: linear-gradient(115deg, rgb(255, 255, 255) 81%, #2c3c6a 30%); */
    background: linear-gradient(115deg, rgba(13, 20, 63, 0.38) 100%, #2c3c6ae0 30%), url(imgs/header_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.logo {
    padding-top: 20px;
}
.logo img {
    width: 100%;
}
.uss-bottom {
    margin-bottom: 10px;
}
.uss-name h2 {
    font-size: 32px;
    color: #fff;
    text-align: center;
    font-family: 'Castoro', serif;;
}
.header-right {
    padding: 25px 0 25px;
    text-align: center;
}
.header-btns {
    display: flex;
    justify-content: center;
}
.header-btns .btn-primary {
    padding: 4px 11px;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #fff;
    color: #000;
    margin-top: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.header-btns .btn-primary:hover {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}
.header-btns .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
}
.header-btns .btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}
.header-btns .btn-primary.focus, .btn-primary:focus {
    box-shadow: none;
}
.memberlogin-btn {
    margin-right: 10px;
}
.contact-info {
    color: #000;
}
/* end header */

/* Navbar */
.uss {
    background: #F0DC82;
}
.uss li a, .uss li {
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    font-weight: 400;
}
.uss li:hover {
    text-decoration: underline;
    text-decoration-color: #2c3c6a;
    text-decoration-thickness: 3px;
}
.uss li .dropdown-item:active {
    color: #000;
}
.uss li a:hover {
    background: #F0DC82;
}
.uss .dropdown-menu {
    background-color: #F0DC82;
}
.uss .nav-item {
    padding:0 6px;
}

/* end navbar */

/* Welcome Text */
.welcome {
    /* background: #92999B; */
    /* position: absolute; */
    text-align: center;
    /* top: 59%;
    left: 20%; */
    color: #000;
    font-size: 16px;
    font-weight: 100;
}
.sub-photo img {
    width: 100%;
    margin-top:10px;
}
.shape1 {
    background-color: #F0DC82;
    height: 163px;
    width: 56%;
    margin: 26px 0 0 19%;
    /* border-left: 5px solid #601700;
    border-bottom: 5px solid #601700; */
    position: absolute;
    z-index: 0;
}
.sub-photo {
    margin-bottom: 26px;
}
.sonar {
    height: 200px;
    width: 200px;
    left: 20px;
    margin: 0 auto;
    z-index: 0;
}
.axis1 {
    left: -50.7%;
}
.axis2 {
    top: -50.5%;
}
.circle5 {
    width: 200px;
    height: 200px;
}
.circle4 {
    width:150px;
    height: 150px;
}
.circle3 {
    width:100px;
    height: 100px;
}
.circle2 {
    width:50px;
    height: 50px;
}
.circle1 {
    top: 76px;
    left: 76px;
}
.sonar-AI {
    width: 101px;
    height: 102px;
}
.sonar-CIR {
    top: 101px;
}
.blip-2 {
    bottom: 152px;
}
.blip-3 {
    bottom: 68px;
    left: 67px;
}
/* end welcome text */

/* Focus Area */
.content-inner {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 0px;
}
.section-full {
    position: relative;
}
.service-box.style3 .icon-bx-wraper::before {
    /* content: attr(data-name); */
    position: absolute;
    font-size: 100px;
    right: 30px;
    top: 30px;
    line-height: 80px;
    font-weight: 700;
    color: #000;
    opacity: .05;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.service-box.style3 .icon-bx-wraper::after {
    content: "";
    height: 100%;
    width: 0;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -webkit-transform-origin: left;
    -o-transform-origin: left;
    transition: all .8s;
    -moz-transition: all .8s;
    -webkit-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
}
.service-box.style3 .icon-bx-wraper:hover::after {
    width: 100%;
    left: 0;
    right: auto;
    transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -webkit-transform-origin: right;
    -o-transform-origin: right;
}
.service-box.style3 .icon-bx-wraper:hover::before {
    opacity: .2;
}
.service-box.style3 .icon-bx-wraper:hover, .service-box.style3 .icon-bx-wraper:hover .dlab-tilte, .service-box.style3 .icon-bx-wraper:hover p, .service-box.style3 .icon-bx-wraper:hover::before {
    color: #000;
}
.service-box.style3 .icon-lg {
    margin-bottom: 25px;
}
.icon-lg {
    width: 80px;
}
.icon-lg, .icon-md, .icon-sm, .icon-xl, .icon-xs {
    display: inline-block;
    text-align: center;
}
.icon-bx-wraper a:hover {
    text-decoration: none;
}
.service-box.style3 .icon-lg i:before {
    font-size: 70px;
    line-height: 70px;
    color: var(--color-primary);
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    color: #fff;
    margin-left: 1px;
}
.service-box.style3 .icon-bx-wraper:hover .icon-lg i:before {
    color: #2c3c6a;
}
.icon-content {
    overflow: hidden;
    color: #fff;
}
.icon-content p {
    color: #fff;
}
.service-box.style3 .dlab-tilte {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
    line-height: 30px;
}
.icon-bx-wraper .dlab-tilte {
    margin-top: 0;
}
.service-box.style3 .icon-bx-wraper {
    padding: 50px 30px;
    background: #2c3c6a;
    margin-bottom: 30px;
    box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.05);
    z-index: 1;
}
.icon-bx-wraper {
    position: relative;
}
.dlab-box, .dlab-info, .dlab-tilte, .dlab-tilte-inner {
    position: relative;
}
.icon-bx-wraper p:last-child {
    margin: 0;
}
.service-box.style3 .icon-bx-wraper:hover .focus-item-btn .btn-primary {
    background: #F0DC82;
}
.focus-item-btn .btn-primary {
    padding: 4px 11px;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #fff;
	color: #000;
	margin-top: 10px;
}
.focus-item-btn .btn-primary:hover {
    background-color: #F0DC82;
    border: 1px solid #F0DC82;
    color: #000;
}
.focus-item-btn .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
}
.focus-item-btn .btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}
.focus-item-btn .btn-primary.focus, .btn-primary:focus {
    box-shadow: none;
}
.welcome-focus {
    /* background-image: url(imgs/focus-areabg.jpg); */
    background-color: #fff;
}
/* end focus area */

/* About us/ mini news */
.kopa-area-5 {
    /* background: url(imgs/about-news-bg.jpg) top center; */
    background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(imgs/about-news-bg.jpg);
        background-attachment: scroll;
        background-size: auto;
    background-attachment: fixed;
    background-size: cover;
    padding-bottom: 0;
}
.kopa-area {
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative;
}
.kopa-area-5::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 56, 94, 0.4);
}

.ct-row-05 {
    margin-left: 0;
    margin-right: 0;
}
.ct-row-05 > div[class^="col"], .ct-row-05 > li[class^="col"] {
    padding-right: 0px;
    padding-left: 0px;
}
.ct-col-03 {
    padding-top: 66px;
    padding-bottom: 0px;
}
.about-home {
    height: 479px;
    padding-top: 0;
}
.news-home {
    height: 573px
}
.kopa-area .row:last-child .widget:last-child {
    margin-bottom: 0;
}
.widget-header.style-05::before {
    content: "";
    width: 8px;
    height: 90%;
    top: 5%;
    position: absolute;
    left: 0;
}
.ex-module-list-product-1 .widget-header {
    margin-bottom: 70px;
    margin-left: 14px;
}
.widget-header.style-05, .widget-content {
    position: relative;
    padding-left: 15px;
    margin-bottom: 22px;
}
.widget-header.style-05 .sub-title {
    font-size: 20px;
    text-transform: capitalize;
    line-height: 20px;
    margin-bottom: 5px;
    color: #d5d5d5;
}
.widget-content {
    margin-left: 14px;
    padding-right: 15px;
    color: #fff;
    font-size: 18px;
}
.widget-content ul {
    padding-left: 0;
}
.ct-col-05 {
    background: white;
    padding-bottom: 0px;
    padding-top: 39px;
}
.ex-module-our-services-1 .widget-header, .ex-module-our-services-5 .widget-header {
    margin-bottom: 50px;
}
.widget-header.style-06 {
    position: relative;
    padding-left: 53px;
    margin-bottom: 15px;
}
.widget-header.style-06::before {
    content: "";
    background: #2c3c6a;
    width: 30px;
    height: 96%;
    top: 2%;
    position: absolute;
    left: 0;
}
.kopa-area .widget .sub-title {
    display: inline-block;
}
.kopa-area .widget .widget-header .widget-title {
    text-transform: uppercase;
    margin-bottom: 0;
}
.kopa-area-5 .ct-col-05 .widget .widget-header .widget-title {
    color: #333;
}
.white-text-style a, .white-text-style p, .white-text-style span, .white-text-style h1, .white-text-style h2, .white-text-style h3, .white-text-style h4, .white-text-style h5, .white-text-style h6, .white-text-style i, .white-text-style input, .white-text-style textarea {
    color: white;
}
.kopa-area .widget-content::before {
    display: table;
    content: " ";
}
.kopa-area .widget-content::after {
    clear: both;
    display: table;
    content: " ";
}
.ex-module-list-product-1 .widget-content ul {
    margin-bottom: 0;
    padding-left: 0;
}
/* .about-hometext {
    display: block;
} */
.kopa-area .entry-item::after {
    clear: both;
    display: table;
    content: " ";
}
.kopa-area .entry-item::before {
    display: table;
    content: " ";
}
.kopa-area .entry-item:last-child {
    margin-bottom: 0;
}
.ex-module-our-services-1 .widget-content .entry-item .entry-content, .ex-module-our-services-5 .widget-content .entry-item .entry-content {
    display: block;
    overflow: hidden;
}
.kopa-area-5 .ct-col-05 .widget .entry-title a {
    color: #333 !important;
}
.kopa-area-5 .ct-col-05 .widget p {
    color: #575757 !important;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    font-weight: 200;
}
.ex-module-list-product-1 .widget-content .entry-item .entry-thumb::before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    position: absolute;
    opacity: 0;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.ex-module-list-product-1 .widget-content .entry-item .entry-thumb {
    z-index: 0;
    position: relative;
    margin-bottom: -1px;
}
.entry-item .entry-thumb::before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    position: absolute;
    opacity: 0;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption {
    position: absolute;
    bottom: 40px;
    left: 30px;
    opacity: 0;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}
.ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption a {
    display: block;
    font-size: 18px;
    font-weight: 400;
}
.ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption span {
    display: block;
    font-size: 16px;
}
.about-learnmore {
    padding-right: 0;
    text-align: center;
}
.about-learnmore .btn-primary {
    padding: 4px 11px;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #fff;
	color: #000;
	margin-top: 10px;
}
.about-learnmore .btn-primary:hover {
    background-color: #F0DC82;
    border: 1px solid #F0DC82;
    color: #000;
}
.about-learnmore .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
}
.about-learnmore .btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
}
.about-learnmore .btn-primary.focus, .btn-primary:focus {
    box-shadow: none;
}
/* end about us / mini news */

/* Email signup */
.newsletter-section {
    /* position: relative; */
    background: #f0dc82;
    padding: 25px 0 14px;
    margin-top: 0px;
    width: 100%;
    top: 82.5%;
    right: 0%;
}
.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}
.newsletter-section h2 {
    position: relative;
    color: #000;
    font-weight: 700;
    font-size: 23px;
    padding: 7px 0;
        padding-left: 0px;
    padding-left: 100px;
    min-height: 70px;
    margin-bottom: 0;
}
.newsletter-section h2 i::before {
    background: #0a2232;
    color: #fff;
}
.newsletter-section h2 i::before {
    position: absolute;
    left: 0;
    top: 4px;
    width: 70px;
    height: 58px;
    line-height: 57px;
    font-size: 35px;
    text-align: center;
}
.newsletter-form {
    position: relative;
}
.newsletter-form .form-group {
    vertical-align: middle;
}
.newsletter-form .form-group svg {
    color: #fff;
}
.newsletter-form .form-group .fa-envelope-open::before {
    position: absolute;
    top: 19px;
    left: 30px;
    color: #000;
}
.newsletter-form input {
    width: calc(100% - 38px);
    height: 54px;
    padding: 0 30px;
        padding-left: 30px;
    padding-left: 60px;
    background: transparent;
    border: 1px solid #000;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    right: -18px;
}
.newsletter-form .btn-style-one {
    vertical-align: middle;
    padding: 13px 38px;
    background: #0a2232;
    color: #fff;
    border: none;
}
.newsletter-form .btn-style-one::before {
    background: #F0DC82;
}
.btn-style-one::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0%;
    content: "";
    background-color: #F0DC82;
    transition: .5s;
}
.btn-style-one span {
    position: relative;
    cursor: pointer;
}
.newsletter-form .btn-style-one .flaticon-up-arrow::before {
    color: #F0DC82;
    margin-left: 6px;
}
.btn-style-one {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    padding: 17.5px 45px;
    font-weight: 700;
    border-radius: 0;
    overflow: hidden;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    cursor: pointer;
}
.btn-style-one i {
    margin-right: 8px;
    display: inline-block;
    transform: rotate(135deg);
    position: relative;
    bottom: 1px;
    transition: .5s;
}
.newsletter-form .btn-style-one:hover {
    color: #000;
}
.btn-style-one:hover i {
    transform: rotate(90deg);
}
.newsletter-form .btn-style-one:hover i::before {
    color: #000;
}
.btn-style-one:hover::before {
    width: 100%;
}
.newsletter-form button {
    margin: 0 auto;
    display: block;
    margin-top: 10px;
    margin-bottom: -27px;
}
.newsletter-section h2 {
    font-size: 20px;
    padding-left: 102px;
}
.newsletter-section .flaticon-email:before {
    margin-left: 19px;
}
.newsletter-form .fa-envelope-open::before {
    margin-left: 0;
    font-size: 17px;
}
  
/* end email signup */

/* Footer */
/* .footer {
    background-image: url(imgs/footer-bg.jpg);
    padding: 140px 0 50px ;
} */
.footer-uss-name h2 {
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-family: 'Castoro', serif;;
}
.footer {
    /* background: url(imgs/about-news-bg.jpg) top center; */
    background-image: linear-gradient(rgba(11,29,45,0.87),rgba(11,29,45,0.87)), url(imgs/about-news-bg.jpg);
        background-attachment: scroll;
        background-size: auto;
    background-attachment: fixed;
    background-size: cover;
}
.footer {
    padding-top: 44px;
    padding-bottom: 44px;
}
.sitemap-items {
    margin-top: 28px;
    text-align: center;
}
.footer-logo img {
    width: 90%;
    display: block;
    margin: 0 auto;
    margin-bottom: 12px;
}
.footer-contact-info {
    color: #fff;
    margin-top: 10px;
    text-align: center;
}
.footer-middle li a {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 200;
}
.footer-bottom {
    background: #000;
}
.footer-bottom .copyright, .copyright a {
    color: #bbb;
    font-size: 14px;
}
.sitemap li {
    list-style-type: none;
}
.footer-home, .footer-page {
    position:relative;
}
.footer-page {
    width:100%;
    right:0%;
}
/* end footer */

/* Image banner */
.img-banner {
    background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),  url(images/imgbanner.jpg);
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .img-banner .container {
    z-index: 0 !important;
  }
  .img-banner h1 {
    color: #fff;
    font-size: 41px;
    text-align: left;
    margin-bottom: 0px;
    text-align: center;
  }

/* About us page */
.about-page-text {
    font-size: 16px;
}
.about-page-photo img {
    display: block;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 10px;
    box-shadow: 0 0 5px #919191;
}

/* Board Member page */
.board-item .card {
   background-color: #f0f3f4;
   height: auto;
   margin-bottom: 20px;
   color: #000;
   box-shadow: 0 3px 5px #c1c1c1;
}
.board-item .card:hover {
    transform: translateY(-10px);
}
.board-photo {
    height: auto;
    margin-bottom: 10px;
}
.board-photo img, .board-photo-soon img {
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.board-name {
    text-align: center;
}
.board-name h2 {
    font-size: 24px;
    color: #000;
}
.board-name h3 {
    font-size: 19px;
}
.board-name a:hover {
    text-decoration: none;
}

/* Board member Detail Page */
.board-mem-detail img{
    float: right;
    margin-left: 0px;
    margin-bottom: 10px;
    width: 100%;
}
.board-mem-detail h3 {
    font-size: 20px;
}
.board-mem-detail h2 {
    margin-bottom: 2px;
}
.board-detail-text {
    margin-top: 6px;
}

/* Faq Page */
.faq-cat h2{
    color: #0a2232;
    font-size: 30px;
    text-align: left;
}
.q-a .question h3{
    font-size: 22px;
}
.faqs-page .q-a{
    background-color: #f0f3f4;
    padding: 14px;
    box-shadow: 0 4px 10px #e6e6e6;
    margin: 0 16px;
    margin-bottom: 39px;
    margin-top: 10px;
}
.q-a .answer {
    font-size: 16px;
}

/* History Page */
.history-page .card{
    background: #f0f3f4;
    margin-bottom: 17px;
    border: none;
    box-shadow: 0 4px 10px #e6e6e6;
}
.history-item-photo img {
    float: none;
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
}
.history-page .panel-body {
    height: auto;
}
.history-page-title h2 {
    color: #0a2232;
    font-size: 25px;
    margin-bottom: 0;
}
.history-page-subtitle {
    font-size: 17px;
}
.history-page-text {
    font-size: 15px;
}
.history-page-text a:hover {
    text-decoration: none;
}
.history-page-text i {
    color: #0a2232;
}
/* History Detail page */
.history-detail-photo img {
    float: none;
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
}
.history-detail-text {
    font-size: 15px;
}
.history-detail-subtitle {
    font-size: 16px;
}

/* News Page */
/* .news-page .row {
    background-color: #f0f3f4;
    padding: 20px;
} */
.news-page-item {
    margin-top: 11px;
    margin-bottom: 10px;
}
.news-page .card {
    background: #f0f3f4;
    border-radius: 5px;
    border: none;
    /* box-shadow: 0 4px 10px #e6e6e6; */
    margin-bottom: 15px;
}
.news-page-text {
    font-size: 15px;
}
.news-page-title h2 {
    color: #0a2232;
    text-transform: capitalize;
}
.news-page-title a:hover {
    text-decoration-color: #0a2232;
}
/* .news-page .col-lg-12:after {
    content: "";  
    display: block;
    margin: 0 auto;
    width: 100%;
    padding-top: 0px;
    border-bottom: 2px solid #0a22324f;
} */
.news-page .col-lg-12:last-child:after {
    border-bottom: none;
}

/* News detail page */
.news-detail-photo img {
    float: none;
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}

/* Event Page */
.event-page img {
    float: none;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}
.event-page .card {
    background: #f0f3f4;
    border: none;
    box-shadow: 0 4px 10px #e6e6e6;
    margin-bottom: 20px;
}
.event-page-item h2 {
    font-size: 27px;
    color: #0a2232;
}
.event-page-item h3 {
    font-size: 17px;
}

/* Newsletter page */
.newsletter-page .card {
    background: #f0f3f4;
    border: none;
    box-shadow: 0 4px 10px #e6e6e6;
    margin-bottom: 20px;
}
.newsletter-pdf a {
    color: #0a2232;
}
.newsletter-pdf h2 {
    font-size: 25px;
    margin-bottom: 0;
}

/* Ships' Crest Page */
.crest-item {
    font-size: 17px;
}
.crest-photo img {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    width: 100%;
}

/* Leadership Page */
.leadership-page .card {
    background: #f0f3f4;
    border-radius: 0;
    border: none;
    /* box-shadow: 0 4px 10px #e6e6e6; */
    margin-bottom: 14px;
    height: auto;
}
.leadership-photo {
    overflow: hidden;
    height: auto;
}
.leadership-photo img {
    float: none;
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    margin-bottom: 10px;
}
.leadership-name h2 {
    font-size: 26px;
    color: #0a2232;
    text-align: center;
}
.leadership-name a:hover {
    text-decoration: none;
}
.leadership-name h3 {
    font-size: 17px;
    font-style: italic;
    color: #525252;
}
.leadership-text {
    font-size: 15.5px;
}
.leadership-more-btn {
    padding-top: 1%;
    margin-top: 10px;
    text-align: center;
}
.leadership-line hr {
    border-bottom: 2px solid #0a2232;
}
.leadership-line:last-child hr {
    display: none;
}
/* Leadership detail page */
.leadership-detail img {
    float: none;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 100%;
}
.leadership-detail h2 {
    font-size: 29px;
}
.leadership-detail h3 {
    font-size: 20px;
    font-style: italic;
}
.leadership-detail-text {
    font-size: 16px;
}

/* Photo Galery Page */
.photo-g {
    margin-top: 25px;
}
.photo-img {
    overflow: hidden;
    height: 200px;
} 
.photo-img img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.photo-select {
    display: block;
    margin-bottom: 26px;
}
.photo-select select {
    width: 100%;
    margin-top: 10px;
}
.photo-select h2 {
    font-size: 24px;
    margin-right: 17px;
    margin-bottom: 0;
    color: #0a2232;
}
.photos-g .col-lg-3{
    margin-bottom: 16px;
}
.photo-border {
    border: 2px solid #0a223280;
    padding: 5px;
    border-radius: 5px;
}
.photo-title {
    text-transform: capitalize;
    font-size: 16px;
    margin-top: 5px;
}

/* Donate Page */
.donate-page .card {
    background: #f0f3f4;
    border-radius: 0;
    border: none;
    box-shadow: 0 4px 10px #e6e6e6;
    margin-bottom: 0;
}
.donate-card-section .card-expire {
    display: flex;
}
.donate-page .btn-primary {
    padding: 8px 13px;
    font-size: 13px;
    background-color: #0a2232;
    border: 1px solid #0a2232;
    color: #fff;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 700;
    white-space: normal;
}
.donate-page .btn-primary:hover {
    background-color: #f0dc82;
    border: 1px solid #f0dc82;
    color: #0a2232;
}
.app-section {
    margin-bottom: 20px;
    margin-top: 9px;
}
.month-select {
    margin-right: 5px;
}
.re-cap {
    margin: 14px 0;
}
.terms-cond h2 {
    font-size: 22px;
    margin-top: 10px;
}
.terms-cond a {
    color: #000;
}
.donate-form-btn .btn-primary{
    font-size: 15px;
}
.g-recaptcha {
    transform: scale(1);
    transform-origin: 0 0;
}
.top-app-section h2 {
    font-size: 27px;
}

/* Our Sponsors Page */
.sponsor-page .col-lg-4 {
    margin-top: 25px;
}
.sponsor-intro-text {
    font-size: 17px;
    margin-bottom: 15px;
}
.sponsor-item .card{
    background: #f0f3f4;
    border-radius: 0;
    border: none;
    box-shadow: 0 4px 10px #e6e6e6;
    margin-bottom: 20px;
}
.sponsor-level h2{
    font-size: 25px;
}
.sponsor-item img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    margin-bottom: 5px;
}
.sponsor-title {
    text-align: center;
    font-size: 18px;
}
/* Projects Page */
.project-detail-page .col-lg-12 {
    background: #eee;
    padding: 20px;
    margin: 0 15px;
}
.project-page .card {
    background: #f0f3f4;
    border-radius: 5px;
    border: none;
    /* box-shadow: 0 4px 10px #e6e6e6; */
    margin-bottom: 15px;
}
.project-page-text {
    font-size: 15px;
}
.project-page-title h2 {
    color: #0a2232;
    text-transform: capitalize;
}
.project-detail-photo img {
    float: none;
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}
.project-detail-text {
    font-size: 15px;
}
.project-btn {
    padding-top: 0;
}
.project-btn .btn-primary{
    background-color: #fff;
    border: 1px solid #0a2232;
    color: #000;
}
.project-btn .btn-primary:hover{
    background-color: #0a2232;
    border: 1px solid #0a2232;
    color: #fff;
}


/* Contact us */
.contact-page-intro {
    font-size: 15px;
}
.contact-page-form .card {
    background: #f0f3f4;
    border-radius: 0;
    border: none;
    box-shadow: 0 4px 10px #e6e6e6;
    margin-bottom: 20px;
}
.contact-page-btn{
    padding-top: 2%;
}

/* Create Member Account Form Page */
.create-member .card {
    background: #f0f3f4;
    border-radius: 0;
    border: none;
    box-shadow: 0 4px 10px #e6e6e6;
    margin-bottom: 0px;
}
.create-member .card-expire {
    display: flex;
}
.create-member .month-select {
    margin-right: 5px;
}
.create-member-btn {
    padding-top: 1%;
}
.create-member-intro {
    font-size: 17px;
    margin-bottom: 21px;
}

/* Member Login page */
.member-login-page .card, .forgot-password-page .card, .member-home .card, .edit-my-info .card, .payonline-page .card, .reset-pass-form .card {
    background: #f0f3f4;
    border-radius: 0;
    border: none;
    box-shadow: 0 4px 10px #e6e6e6;
    margin-bottom: 0px;
}
.member-login-page h2, .forgot-pass, .member-login-btn {
    text-align: center;
}
.member-login-btn {
    padding-top: 2%;
}
.signup-new-account {
    margin-top: 25px;
}
.forgot-pass a, .signup-new-account a {
    color: #000;
}
.forgot-pass {
    margin-top: 15px;
}
.login-title {
    margin-bottom: 22px;
}

/* Invalid Login page */
.back-btn {
    padding-top: 3%;
}
.back-btn a{
    color: #000;
}

/* Forgot Password page */
.get-pass-btn, .forgot-pass-title {
    text-align: center;
}
.forgot-pass-title h2 {
    font-size: 30px;
}
.password-request-txt {
    font-size: 18px;
}

/* Reset Password form page */
.reset-pass-form-btn {
    padding-top: 4%;
}
.reset-pass-form form {
    width: 90%;
}
.reset-pass-form h2 {
    font-size: 30px;
    margin-bottom: 19px;
}
.reset-pass-form font {
    font-size: 12px;
}

/* Member Home Page */
.mem-home-item i, .mem-home-item a{
    text-align: center;
}
.mem-home-item a {
    font-size: 20px;
    margin-top: 20px;
    color: #000;
}
.mem-home-item i {
    font-size: 35px;
    color: #0a2232;
}
.member-home .card {
    margin-bottom: 25px;
}

/* Dues Payment History */
.dues-history h2 {
    margin-bottom: 57px;
}
.dues-history .top-row:after {
    /* border-bottom: 1px solid; */
    content: " ";
    position: absolute;
    z-index: -1;
    top: 5px;
    left: 16px;
    right: 0px;
    bottom: 2px;
    border-bottom: 1px solid #000;
    width: 73%;
}
.dues-history h2 {
    font-size: 23px;
}
.list-one b {
    font-size: 16px;
}
.return-mem-home {
    padding-top: 5%;
}

/* Edit Info Page */
.edit-info-btn {
    text-align: center;
    padding: 1%;
}

/* Email signup page */
.email-signup-page .card {
    background: #f0f3f4;
    border: none;
    box-shadow: 0 4px 10px #e6e6e6;
    margin-bottom: 0px;
}
.signup-page-title {
    margin-bottom: 18px;
}