.banner-landing {
padding-bottom: 110px;
}
.banner-landing .container-max {
width: 100%;
max-width: 1260px;
margin: 0 auto;
padding: 0 15px;
}
.banner-landing .content-text {
position: relative;
min-height: 100%;
background: rgba(5, 16, 50, 0.8);
padding: 55px 46px 152px 46px;
}
.banner-landing .content-text h3 {
font-size: 44px;
font-weight: 300;
color: #fff;
margin-bottom: 14px;
}
.banner-landing .content-text p {
font-size: 22px;
font-weight: 600;
color: #fff;
}
.banner-landing .content-text ul {
padding: 0;
list-style-type: none;
}
.banner-landing .head-list li {
position: relative;
font-size: 22px;
font-weight: 300;
color: #fff;
padding-left: 13px;
line-height: 29px;
}
.banner-landing .head-list li:before {
content: '';
position: absolute;
top: 12px;
left: 1px;
width: 4px;
height: 4px;
background: #fff;
border-radius: 100%
}
.banner-landing .body-list li {
position: relative;
font-size: 16px;
font-weight: 300;
color: #fff;
padding-left: 26px;
line-height: 29px;
}
.banner-landing .body-list li:before {
content: '';
position: absolute;
top: 13px;
left: 1px;
width: 3px;
height: 3px;
background: #fff;
border-radius: 100%;
}
.banner-landing .body-list {
padding-left: 32px !important;
}
.banner-landing .btn-wrap {
position: absolute;
bottom: 67px;
left: 50%;
display: flex;
width: 303px;
margin: 0 auto;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.banner-landing .btn-wrap a {
display: block;
width: 100%;
font-size: 13px;
font-weight: 500;
color: #0B2749;
background: #D5B829;
padding: 14px 5px 13px;
letter-spacing: 2.5px;
line-height: 14px;
text-align: center;
-moz-transition: background 0.4s ease-out;
-webkit-transition: background 0.4s ease-out;
transition: background 0.4s ease-out;
}
.banner-landing .btn-wrap a:hover {
color: #fff !important;
background: #0B2749;
text-decoration: none;
}
.client-portal {
position: fixed;
top: 48px;
right: 162px;
width: 175px;
border: 1px solid #fff;
z-index: 999;
transition: top 1s ease-in-out;
}
.client-portal.active {
z-index: 9;
}
.client-portal a {
display: block;
width: 100%;
font-size: 13px;
font-weight: bold;
color: #fff;
padding: 15px 0 14px;
line-height: 14px;
text-transform: uppercase;
text-align: center;
transition: background 1s ease-in-out;
}
.client-portal a:hover {
color: #fff;
background: #0B2749;
text-decoration: none;
}
.nav-spire-fixed + .client-portal {
top: 19px;
}
@media( max-width: 1024px ) {
.client-portal {
top: 28px;
}
}
@media( max-width: 991px ) {
.banner-landing .content-text h3 {
font-size: 34px;
}
.banner-landing .content-text p {
font-size: 18px;
}
.banner-landing .head-list li {
font-size: 18px;
line-height: 25px;
}
.banner-landing .body-list li {
font-size: 14px;
line-height: 25px;
}
}
@media( max-width: 974px ) {
.client-portal {
right: 110px;
}
}
@media( max-width: 768px ) {
.banner-landing {
padding-bottom: 100px !important;
}
.banner-landing .content-text {
padding: 28px 30px 152px;
}
.banner-landing .row-landing.col-lg-6 {
margin-bottom: 30px;
}
}
@media( max-width: 750px ) {
.client-portal {
top: 23px;
}
.banner-landing .btn-wrap {
width: 80%;
max-width: 303px;
}
.banner-landing .row-landing .col-lg-6 {
margin-bottom: 30px;
}
}
@media( max-width: 480px ) {
.client-portal {
width: auto;
}
.client-portal a {
font-size: 10px;
padding: 15px 12px;
}
}