html.fp-enabled,
.fp-enabled body {
margin: 0;
padding: 0;
overflow:hidden; -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
position: relative;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.fp-slide {
float: left;
}
.fp-slide, .fp-slidesContainer {
height: 100%;
display: block;
}
.fp-slides {
z-index:1;
height: 100%;
overflow: hidden;
position: relative;
-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
display: table;
table-layout:fixed;
width: 100%;
}
.fp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.fp-slidesContainer {
float: left;
position: relative;
}
.fp-controlArrow {
-webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
right: 15px;
border-width: 38.5px 0 38.5px 34px;
border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
overflow: hidden;
position: relative;
}
.fp-scroller{
overflow: hidden;
}
.iScrollIndicator{
border: 0 !important;
}
.fp-notransition {
-webkit-transition: none !important;
transition: none !important;
}
#fp-nav {
position: fixed;
z-index: 100;
top: 50%;
opacity: 1;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translate3d(0,-50%,0);
}
#fp-nav.fp-right {
right: 17px;
}
#fp-nav.fp-left {
left: 17px;
}
.fp-slidesNav{
position: absolute;
z-index: 4;
opacity: 1;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
left: 0 !important;
right: 0;
margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom {
bottom: 17px;
}
.fp-slidesNav.fp-top {
top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
margin: 0;
padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
display: block;
width: 14px;
height: 13px;
margin: 7px;
position:relative;
}
.fp-slidesNav ul li {
display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
height: 12px;
width: 12px;
margin: -6px 0 0 -6px;
border-radius: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
border-radius: 50%;
position: absolute;
z-index: 1;
height: 4px;
width: 4px;
border: 0;
background: #333;
left: 50%;
top: 50%;
margin: -2px 0 0 -2px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
width: 10px;
height: 10px;
margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
position: absolute;
top: -2px;
color: #fff;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
white-space: nowrap;
max-width: 220px;
overflow: hidden;
display: block;
opacity: 0;
width: 0;
cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
width: auto;
opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right {
right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left {
left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
height: auto !important;
}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
height: auto !important;
} .fp-sr-only{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}* { box-sizing: border-box;
} :root {
--worksans: "Work Sans", sans-serif;
--roboto-slab: "Roboto Slab", serif;
--roboto: "Roboto", sans-serif;
}
a {
text-decoration: none !important;
}
body.fix {
overflow: hidden !important;
}
button:focus {
outline: 0 !important;
} * {
scrollbar-width: 2px;
scrollbar-color: #ccc;
} *::-webkit-scrollbar {
width: 5px;
}
*::-webkit-scrollbar-track {
background: #ccc;
}
*::-webkit-scrollbar-thumb {
background-color: #2814aa;
border-radius: 20px;
border: 1px solid #2814aa;
}
.container {
max-width: 1280px;
}
.preloader {
width: 100%;
height: 100%;
position: fixed;
z-index: 99999;
top: 0;
left: 0;
}
.preloader:before {
content: "";
position: absolute;
left: 0;
width: 50%;
height: 100%;
background: #2814aa;
transition: 1s;
}
.preloader:after {
content: "";
position: absolute;
right: 0;
width: 50%;
height: 100%;
background: #2814aa;
transition: 1s;
}
.preloader.complete:before {
left: -50%;
}
.preloader.complete:after {
right: -50%;
}
.preloader.complete {
display: none;
}
.loader {
display: inline-block;
width: 83px;
height: 83px;
position: absolute;
z-index: 3;
background-image: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/loader.jpg);
top: 40%;
left: 48%;
transform: translate(-50%, -50%); }
.loader-inner {
vertical-align: top;
display: inline-block;
width: 100%;
background-color: #fff;
animation: loader-inner 2s infinite ease-in;
} .spinner {
background-image: linear-gradient(rgb(8, 88, 179) 35%, rgb(126, 158, 248));
width: 150px;
height: 150px;
animation: spinning82341 1.7s linear infinite;
text-align: center;
border-radius: 50%;
filter: blur(1px);
box-shadow: 0px -5px 20px 0px rgb(6, 64, 172),
0px 5px 20px 0px rgb(0, 225, 255);
}
.spinner1 {
background-color: rgb(40 20 170);
width: 150px;
height: 150px;
border-radius: 50%;
filter: blur(10px);
}
@keyframes spinning82341 {
to {
transform: rotate(360deg);
}
}    body {
font-family: var(--worksans);
position: relative;
}
a.logo {
position: relative;
display: block;
margin: 50px auto 28px auto;
width: 115px;
}
header.header-wrap {
position: fixed;
display: block;
width: 100%;
top: -109px;
left: 0;
transition: 0.5s;
z-index: 999;
background: #fff;
}
.logo img {
width: 100%;
}
header.header-wrap.scrolled {
top: 0;
}  .animated-icon1 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
}
.animated-icon1 span {
display: block;
position: absolute;
height: 2px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
.animated-icon1 span {
background: #1055b5;
}
.animated-icon1.open span {
background: #1055b5;
width: 100%;
}
.overlay {
position: fixed;
top: 0;
left: 0;
right: 100%;
bottom: 0;
display: block;
background: #00000075;
backdrop-filter: blur(10px);
transition: 0.5s;
z-index: 9;
}
.overlay.open {
right: -100%;
}
.animated-icon1 span:nth-child(1) {
top: 0px;
}
.animated-icon1 span:nth-child(2) {
top: 10px;
}
.animated-icon1 span:nth-child(3) {
top: 20px;
}
.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}
.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
button.navbar-toggler.first-button {
top: 40px;
position: relative;
left: 0px;
z-index: 999999;
transition: 0.5s;
}
.menumobile {
display: none;
}
.menuwrap {
position: absolute;
background: #ffffff96;
width: 365px;
top: 0;
left: -100%;
height: 100vh;
transition: 0.5s;
}
.mainmenu {
}
.header_menu {
padding: 0;
display: flex;
margin-top: 65px;
transition: 0.5s;
}
.menuwrap.open {
left: -4%;
transition-delay: 0.1s;
}
.mainmenu li {
font-family: var(--roboto-slab);
font-size: 18px;
list-style: none;
margin: 0 32px;
}
div#menu-toggle {
position: relative;
display: inline-block;
}
.menuright-col {
position: relative;
display: block;
float: right;
margin-top: 40px;
transition: 0.5s;
}
.menuright-col a {
margin: 0 16px;
display: inline-block;
}
.menu-bottom-links:before {
position: absolute;
content: "";
display: block;
top: -12px;
left: 75px;
width: 74%;
height: 1px;
background: #00000052;
}
.mainmenu li a {
color: #0057b8;
font-family: var(--roboto-slab);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
transition: 0.5s;
}
.mainmenu li a:hover,
.menu-bottom-links a:hover {
color: #d19404;
}
.menu-bottom-links {
position: relative;
display: block;
padding-left: 75px;
font-family: var(--roboto-slab);
}
.menu-bottom-links a {
display: block;
font-size: 12px;
letter-spacing: 0px;
color: #1a1818;
margin-bottom: 14px;
}
.menu-bottom-links h4 {
font-size: 12px;
color: #1a1818;
}
.menuwrap-dk a.logo {
position: relative;
display: block;
margin: 0;
width: 315px;
transition: 0.5s;
margin-top: 8px;
}
.menuwrap-dk {
position: relative;
display: flex;
justify-content: space-between;
}
.scrolled .menuwrap-dk a.logo {
position: relative;
display: block;
margin: 0;
width: 250px;
margin-top: 8px;
}
.scrolled .header_menu {
margin-top: 47px;
}           .videopopup .modal-dialog {
max-width: 900px;
}
a.videolink {
display: none;
}
.videopopup .modal-content {
background-color: transparent;
border: 0;
}
.videopopup .modal-header {
border-bottom: 0;
color: #fff;
}
.videopopup .modal-title {
margin-bottom: 0;
line-height: 1.5;
font-size: 32px;
font-weight: 700;
}
.videopopup p {
font-family: var(--roboto);
font-weight: 100;
}
.modalhead {
position: relative;
display: block;
width: 100%;
text-align: center;
}
.videopopup .close {
float: right;
font-size: 55px;
font-weight: 100;
line-height: 1;
color: #fff;
text-shadow: 0 1px 0 #fff;
opacity: 1;
padding: 0 !important;
padding-top: 47px !important;
}
.scroll-logo {
position: absolute;
opacity: 0;
transition: 0.5s;
width: 80px;
top: -40px;
left: 85px;
}
.scrolled .scroll-logo {
display: block;
opacity: 1;
}
.scroll-logo a.logo img {
max-width: 100%;
}
.subsec1 {
background-repeat: no-repeat !important;
background-size: cover !important;
height: 910px;
width: 100%;
}
a.quickform {
position: relative;
z-index: 9999;
cursor: pointer;
}
.scroll-logo a.logo {
width: 100%;
}
a.quickform:after {
position: absolute;
content: "";
top: -455%;
left: -19px;
background: #ffcc00;
width: 65px;
height: 77px;
}
a.quickform:after {
position: absolute;
content: "";
top: -491%;
left: -19px;
background: #ffcc00;
width: 65px;
height: 87px;
transition: 0.5s;
}
.quickform.act::after {
top: -43px;
}
img.qf-icon-close {
visibility: hidden;
opacity: 0;
left: -31px;
top: -2px;
transition: 0.5s;
}
.quickform.act img.qf-icon-close {
visibility: visible;
opacity: 1;
}
.quickform.act img.qf-icon {
visibility: hidden;
opacity: 0;
}
.quickform img {
position: relative;
z-index: 1;
}
.quickcontact {
position: fixed;
top: 0;
right: -100%;
opacity: 0;
background: #3882bc;
color: #fff;
width: 488px;
height: 100vh;
z-index: -1;
overflow-y: scroll;
transition: 0.5s;
}
.quickcontact.act {
right: 0;
opacity: 1;
}
.qc-form-inner {
position: relative;
display: block;
padding: 38px 44px 40px 44px;
}
.wpcf7-form.invalid .form-group {
margin-bottom: 0;
}
.wpcf7-not-valid-tip {
color: #c50000;
font-size: 12px;
font-weight: 600;
display: block;
}
.wpcf7-spinner {
top: 19px;
right: -102px;
}
.position-wrap .wpcf7-spinner {
top: 5px;
left: 0;
}
.wpcf7-response-output {
border-color: #c00 !important;
font-size: 12px;
text-align: center;
color: #f5d2d2;
}
.quickcontact h2 {
font-size: 48px;
font-weight: 700;
margin-bottom: 20px;
}
.quickcontact p {
font-size: 16px;
font-weight: 300;
font-family: var(--roboto);
}
.qcform label {
font-size: 14px;
}
.qcform textarea.form-control {
height: 63px;
}
.qcform input.form-control,
.qcform textarea.form-control {
box-shadow: 0px 3px 6px #00000029;
border-radius: 5px;
}
.btn-submit {
background: #ffcc00 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
letter-spacing: -0.19px;
color: #241f1f;
float: right;
}
.slicerwrap {
position: relative;
display: block;
height: 600px;
}
.slicerwrap img {
width: 100%;
}
.sliderwrap .slick-slide img {
display: block;
width: 100%;
}
.scrolled .menuright-col {
position: relative;
display: block;
float: right;
margin-top: 20px;
padding-bottom: 19px;
}
.scrolled button.navbar-toggler.first-button {
top: 18px;
}
.subsec2 {
background: #0057b8;
padding-top: 50px;
padding-bottom: 60px;
}
.award-main {
height: 450px;
width: 450px; display: block;
background-size: cover;
background-position: center;
border-radius: 50%;
} .award-main:before {
position: absolute;
content: "";
display: block;
top: -31px;
left: -28px;
bottom: 0;
right: 0;
background: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/introcircle-mask.png);
background-repeat: no-repeat;
z-index: -1;
width: 480px;
height: 506px;
}
.intro-col1 {
position: relative;
display: block;
margin-top: 15px;
}
.intrologo {
position: relative;
display: inline-block;
margin-top: 55px;
}
.intro-col1 h3 {
color: #fff;
font-family: var(--roboto-slab);
font-size: 45px;
font-style: normal;
font-weight: 600;
line-height: 54px;
padding-right: 0;
margin-top: 7px;
max-width: 425px;
margin-bottom: 22px;
}
.intro-col1 p {
color: #fff;
font-family: var(--roboto);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
max-width: 490px;
}
.certify-wrap h4 {
font-size: 14px;
font-weight: 500;
color: #918e8e;
text-transform: uppercase;
}
.awards {
position: relative;
display: flex;
margin-top: 20px;
justify-content: space-between;
width: 50%;
align-items: center;
}
.awards a {
display: inline-block;
max-width: 100%;
width: 150px;
margin-right: 26px;
}
.awards img { width: 100%;
}  .awards a:first-child {
width: 517px;
margin-right: 52px;
}
.page-sections.subsec1 {
position: relative;
overflow-x: hidden;
overflow-y: hidden;
} .bannercontent {
position: absolute;
display: block;
margin-top: -61%;
z-index: 9;
width: 100%;
max-width: 1280px;
z-index: 9;
left: 50%;
transform: translateX(-50%);
}
.mainbanner-text {
z-index: 2;
position: relative;
display: block;
}
.mainbanner-text h1 {
color: #fff;
font-family: var(--roboto-slab);
font-size: 66px;
font-style: normal;
font-weight: 600;
line-height: 79px;
margin-bottom: 33px;
}
a.btn-bulk {
position: relative;
display: block;
width: 250px;
height: 52px;
border-radius: 5px;
background: #fdb813;
color: #232323;
font-family: var(--roboto-slab);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 52px;
text-align: center;
transition: 0.5s;
}
a.btn-bulk:hover {
background: #0057b8;
color: #fff;
}
.gradient-wrap {
position: relative;
width: 100%;
display: block;
height: 336px;
background: linear-gradient(180deg, rgba(5, 10, 24, 0) 0%, #0057b8 100%);
margin-top: -333px;
padding-top: 162px;
}
.intro-col2 {
max-width: 450px;
width: 450px;
margin-top: -35px;
margin-bottom: 78px;
margin-left: 0px;
left: 72px;
position: relative;
}
.celebrate-logo {
position: relative;
display: block;
}
.sidebox-logo {
position: relative;
display: block;
} .page-sections.subsec3 {
position: relative;
display: block;
padding-top: 70px;
margin-bottom: 88px;
}
.celebrate-info {
position: relative;
display: block;
color: #fff;
}
.celebrate-info h4 {
color: #050a16;
font-family: var(--roboto-slab);
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 54px;
max-width: 290px;
margin-top: 15px;
margin-bottom: 30px;
}
.celebrate-info p {
color: #050a16;
font-family: var(--roboto);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
max-width: 440px;
margin-bottom: 30px;
}
.celebrate-box-wrap {
position: relative;
display: block;
color: #fff;
}
.cb-content h5 {
color: #fff;
font-family: var(--roboto-slab);
font-size: 66px;
font-style: normal;
font-weight: 400;
line-height: 72px;
}
.c-inner {
position: relative;
display: flex;
}
.gradient-wrap .col-md-3 {
position: relative;
}
.cb-content:after {
position: absolute;
content: "";
display: block;
top: 31px;
left: 250px;
width: 1px;
height: 68px;
background: #666060;
}
.gradient-wrap .col-md-3:last-child .cb-content:after {
display: none;
}
.cb-content span {
color: #fff;
font-family: var(--roboto-slab);
font-size: 66px;
font-style: normal;
font-weight: 300;
line-height: 72px;
display: inline-block;
margin-left: 9px;
}
.cb-content h6 {
color: #fff;
font-family: var(--roboto-slab);
font-size: 21px;
font-style: normal;
font-weight: 300;
line-height: 22px;
}
.cb.box1 {
background-image: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/cb-boxbg1.png);
background-repeat: no-repeat;
width: 400px;
height: 445px;
position: absolute;
top: 12px;
left: 44px;
z-index: 9;
}
.box1 .cb-content {
position: relative;
display: inline-block; margin-top: 54px;
margin-left: 70px;
text-align: left;
}
.cb.box2 {
background-image: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/cb-boxbg2.png);
background-repeat: no-repeat;
width: 416px;
height: 215px;
position: absolute;
top: 12px;
left: 422px;
}
.box2 .cb-content {
position: relative;
display: inline-block;
margin-top: 55px; margin-left: 65px;
text-align: left;
}
.box2 h5.count-num {
text-align: left;
min-width: 25px;
}
.cb.box3 {
background-image: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/cb-boxbg3.png);
background-repeat: no-repeat;
width: 394px;
height: 186px;
position: absolute;
top: 180px;
left: 47px;
z-index: 9;
}
.box3 .cb-content {
position: relative;
display: inline-block;
margin-top: 55px;
margin-left: 65px;
text-align: left;
}
.box3 h5.count-num {
text-align: left;
min-width: 34px;
}
.cb.box4 {
background-image: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/cb-boxbg4.png);
background-repeat: no-repeat;
width: 400px;
height: 176px;
position: absolute;
top: 180px;
left: 424px;
}
.box4 .cb-content {
position: relative;
display: inline-block;
margin-top: 55px; margin-left: 65px;
text-align: left;
}
.box4 h5.count-num {
text-align: left;
}
.box4 h5.count-num {
text-align: center;
min-width: 40px;
}
.page-sections.subsec4 {
background-size: cover;
background-repeat: no-repeat;
min-height: 660px;
}
.box4 .cb-content h6 { margin-left: 9px;
}
.sec4-content {
position: relative;
display: block;
margin-top: 17px;
color: #fff;
}
.subsec4 .fp-tableCell:before {
position: absolute;
content: "";
background: #0000003d;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.sec4-content h3 {
color: #050a16;
font-family: var(--roboto-slab);
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 54px;
margin-bottom: 50px;
}
.sec4-content p {
color: #050a16;
font-family: var(--roboto);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin-bottom: 60px;
max-width: 465px;
}
a.btn-learnmore {
position: relative;
display: inline-block;
width: 150px;
height: 45px;
color: #494949;
font-family: var(--roboto-slab);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 41px;
text-align: center;
padding-bottom: 10px;
border-radius: 4px;
border: 1px solid #494949;
transition: 0.5s;
}
a.btn-learnmore:hover {
background-color: #333;
color: #fff;
}
.sec4-slider-wrap {
position: relative;
display: block;
margin-top: 45px;
}
.sec4-slider-wrap .slick-dots {
bottom: 0;
}
.sec4-text {
color: #fff;
text-align: right;
padding: 0px 100px 0 0; margin-top: 30px;
}
.imagewrap img {
filter: brightness(1.55);
}
.sidebox-image {
position: relative;
display: block;
left: -25px;
}
.sidebox-logo img {
width: 100%;
}
.sidebox-image img {
width: 100%;
}
.sec4-text h5 {
display: flex;
align-items: flex-end;
width: 100%;
justify-content: center;
flex-direction: column;
height: 50px;
font-size: 36px;
min-height: 50px;
position: relative;
}
.sec4-text p {
font-size: 15px;
font-weight: 300;
line-height: 24px;
font-family: var(--roboto);
color: #cbcbcb;
margin-top: 64px;
position: relative;
}
.sec4-text p:after {
position: absolute;
display: block;
content: "";
top: -26px;
right: 0;
width: 36px;
height: 5px;
background: #ffcc00;
}
.sec4-slider .slick-dots li.slick-active button:before {
opacity: 1;
color: #fff;
}
.page-sections.subsec5 {
background: #fff;
color: #fff;
color: #2d2c2c;
}
.testimonial h4 {
position: relative;
font-size: 20px;
font-weight: 300;
line-height: 36px;
font-family: var(--roboto);
letter-spacing: -0.18px;
padding-left: 126px;
}
.testimonial h4:before {
position: absolute;
content: "";
display: block;
background-image: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/quote.png);
width: 90px;
height: 77px;
top: 0;
left: 12px;
}
.testimonial {
border-bottom: 1px solid #ffffff1c;
padding-bottom: 16px;
padding-right: 0;
margin-right: 0;
max-width: 650px;
border-bottom: 1px solid #ffffff1c;
padding-bottom: 16px;
margin-bottom: 37px;
}
.testimonial h5 {
font-size: 18px;
font-weight: 300;
font-style: italic;
font-family: var(--roboto);
padding-left: 126px;
margin-top: 20px;
}
.hm-testimonials h3 {
font-size: 44px;
font-weight: 600;
margin-bottom: 70px;
}
.hm-testimonials {
position: relative;
display: block;
padding-top: 75px;
max-width: 605px;
float: right;
z-index: 1;
}
.testimonial-slider ul.slick-dots {
top: -105px;
bottom: unset;
text-align: right;
width: 114%;
z-index: 999;
}
.testimonial-slider .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 40px;
height: 4px;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
opacity: 0.5;
background: #fff;
}
.testimonial-slider .slick-active button {
opacity: 1 !important;
}
.testimonial-slider .slick-dots li {
width: 40px;
height: 4px;
margin: 0 5px;
}
.testimonial-slider .slick-dots li button:before {
display: none;
} .member-info {
position: relative;
display: block;
padding-top: 85px;
margin-left: 0;
z-index: 5;
}
.member-info h4 {
color: #fff;
font-family: var(--roboto-slab);
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 54px;
margin-top: 15px;
margin-bottom: 20px;
}
.member-text p {
color: #fff;
font-family: var(--roboto);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 34px;
margin-bottom: 30px;
}
.member-text {
position: relative;
display: flex;
padding-right: 62px;
}
.member-image {
position: relative;
display: block;
margin-top: 70px;
border-radius: 8px;
overflow: hidden;
}
.member-text-mor p {
color: #fff;
font-family: var(--roboto);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin-bottom: 30px;
}
.member-text-mor {
position: relative;
display: block;
padding-right: 53px;
}
.communit-wrap {
background-size: cover;
position: relative;
}
.subsec5 .container-fluid {
padding-right: 0;
}
.com-wrap {
position: relative;
display: block;
padding-left: 45px;
}
.hm-testimonials:after {
position: absolute;
content: "";
display: block;
width: 108px;
height: 100%;
top: 0;
right: -174px;
background: #2d58b9;
transform: skewX(-11deg);
z-index: 1;
}
.hm-testimonials:before {
position: absolute;
content: "";
top: 233px;
right: -183px;
width: 32px;
height: 67%;
background: #ffcc00;
transform: skewX(-11deg);
z-index: 99;
}
.communit-wrap h4 {
font-size: 17px;
font-weight: 400;
line-height: 29px;
letter-spacing: 2.57px;
text-transform: uppercase;
font-family: var(--roboto); padding-left: 193px;
float: right;
}
.community-inner {
position: relative;
display: flex;
}   .findmore {
color: #fff;
font-family: "Roboto Slab";
font-size: 16px;
display: block;
font-style: normal;
font-weight: 500;
line-height: 40px;
width: 140px;
height: 45px;
border-radius: 5px;
border: 1px solid #fff;
text-align: center;
margin-top: 30px;
transition: 0.5s;
}
.findmore:hover {
background-color: #fff;
}
.com-wrap h6 {
font-size: 16px;
font-weight: 400;
font-family: var(--roboto);
letter-spacing: 2.42px;
text-transform: uppercase;
}
.com-wrap h3 {
font-size: 37px;
font-weight: 600;
font-family: var(--roboto);
line-height: 47px;
}
.ourreach-wrap {
position: relative; align-items: center;
max-height: 700px;
}
.com-wrap h3 a {
color: #fff;
}
a.btnread {
position: relative;
display: block;
margin-top: 30px;
font-size: 17px;
font-weight: 600;
letter-spacing: 1.58px;
color: #94989c;
text-transform: uppercase;
transition: 0.5s;
}
a.btnread:hover {
color: #fff;
}  .map_wrapper {
max-width: 100%;
min-width: 1220px;
width: 100%;
overflow: hidden;
top: 0;
right: 0;
position: relative;
}
.igm_select_container {
margin-bottom: 20px;
width: 300px;
padding-top: 30px;
}
.page-sections.subsec6 {
position: relative;
display: block;
background: #f4f4f4;
margin-top: 80px;
}
.proudmem {
position: relative;
display: block;
color: #fff;
background: #0067cc;
padding-bottom: 80px;
}
.ourreach-content {
position: relative;
display: block;
max-width: 98%;
margin-top: -286px;
}
.ourreach-content h3 {
color: #000;
font-family: var(--roboto-slab);
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 51px;
}
.ourreach-content p {
color: #050a16;
font-family: var(--roboto);
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin-bottom: 50px;
}
.reach-count {
color: #fff;
font-family: var(--roboto-slab);
font-size: 112px;
font-style: normal;
font-weight: 600;
line-height: 109px;
display: inline-block;
margin-top: 30px;
}
.reach-counter-wrap span {
position: relative;
display: inline-block;
font-size: 112px;
font-weight: 600;
color: #fff;
line-height: 126px;
}
.reach-counter-wrap {
position: relative;
display: block;
text-align: center;
width: 245px;
height: 245px;
border-radius: 4px;
background: #0057b8;
margin-bottom: 20px;
}
.reach-counter-wrap h6 {
color: #fff;
font-family: var(--roboto-slab);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 26px;
text-align: left;
padding: 0 25px;
} .ourreach-map {
position: relative;
display: inline-block;
max-width: 100%;
top: 0;
left: 0;
} .points-wrap {
position: absolute;
display: block; width: 100%;
height: 100%;
top: 0;
left: 0;
}
span.c-dot {
position: absolute;
display: block;
width: 5px;
height: 5px;
background: #244d6d;
border-radius: 50%;
cursor: pointer;
}
span.c-dot:hover {
} @keyframes pulse {
0% {
transform: scale(1);
opacity: 0;
}
10% {
opacity: 1;
}
100% {
transform: scale(5);
opacity: 0;
}
}
.c-dot:nth-child(1) {
top: 281px;
left: 272px;
}
.c-dot:nth-child(2) {
top: 328px;
left: 341px;
}
.c-dot:nth-child(3) {
top: 189px;
left: 432px;
}
.c-dot:nth-child(4) {
top: 156px;
left: 437px;
}
.c-dot:nth-child(5) {
top: 131px;
left: 455px;
}
.c-dot:nth-child(6) {
top: 104px;
left: 450px;
}
.c-dot:nth-child(7) {
top: 107px;
left: 475px;
}
.c-dot:nth-child(8) {
top: 98px;
left: 485px;
}
.c-dot:nth-child(9) {
top: 142px;
left: 498px;
}
.c-dot:nth-child(10) {
top: 149px;
left: 517px;
}
.c-dot:nth-child(11) {
top: 185px;
left: 542px;
}
.c-dot:nth-child(12) {
top: 149px;
left: 569px;
}
.c-dot:nth-child(13) {
top: 227px;
left: 588px;
}
.c-dot:nth-child(14) {
top: 195px;
left: 603px;
}
.c-dot:nth-child(15) {
top: 232px;
left: 629px;
}
.c-dot:nth-child(16) {
top: 185px;
left: 659px;
}
.c-dot:nth-child(17) {
top: 274px;
left: 712px;
}
.c-dot:nth-child(18) {
top: 220px;
left: 734px;
}
.c-dot:nth-child(19) {
top: 222px;
left: 744px;
}
.c-dot:nth-child(20) {
top: 249px;
left: 774px;
}
.c-dot:nth-child(21) {
display: none;
top: 258px;
left: 782px;
}
.c-dot:nth-child(22) {
top: 163px;
left: 469px;
}
.c-dot:nth-child(23) {
top: 259px;
left: 782px;
}
.c-dot:nth-child(24) {
top: 249px;
left: 800px;
}
.c-dot:nth-child(25) {
display: none;
top: 213px;
left: 819px;
}
.c-dot:nth-child(26) {
top: 213px;
left: 819px;
}
.c-dot:nth-child(27) {
top: 156px;
left: 806px;
}
.c-dot:nth-child(28) {
top: 168px;
left: 844px;
}
.c-dot:nth-child(29) {
top: 201px;
left: 843px;
}
.c-dot:nth-child(30) {
top: 162px;
left: 877px;
}
.c-dot:nth-child(31) {
top: 272px;
left: 855px;
}
.c-dot:nth-child(32) {
top: 329px;
left: 809px;
}
.c-dot:nth-child(33) {
top: 350px;
left: 867px;
display: none;
}
.c-dot:nth-child(34) {
top: 426px;
left: 809px;
}
.c-dot:nth-child(35) {
top: 445px;
left: 897px;
display: none;
}
.c-dot:nth-child(36) {
top: 388px;
left: 810px;
display: none;
}
.c-dot:nth-child(37) {
top: 430px;
left: 532px;
} .c-dot:nth-child(38) {
top: 403px;
left: 556px;
}
.c-dot:nth-child(39) {
top: 165px;
left: 224px;
}
.c-dot:nth-child(40) {
top: 287px;
left: 480px;
}
.c-dot:nth-child(41) {
top: 373px;
left: 565px;
}
.c-dot:nth-child(42) {
top: 420px;
left: 923px;
}
.map-ref {
position: absolute;
display: none;
background: #f4f4f5; bottom: -3px;
left: 348px;
padding: 13px 20px;
}
.map-ref-row {
position: relative;
display: flex;
align-items: center;
margin-right: 40px;
}
.map-ref-row h6 {
margin-bottom: 0;
margin-left: 6px;
}
.page-sections.subsec7 {
background-size: cover;
background-repeat: no-repeat;
}  .banner-inner {
position: relative;
display: block;
height: 676px;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important;
} .banner-text {
position: relative;
min-height: 676px;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
color: #fff;
}
.banner-text h1 {
font-size: 18px;
font-weight: 300;
letter-spacing: 2.72px;
text-shadow: 0px 3px 17px #0000004f;
text-transform: uppercase;
position: relative;
text-shadow: 0 0 6px #000;
}
.banner-text h1:before {
position: absolute;
content: "";
display: block;
top: 50px;
left: 50%;
transform: translateX(-50%);
width: 62px;
height: 4px;
background: #ffcc00;
}
.banner-text h2 {
font-size: 47px;
font-weight: 400;
line-height: 55px;
text-shadow: 0px 3px 6px #00000029;
margin-top: 42px;
max-width: 746px;
text-align: center;
text-shadow: 0 0 6px #000;
}
.banner-inner:after {
position: absolute;
content: "";
display: block;
bottom: 0;
right: 0;
width: 412px;
height: 372px;
background: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/inner-banner-curve.png);
}
.about-video-pop {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 580px;
height: 425px;
background: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/about-video-image.png);
color: #fff;
flex-direction: column;
}
.about-video-pop:after {
position: absolute;
display: block;
content: "";
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #1617192e;
}
a.videolink2 {
position: relative;
display: none;
z-index: 1;
margin-bottom: 24px;
}
.about-video-pop h4 {
position: relative;
z-index: 1;
margin-bottom: 7px;
}
.about-video-pop p {
position: relative;
z-index: 1;
font-size: 16px;
font-weight: 300;
}
.about-intro {
position: relative;
display: block;
padding-top: 80px;
padding-bottom: 77px;
}
.about-intro-text h3 {
font-size: 34px;
font-weight: 700;
line-height: 48px;
color: #1a2340;
padding-right: 65px;
margin-bottom: 60px;
}
.about-intro-text p {
font-size: 16px;
line-height: 27px;
color: #393939;
font-family: var(--roboto);
padding-right: 119px;
}
.about-awards {
position: relative;
display: block;
margin-top: 42px;
}
.about-awards h5 {
margin-bottom: 28px;
font-size: 16px;
font-weight: 400;
font-family: var(--roboto);
letter-spacing: 1.92px;
color: #393939;
text-transform: uppercase;
}
.about-award-wrap {
position: relative;
display: flex;
align-items: center;
}
.about-award-wrap img {
margin: 0 15px;
}
.head-location {
position: relative;
display: block;
background: #022031;
color: #fff;
}
.head-location-text h4 {
font-size: 34px;
font-weight: 600;
line-height: 46px;
text-shadow: 0px 3px 11px #00000061;
padding-left: 43px;
padding-right: 20px;
margin-bottom: 30px;
}
.head-location-text p {
font-size: 18px;
font-weight: 300;
line-height: 33px;
font-family: var(--roboto);
padding-left: 43px;
padding-right: 43px;
}
.head-location-text {
position: relative;
display: block;
margin-top: 140px;
}
.head-location-text:before {
position: absolute;
content: "";
display: block;
width: 50px;
height: 57px;
border-left: 4px solid #ffcc00;
border-top: 4px solid #ffcc00;
top: -28px;
left: 11px;
}
.headlocation-image {
position: relative;
display: block;
margin-top: 97px;
padding-bottom: 90px;
text-align: center;
}
.competitive-wrap {
background-repeat: no-repeat;
height: 920px;
background-color: #011f31;
background-size: 100%;
position: relative;
background-position: -302px center;
}
section.competitive-wrap:after {
position: absolute;
display: block;
content: "";
top: 0;
left: 0;
bottom: 0;
right: 0; }
.competitive-wrap:before {
position: absolute;
display: block;
content: "";
top: 0;
left: 0;
width: 220px;
height: 363px;
background: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/yellow-corner.png);
}
.competitive-text {
position: relative;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
flex-direction: column;
color: #fff;
flex-wrap: wrap;
height: 900px;
z-index: 1;
}
.competitive-text h4 {
font-size: 50px;
font-weight: 600;
line-height: 63px;
letter-spacing: -0.2px;
position: relative;
}
.competitive-text p {
font-size: 23px;
font-weight: 300;
line-height: 38px;
font-family: var(--roboto);
max-width: 440px;
margin-top: 100px;
}
.competitive-text h4:after {
position: absolute;
display: block;
content: "";
top: 163px;
left: 50%;
transform: translateX(-50%);
width: 62px;
height: 4px;
background: #ffcc00;
}
.vision-mission-wrap {
position: relative;
display: block;
margin-top: 80px;
z-index: 1;
}
.visionbox {
position: relative;
display: block;
width: 570px;
height: 372px;
background-image: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/visionbg.png);
background-position: center;
color: #fff;
padding: 90px 2px 90px 141px;
}
.visionbox h5 {
font-size: 48px;
font-weight: 700;
margin-bottom: 18px;
}
.visionbox p {
font-size: 22px;
font-weight: 300;
font-family: var(--roboto);
}
.missionbox {
position: relative;
display: block;
width: 570px;
height: 368px;
background-image: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/mission-bg.png);
background-position: center;
color: #fff;
padding: 62px 22px 90px 137px;
}
.missionbox h5 {
font-size: 48px;
font-weight: 700;
margin-bottom: 28px;
}
.missionbox p {
font-size: 22px;
font-weight: 300;
}
.lwrap {
text-align: center;
}
.lwrap img {
max-width: 100%;
display: inline-block;
}
section.membership-wrap {
position: relative;
display: block;
padding-bottom: 150px;
}
.title-wrap {
position: relative;
display: block;
}
.title-wrap:before {
position: absolute;
display: block;
content: "";
top: 0;
left: -70px;
width: 335px;
height: 380px;
background: #f6f6f6;
}
.title-wrap h3 {
font-size: 46px;
font-weight: 600;
color: #092375;
margin-top: 85px;
display: inline-block;
position: relative;
margin-left: 36px;
margin-bottom: 50px;
}
.logowrap1 {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.logowrap1 .lwrap {
margin-right: 75px;
}
.bankers-wrap {
position: relative;
display: block;
margin-top: 135px;
}
.membership-wrap h4 {
font-size: 28px;
font-weight: 600;
color: #092375;
margin-left: 36px;
}
.logowrap2 {
position: relative;
display: flex;
align-items: center;
margin-left: 37px;
}
.logowrap2 .lwrap {
margin-right: 75px;
}
.partners-wrap {
position: relative;
display: block;
margin-top: 100px;
}
.partners-wrap h4 {
margin-bottom: 20px;
}
section.corporate-wrap {
background-color: #011f31;
position: relative;
min-height: 850px;
overflow: hidden;
}
.bg-1 {
width: 221px;
position: absolute;
height: 162px;
right: 0;
top: 380px;
overflow: hidden;
background-repeat: no-repeat !important;
}
.bg-2 {
width: 282px;
position: absolute;
height: 182px;
top: 157px;
right: 60%;
overflow: hidden;
background-repeat: no-repeat !important;
}
.bg-3 {
width: 242px;
position: absolute;
height: 157px;
top: 150px;
right: 80%;
overflow: hidden;
background-repeat: no-repeat !important;
}
.bg-4 {
width: 713px;
position: absolute;
height: 512px;
margin-top: 276px;
background-size: cover;
overflow: hidden;
left: -187px;
background-repeat: no-repeat !important;
}
.corporate-text {
position: relative;
display: block;
color: #fff;
margin-top: 360px;
z-index: 9;
left: 48px;
}
.corporate-text h4 {
font-size: 60px;
font-weight: 600;
line-height: 64px;
margin-bottom: 40px;
}
.corporate-text p {
font-size: 21px;
font-weight: 300;
line-height: 40px;
font-family: var(--roboto);
}
.curve-line {
position: relative;
display: block;
background-image: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/commitment-curve.png);
background-repeat: no-repeat;
width: 924px;
height: 202px;
margin: 0 auto;
}
section.commitment-wrap {
position: relative;
display: block;
background: #011f31;
color: #fff;
padding-top: 90px; }
.commitment-content h3 {
font-size: 33px;
font-weight: 500;
line-height: 41px;
margin-bottom: 30px;
}
.commitment-content p {
font-size: 16px;
font-weight: 400;
line-height: 30px;
margin-bottom: 30px;
font-family: var(--roboto);
max-width: 600px;
margin: 0 auto;
}
.commitment-content-box-wrap {
position: relative;
display: block;
text-align: center;
min-height: 315px;
}
.curvebox {
position: absolute;
display: block;
}
.curvebox-detail {
position: absolute;
display: block;
background: #2072a2;
max-width: 310px;
padding: 40px 26px 40px 26px;
font-family: var(--roboto);
min-width: 310px;
transition: 0.5s;
opacity: 0;
visibility: hidden;
}
.curvebox-detail {
position: absolute;
top: 45px;
display: block;
left: -150px;
background: #2072a2;
max-width: 310px;
padding: 40px 26px 40px 26px;
font-family: var(--roboto);
min-width: 310px;
transition: 0.5s;
z-index: 999;
}
.d1 .curvebox-detail {
top: 48px;
left: -148px;
}
.curve-dot.d2 {
top: -74px;
left: 426px;
}
.curve-dot.d1:hover .curvebox-detail {
top: 43px;
left: -150px;
opacity: 1;
visibility: visible;
}
.curve-dot.d2:hover .curvebox-detail {
top: 43px;
left: -150px;
opacity: 1;
visibility: visible;
}
.curve-dot.d3 {
top: -70px;
left: 780px;
}
.curve-dot.d3:hover .curvebox-detail {
top: 43px;
left: -150px;
opacity: 1;
visibility: visible;
}
.curve-dot.d4 {
top: -179px;
left: 1034px;
}
.curve-dot.d4:hover .curvebox-detail {
top: 43px;
left: -150px;
opacity: 1;
visibility: visible;
}
.curvebox .d2 h6 {
top: 43px;
left: -133px;
}
.curvebox .d3 h6 {
top: 38px;
left: -105px;
}
.curvebox .d4 h6 {
top: 31px;
left: -50px;
}
.curvebox h6 {
position: absolute;
top: 21px;
left: -204px;
font-size: 16px;
min-width: 240px;
font-weight: 300;
font-family: var(--roboto);
opacity: 0.48;
}
.curvebox-detail p {
font-size: 13px;
font-weight: 300;
line-height: 21px;
text-align: left;
}
.curve-dot:before {
position: absolute;
display: block;
content: "";
width: 12px;
height: 12px;
border-radius: 50%;
background: #698291;
cursor: pointer;
transition: 0.5s;
}
.curve-dot:before {
background: #2072a2;
}
.curve-dot:after {
content: "";
position: absolute;
inset: 0;
width: 12px;
height: 12px;
border: 1px solid #698291;
border-radius: 50%;
animation-name: pulse;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes pulse {
0% {
transform: scale(1);
opacity: 0;
}
10% {
opacity: 1;
}
100% {
transform: scale(5);
opacity: 0;
}
}
.news-bg {
position: relative;
}
.news-bg:before {
position: absolute;
content: "";
top: 0;
left: -100%;
height: 100%;
width: 100%;
background: #eff2f3;
}
.news-bg:after {
position: absolute;
content: "";
top: 0;
right: -100%;
height: 100%;
width: 100%;
background: #eff2f3;
}
.news-detail-wrap .thecontent {
position: relative;
display: block;
overflow: hidden;
}
.curve-dot {
position: relative;
}
.curve-dot.d1 {
top: -186px;
left: 186px;
}
.curvebox-detail h3 {
font-size: 21px;
font-weight: 700;
margin-bottom: 15px;
text-align: left;
}
.curvebox-detail:before {
position: absolute;
display: block;
content: "";
width: 30px;
height: 30px;
background: #2072a2;
top: -15px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
}
section.support-wrap {
position: relative;
display: block;
background: #011f31;
color: #fff;
padding-bottom: 130px;
}
.support-wrap h5 {
font-size: 33px;
font-weight: 500;
line-height: 40px;
margin-top: 20px;
transform: translateY(40px);
}
.s-item {
width: 196px;
height: 190px;
background: #fff;
display: flex !important;
align-items: center;
justify-content: center;
box-shadow: 0px -1px 12px #00000029;
margin: 0 10px;
}
.page-template-page-esg .banner-inner:after {
display: none;
}
.support-slider .slick-next {
right: 65px;
top: 237px;
z-index: 9;
transition: 0.5s;
}
.support-slider .slick-prev {
right: 136px;
top: 237px;
z-index: 9;
left: unset;
transition: 0.5s;
} .support-slider .slick-prev:before {
content: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/arrow-up-prv.png);
width: 27px;
height: 27px;
}
.support-slider .slick-next:before {
content: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/arrow-up-nxt.png);
width: 27px;
height: 27px;
}
.learn-more {
position: relative;
display: inline-block;
font-size: 19px;
font-weight: 600;
color: #141c34;
transition: 0.5s;
margin-top: 38px;
}
section.csrwrap {
position: relative;
display: block;
background: #ffcc00;
padding: 92px 0 0 0;
}
.support-slider {
position: absolute;
z-index: 9;
max-width: 100%;
margin-top: 54px;
} .contact-info {
position: relative;
display: block;
background: #0973c7;
color: #fff;
padding: 90px 44px 50px 44px;
font-family: var(--roboto);
margin-top: 33px;
}
.contact-info h2 {
font-size: 45px;
font-weight: 600;
line-height: 51px;
margin-bottom: 50px;
}
.contact-info p {
font-size: 21px;
font-weight: 300;
line-height: 37px;
margin-bottom: 84px;
}
.contact-row {
position: relative;
display: block;
margin-bottom: 23px;
}
.contact-row h4 {
font-size: 18px;
font-weight: 300;
margin-bottom: 6px;
}
.c-link {
position: relative;
display: block;
font-size: 33px;
font-weight: 700;
color: #fff;
transition: 0.5s;
line-height: 32px;
}
.c-link:hover {
color: #8dd5ff;
}
.c-social-wrap {
position: absolute;
top: 0;
right: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.c-social-wrap a {
display: block;
background: #0967b2;
padding: 36px;
border-bottom: 1px solid #388acb;
width: 100%;
transition: 0.5s;
text-align: center;
}
.c-social-wrap a:hover {
background: #45acdb;
}
.c-social-wrap a:last-child {
border: 0;
}
.contact-form-wrap {
position: relative;
display: block;
}
.contact-form-wrap h4 {
font-size: 33px;
font-weight: 600;
color: #1a2340;
margin-top: 90px;
margin-bottom: 14px;
}
.contact-form-wrap {
position: relative;
display: block;
padding-left: 15px;
}
.contact-form-wrap p {
font-size: 15px;
line-height: 27px;
margin-bottom: 37px;
}
.contact-form-wrap input.form-control,
.contact-form-wrap textarea.form-control {
border: 0;
border-bottom: 1px solid #707070;
border-radius: 0;
padding-left: 0;
font-size: 17px;
letter-spacing: -0.2px;
color: #4e545b;
}
.contact-form .form-group {
margin-bottom: 47px;
}
textarea.form-control {
height: 300;
height: 122px;
}
.form-control:focus {
outline: 0;
box-shadow: none !important;
}
.btn-submit {
font-size: 22px;
font-weight: 600;
letter-spacing: -0.26px;
color: #241f1f;
background: #ffcc00;
box-shadow: 0px 3px 6px #00000029;
border-radius: 6px;
transition: 0.5s;
border: 0;
padding: 14px 33px;
}
.btn-submit:hover {
color: #ffcc00;
background: #241f1f;
}
.contact-form .form-group textarea {
margin-bottom: 43px;
}
.map-wrap .container-fluid {
padding: 0;
}
section.map-wrap {
position: relative;
margin-top: 45px;
line-height: 0;
}
.news-info {
position: relative;
display: block;
background: #0973c7;
color: #fff;
padding: 65px 256px 90px 50px;
margin-top: 47px;
}
.news-info h2 {
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 45px;
}
.news-info h3 {
font-size: 30px;
font-weight: 600;
line-height: 36px;
margin-bottom: 38px;
}
.newsinner h5 > a,
.rnew h5 > a {
pointer-events: none;
}
.news-info p {
font-size: 17px;
font-weight: 300;
line-height: 29px;
padding-right: 57px;
margin-bottom: 33px;
}
.readmore2 {
display: inline-block;
position: relative;
font-weight: 500;
font-size: 15px;
text-transform: uppercase;
color: #fff;
transition: 0.5s;
z-index: 9;
}
.readmore2:hover {
color: #bdffe1;
}
section.newslist-wrap {
position: relative;
display: block;
padding-bottom: 68px;
}
a.readmore2:after {
position: absolute;
content: "";
top: 9px;
left: 111px;
background: #ffcc00;
width: 331px;
height: 4px;
}
.news-image {
position: relative;
display: block;
top: 90px;
left: -290px;
}
section.newslists {
position: relative;
display: block;
padding-top: 40px;
background: #f3f3f3;
}
.newslists h4 {
font-size: 20px;
line-height: 45px;
font-weight: 500;
color: #0b376a;
text-transform: uppercase;
margin-bottom: 45px;
}
.newsitem {
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px -1px 12px #00000024; margin-bottom: 36px;
}
.relater-news .newsitem {
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px -1px 12px #00000024;
padding: 26px;
margin-bottom: 36px;
}
.newsitem h5 {
font-size: 13px;
font-weight: 600;
letter-spacing: -0.1px;
color: #0973c7;
text-transform: uppercase;
margin-bottom: 30px;
}
.newsinner {
position: relative;
display: block;
padding: 30px;
}
a.newstitle {
font-size: 27px;
font-weight: 700;
line-height: 36px;
color: #1a2340;
position: relative;
display: flex; margin-bottom: 23px;
min-height: 80px;
transition: 0.5s;
}
a.newstitle:hover {
color: #0d83e1;
}
.newsitem p {
font-size: 15px;
line-height: 25px;
color: #393939;
font-family: var(--roboto);
}
.readlink {
font-size: 16px;
font-weight: 400;
letter-spacing: -0.13px;
color: #24356e;
position: relative;
display: flex;
justify-content: space-between;
}
.corporate-social-responsibility .featured-image-wrap:before {
position: absolute;
content: "";
width: 195px;
height: 8px;
background: #ffcc00 0% 0% no-repeat padding-box;
display: block;
bottom: -8px;
left: 0;
}
.s-item img {
width: 100%;
}
.featured-image-wrap {
position: relative;
display: block;
}
.featured-image-wrap img {
width: 100%;
height: auto;
}
.page-template-page-contact_us .banner-inner:before {
display: none;
}
.newsitem.finance:before {
position: absolute;
content: "";
width: 195px;
height: 4px;
background: #0973c7;
display: block;
top: -4px;
left: 15px;
}
.newsitem.event:before {
position: absolute;
content: "";
width: 195px;
height: 4px;
background: #0973c7;
display: block;
top: -4px;
left: 15px;
}
.newsitem.news:before {
position: absolute;
content: "";
width: 195px;
height: 4px;
background: #0973c7;
display: block;
top: -4px;
left: 15px;
}
.fleet-info-wrap {
position: relative;
display: flex;
margin: 0 auto 80px auto;
justify-content: center;
}
.fleet-intro {
position: relative;
display: block;
margin-top: 65px;
max-width: 61%;
margin: 65px auto 65px auto;
}
.slick-prev:before,
.slick-next:before {
opacity: 1;
}       .fleet-intro h2 {
font-size: 25px;
font-weight: 700;
line-height: 33px;
color: #1a2340; }
.fleet-item {
position: relative;
display: block;
background: transparent
radial-gradient(closest-side at 50% 50%, #0777cf 0%, #0057b8 100%) 0% 0%
no-repeat padding-box;
box-shadow: 0px 3px 23px #00000029;
color: #fff;
transform: skewX(-27deg);
padding: 22px 51px;
border-left: 1px solid #fff;
}
.fleet-item.hightlight {
background: transparent
radial-gradient(closest-side at 50% 50%, #ffcc00 0%, #ebbd08 100%) 0% 0%
no-repeat padding-box;
box-shadow: none;
transform: skewX(-27deg) scale(1.2);
z-index: 9;
padding: 23px 56px;
border-left: 0;
}
.fleet-item.ft1.hightlight:before {
position: absolute;
display: block;
content: "";
top: 0;
left: -47px;
background: #fff;
width: 91px;
height: 100%;
transform: skewX(27deg);
box-shadow: none;
}
section.fleettab-wrap {
border-top: 1px solid #ccc;
}
.hightlight p {
max-width: 183px;
margin-left: 54px;
}
.fleet-item.ft2 {
padding-left: 77px;
}
.ft3 p {
text-align: right;
padding-right: 17px;
}
.fleet-thumb { visibility: hidden;
}
.ft-point i {
font-style: normal;
margin-right: 10px;
min-width: 133px;
}
.fleet-legth img {
width: 100%;
}
.ft-point h3 {
font-size: 44px;
font-weight: 600;
}
.ft-point h3 span {
font-weight: 300;
}
.ft-point p {
font-size: 14px;
font-weight: 300;
line-height: 25px;
font-family: var(--roboto);
letter-spacing: 0.99px;
text-transform: uppercase;
}
.ft-point h3,
.ft-point p {
transform: skewX(27deg);
}
span.ft-point {
position: relative;
display: block;
text-align: center;
}
.fleettab-wrap .container-fluid {
padding: 0;
}
.fleettab-wrap .tab-content {
background: #f3f3f3;
padding-top: 60px;
padding-bottom: 110px;
}
.fleettab-wrap .tab-pane {
max-width: 1170px;
margin: 0 auto;
}
.fleettab-wrap ul.nav.nav-tabs {
justify-content: center;
margin-bottom: 27px;
border: 0;
margin-top: 25px;
}
.fleettab-wrap.act ul.nav.nav-tabs {
justify-content: center;
margin-bottom: 27px;
border: 0;
position: fixed;
top: 40px;
width: 86%;
background: #f3f3f3;
padding: 26px;
z-index: 1;
left: 50%;
transform: translateX(-50%);
}
.fleettab-wrap .nav-tabs a {
font-size: 21px;
font-weight: 500;
letter-spacing: -0.17px;
color: #98989a;
}
.fleettab-wrap .nav-tabs li {
margin: 0 30px;
}
.fleettab-wrap .nav-tabs a {
font-size: 21px;
font-weight: 500;
letter-spacing: -0.17px;
color: #98989a;
border-bottom: 5px solid transparent;
padding-bottom: 25px;
margin-bottom: 25px;
transition: 0.5s;
}
.fleettab-wrap .nav-tabs a.active {
border-bottom: 5px solid #0973c7;
}
.fleettab-wrap .nav-tabs .active a {
border-bottom: 5px solid #0973c7;
}
.states-wrap {
position: relative;
display: flex;
justify-content: space-between;
}
.fsize {
position: relative;
display: inline-block;
margin-right: 28px;
min-width: 60px;
}
.fleet-detail-wrap {
position: relative;
display: block;
background: #0973c7;
color: #fff;
padding: 40px 30px;
margin-top: -40px;
left: 1px;
}
.fleet-detail-wrap h5 {
font-size: 20px;
font-weight: 400;
color: #ffffff;
margin-bottom: 15px;
}
.fsize h4 {
font-size: 30px;
font-weight: 500;
margin-bottom: 0;
}
.line-wrap {
position: relative;
display: flex;
width: 100%;
height: 1px;
background: #fff;
justify-content: space-between;
align-items: center;
}
span.l-left {
position: relative;
display: block;
width: 1px;
height: 20px;
background: #fff;
}
.l-middle {
position: relative;
display: block;
width: 1px;
height: 12px;
background: #fff;
}
span.l-right {
position: relative;
display: block;
width: 1px;
height: 20px;
background: #fff;
}
.legthinfo {
position: relative;
display: block;
text-align: center;
margin-top: 30px;
}
.legthinfo h3 {
font-size: 37px;
font-weight: 500;
}
.legthinfo h6 {
font-size: 16px;
font-weight: 400;
}
.fleet-legth {
position: relative;
display: block;
margin-top: 15px;
}
.fleet-legth:before {
position: absolute;
content: "";
display: block;
width: 120%;
height: 1px;
background: #ffffff6b;
top: -6px;
left: -31px;
}
.fleet-info {
position: relative;
display: block;
background: #fff;
margin-left: 50px;
margin-top: -80px;
margin-right: 35px;
padding-bottom: 85px;
}
.fleet-title {
position: relative;
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
}
.fleet-title h3 {
font-size: 28px;
font-weight: 700;
color: #1a2340;
margin-bottom: 10px;
}
.fleet-title h4 {
font-size: 21px;
font-weight: 400;
color: #1a2340;
margin-bottom: 10px;
font-style: italic;
}
.fleet-description {
position: relative;
display: block;
padding: 0px 10px 0 45px;
}
.banner-text h3 {
font-size: 18px;
font-weight: 300;
letter-spacing: 2.72px;
color: #cbcbcb;
text-transform: uppercase;
position: absolute;
bottom: 145px;
}
.banner-inner.news {
height: 575px;
}
.news-detail-intro {
background: #f3f3f3;
}
.news-detail-intro p {
font-size: 21px;
line-height: 37px;
font-style: italic;
color: #242424;
max-width: 1140px;
margin: 60px auto;
}
.gallery-wrap a {
margin: 8px;
display: inline-block;
}
.gallery-wrap {
position: relative;
display: block;
margin-bottom: 80px;
}
.editer-contant {
font-family: var(--roboto);
}
.editer-contant h3 {
font-size: 31px;
font-weight: 700;
color: #0b376a;
}
.editer-contant h4 {
font-size: 27px;
font-weight: 700;
color: #303a46;
}
.editer-contant h5 {
font-size: 17px;
font-weight: 400;
color: #979393;
font-style: italic;
}
.editer-contant p {
font-size: 17px;
line-height: 30px;
color: #000000;
}
section.relater-news {
position: relative;
display: block;
background: #f3f3f3;
padding: 60px 0 90px 0;
}
.related-title h3 {
text-align: center;
font-size: 20px;
font-weight: 500;
color: #0b376a;
text-transform: uppercase;
}
.related-title {
position: relative;
display: block;
margin-bottom: 43px;
}
.rnew h5 {
font-size: 16px;
font-weight: 400;
letter-spacing: -0.13px;
color: #0973c7;
text-transform: uppercase;
}
.rnew p {
margin-bottom: 30px;
}
.service-slider-wrap {
position: relative;
display: block; min-height: 625px;
}
.flex-container {
position: absolute;
height: 100vh;
width: 100%;
display: -webkit-flex; display: flex;
overflow: hidden;
}
.flex-title {
color: #f1f1f1;
position: absolute;
margin: auto;
transform: rotate(-90deg);
top: 75%;
font-size: 25px;
letter-spacing: 2.7px;
text-transform: uppercase;
opacity: 0.79;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.flex-about {
opacity: 0;
color: #f1f1f1;
position: relative;
width: 99%;
padding: 10%;
top: 20%;
border-radius: 10px;
line-height: 1.3;
margin: auto;
text-align: left;
transform: rotate(0deg);
transition: 0.5s;
} .contents-inner { top: -71px;
position: absolute;
transition: 0.5s;
}
.countrylist {
margin-top: 54px;
}
.contents-inner.active {
max-height: 500px;
top: 0;
}
.showbtn-wrap {
position: absolute;
bottom: -380px;
}
span.showbtn {
position: absolute;
width: 306px;
transition: 0.5s;
}
.mv-regions {
top: 0;
left: 0px;
}
.showbtn-wrap span.showbtn.mv-regions {
opacity: 0;
visibility: hidden;
}
.active span.showbtn.mv-regions {
opacity: 1;
visibility: visible;
}
.active span.showbtn.v-regions {
opacity: 0;
visibility: hidden;
}  .flex-slide {
position: relative;
-webkit-flex: 1; -ms-flex: 1; flex: 1;
cursor: pointer;
transition: 0.5s;
background-size: cover;
background-position: center center;
background-attachment: fixed;
height: 100vh; background-repeat: no-repeat !important;
background-size: cover !important;
}
.flex-slide:before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
background: #00000017;
}
.flex-slide:hover {
-webkit-flex-grow: 3;
flex-grow: 3; }
.flex-slide:hover:before {
background: #00000078;
}
@keyframes aboutFlexSlide {
0% {
-webkit-flex-grow: 1;
flex-grow: 1;
}
50% {
-webkit-flex-grow: 3;
flex-grow: 5;
}
100% {
-webkit-flex-grow: 1;
flex-grow: 1;
}
}
@keyframes homeFlextitle {
0% {
transform: rotate(90deg);
top: 15%;
}
50% {
transform: rotate(0deg);
top: 15%;
}
100% {
transform: rotate(90deg);
top: 15%;
}
}
.flex-about-home {
opacity: 0;
}
@keyframes flexAboutHome {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.flex-title-home {
transform: rotate(-90deg);
animation: aboutFlexSlide 3s 1;
animation-delay: 0s;
}
.flex-about-home {
animation: aboutFlexSlide 3s 1;
animation-delay: 0s;
}
.flex-container .flex-slide:nth-child(1) .flex-title {
width: 414px;
top: 58.4%;
left: -123px;
}
.flex-container .flex-slide:nth-child(2) .flex-title {
width: 150px;
top: 78.4%;
}
.flex-container .flex-slide:nth-child(3) .flex-title {
top: 78.7%;
width: 150px;
}
.flex-container .flex-slide:nth-child(4) .flex-title {
top: 56.5%;
width: 438px;
left: -140px;
}
.flex-container .flex-slide:nth-child(5) .flex-title {
top: 83.9%;
left: 32px;
}
.flex-container .flex-slide:nth-child(6) .flex-title {
top: 58%;
width: 415px;
left: -133px;
}
.flex-container .flex-slide:nth-child(7) .flex-title {
top: 75%;
left: -25px;
}
.flex-container .flex-slide:nth-child(8) .flex-title {
top: 78%;
width: 162px;
left: -4px;
}
.flex-container .flex-slide:nth-child(9) .flex-title {
top: 83%;
}
.flex-about.content {
position: absolute; }
.flex-about.content h5 {
font-size: 36px;
font-weight: 700;
line-height: 45px;
text-shadow: 0px 3px 6px #00000040;
font-family: var(--roboto-slab);
margin-bottom: 28px;
}
.flex-about.content p {
font-size: 20px;
line-height: 33px;
font-family: var(--roboto);
padding-right: 5px;
}
.countrylist ul {
padding: 0;
list-style: none;
column-count: 2;
}
.limge {
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px -1px 12px #00000029;
margin-right: 25px;
}
.mc-title h5 {
font-size: 16px;
font-weight: 700;
line-height: 23px;
color: #393939;
}
.mc-title h6 {
font-size: 15px;
font-weight: 400;
color: #8e8e8e;
}
.mc-title {
position: relative;
display: block;
margin-top: 33px;
padding: 0 35px;
}
.mc-title:before {
position: absolute;
content: "";
display: block;
background: #ffcc00;
width: 5px;
height: 36px;
top: 5px;
left: 15px;
}
section.majorclients {
position: relative;
display: block;
background: #f3f3f3;
}
.majorclients h3 {
margin-top: 75px;
}
.majorclients h3 {
font-size: 42px;
font-weight: 700;
color: #202934; margin-bottom: 60px;
}
.limge img {
width: 100%;
}
.mc-slider {
position: relative;
display: block;
max-width: 1033px;
margin-left: 166px;
margin-bottom: 80px;
}
.mc-item { }
.mc-slider .slick-prev {
left: unset;
right: 56px;
top: -46px;
}
.mc-slider .slick-next {
right: -16px;
top: -45px;
}
.mc-slider .slick-prev:before {
content: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/mc-prv.png);
}
.mc-slider .slick-next:before {
content: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/mc-next.png);
}
section.majorclients:before {
position: absolute;
content: "";
display: block;
top: 0;
left: 0;
background: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/mc-client-side.png);
width: 343px;
height: 248px;
}
.banner-inner.terms {
height: 490px;
background: #0b376a;
}
.banner-inner.terms:after {
position: absolute;
content: "";
display: block;
bottom: 0;
right: 0;
width: 705px;
height: 492px;
background: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/term-curve.png);
}
.terms .banner-text h1 {
font-size: 47px;
font-weight: 500;
position: relative;
text-transform: none;
letter-spacing: inherit;
}
.terms .banner-text {
min-height: 490px;
}
.terms .banner-text h1:before {
top: 90px;
}
.terms-info h2 {
font-size: 34px;
font-weight: 700;
color: #1a2340;
}
.terms-info p {
font-size: 16px;
line-height: 28px;
color: #191818;
font-family: var(--roboto);
}   .terms-info ul li {
margin-bottom: 5px;
}
section.terms-wrap {
position: relative;
display: block;
margin-bottom: 65px;
}
.terms-info {
position: relative;
display: block;
margin-top: 85px;
}
.terms-image {
position: relative;
display: block;
margin-top: 63px;
}
.carrer-intro-text {
position: relative;
display: block;
margin-top: 75px;
padding-bottom: 40px;
}
.carrer-intro-text h3 {
font-size: 34px;
font-weight: 700;
line-height: 45px;
color: #1a2340;
max-width: 50%;
margin: 0 auto 50px auto;
}
.carrer-intro-text p {
font-size: 16px;
font-weight: 400;
line-height: 28px;
font-family: var(--roboto);
max-width: 70%;
margin: 0 auto;
}
.carrer-intro-text a {
color: #146fb8;
}
.life-slider-wrap {
position: relative;
display: block;
max-height: 430px;
}
.life-wrap {
position: relative;
display: block;
background: #022031;
overflow: hidden;
}
.life-box {
position: relative;
z-index: 9;
display: inline-block;
max-width: 550px;
top: 360px;
left: 7%;
background: #ffffff;
box-shadow: 0px -1px 12px #00000024;
padding: 60px 30px;
}
.life-box h3 {
font-size: 40px;
font-weight: 600;
line-height: 42px;
color: #1a2340;
margin-bottom: 26px;
}
.life-box p {
font-size: 15px;
line-height: 26px;
color: #393939;
font-family: var(--roboto);
}
.life-slider {
position: relative;
top: -356px;
right: -260px;
overflow-x: hidden;
}
.life-slider img {
max-width: 260px;
margin-right: 15px;
}
.life-slider .slick-prev:before {
content: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/mc-prv.png);
width: 27px;
height: 27px;
}
.life-slider .slick-next:before {
content: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/mc-next.png);
width: 27px;
height: 27px;
}
.life-box:before {
position: absolute;
content: "";
display: block;
top: 0;
left: 0;
width: 165px;
height: 4px;
background: #ffcc00;
}
section.position-wrap {
position: relative;
display: block;
background: #f3f3f3;
padding-top: 70px;
padding-bottom: 80px;
}
.position-wrap h2 {
font-size: 40px;
font-weight: 600;
color: #1a2340;
text-align: center;
margin-bottom: 60px;
}
.position-wrap h3 {
font-size: 25px;
font-weight: 600;
color: #0b376a;
text-align: center;
}
.ap-boxes {
position: relative;
display: block;
background: #ffffff 0% 0% no-repeat padding-box;
padding: 20px 22px;
box-shadow: 0px -1px 11px #0000001a;
margin: 35px 0 58px 0;
}
.ap-boxes h5 {
font-size: 15px;
letter-spacing: -0.18px;
color: #4a647e;
margin-bottom: 0;
}
.ap-top {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 6px;
}
.ap-boxes h4 {
font-size: 18px;
font-weight: 600;
line-height: 45px;
letter-spacing: -0.22px;
color: #15304a;
}
.ap-boxes p {
font-size: 12px;
line-height: 19px;
letter-spacing: -0.14px;
color: #4a647e;
}
.ap-bottom {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.ap-bottom a {
font-size: 10px;
letter-spacing: 0.68px;
color: #4a647e;
text-transform: uppercase;
}
.allowed {
font-size: 12px;
font-weight: 300;
letter-spacing: -0.14px;
color: #1b1e21;
font-style: italic;
margin-top: 15px;
display: block;
}
.personal-info .form-control {
background-color: transparent;
border: 0;
border-bottom: 1px solid #707070;
border-radius: 0;
padding-left: 0;
padding-bottom: 12px;
margin-bottom: 12px;
letter-spacing: -0.19px;
color: #1b1e21;
font-size: 16px;
height: 45px;
}
.personal-info .form-control::placeholder {
color: #1b1e21 !important;
opacity: 1;
}
section.newslists.csr {
background: #fff;
}
.personal-info.carrer {
margin-top: 68px;
}
.carrer h3 {
margin-bottom: 43px;
}
.personal-info .custom-file-label {
background-color: transparent;
border: 0;
border-bottom: 1px solid #707070;
border-radius: 0;
padding-left: 0;
padding-bottom: 12px;
margin-bottom: 40px;
letter-spacing: -0.19px;
color: #1b1e21;
font-size: 16px;
height: 45px;
}
.custom-file-label::after {
height: calc(1.5em + 0.75rem);
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #1b1e21;
letter-spacing: -0.17px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
content: "Browse";
background-color: transparent;
border-left: inherit;
border-radius: 0 0.25rem 0.25rem 0;
}
button.btn-submits {
position: relative;
display: block;
border: 0;
background: #ffcc00;
box-shadow: 0px 3px 6px #00000029;
border-radius: 6px;
font-size: 20px;
font-weight: 600;
letter-spacing: -0.24px;
color: #241f1f;
padding: 13px 23px;
margin: 50px auto 80px auto;
transition: 0.5s;
}
button.btn-submits:hover {
background: #333;
color: #ffcc00;
}
.contact-form-wrap span.wpcf7-spinner {
top: 19px;
right: -312px;
}
.contact-form .form-group textarea.wpcf7-not-valid {
margin-bottom: 8px;
}
.contact-form .form-control.wpcf7-not-valid {
margin-bottom: 7px;
}
.contact-form-wrap .wpcf7-response-output {
border-color: #c00 !important;
font-size: 12px;
text-align: center;
color: #c00 !important;
}
.wpcf7-submit.btn-submits {
font-size: 22px;
font-weight: 600;
letter-spacing: -0.26px;
color: #241f1f;
background: #ffcc00;
box-shadow: 0px 3px 6px #00000029;
border-radius: 6px;
transition: 0.5s;
border: 0;
padding: 14px 33px;
margin-top: 30px;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control.wpcf7-not-valid,
.wpcf7-select.wpcf7-validates-as-required.form-control.wpcf7-not-valid {
margin-bottom: 11px;
}
.position-wrap .wpcf7-response-output {
border-color: #c00 !important;
font-size: 12px;
text-align: center;
color: #c00;
}
.page-template-page-services .banner-inner:after {
display: none;
}
.page-template-page-services .banner-text h2 {
max-width: 100%;
}
section.esg-intro {
position: relative;
display: block;
margin-top: 72px;
}
.intro-inner {
position: relative;
display: block;
max-width: 925px;
margin: 0 auto;
}
.intro-inner h3 {
position: relative;
display: block;
margin-bottom: 65px;
color: #0b376a;
text-align: center;
font-family: var(--worksans);
font-size: 44px;
font-weight: 600;
line-height: 58px;
}
.intro-inner p {
color: #191818;
text-align: center;
font-family: var(--roboto);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 33px;
}
.esg-image {
position: relative;
display: block;
text-align: center;
}
.esg-row h4 {
color: #1a2340;
font-family: var(--worksans);
font-size: 42px;
font-style: normal;
font-weight: 600;
line-height: 46px;
margin-bottom: 40px;
}
.esg-row p {
color: #191818;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 32px;
font-family: var(--roboto);
}
.esg-image:before {
position: absolute;
content: "";
display: block;
top: 0;
right: 0;
width: 198px;
height: 385px;
background: #fc0;
}
.esg-image:before {
position: absolute;
content: "";
display: block;
top: -61px;
right: -44px;
width: 198px;
height: 385px;
background: #fc0;
z-index: -1;
}
.esg-row-wrap .esg-row:nth-child(even) .col-md-6.order1 {
order: 2;
}
.esg-row {
position: relative;
display: block;
margin-bottom: 150px;
}
.esg-row-wrap .esg-row:nth-child(even) {
background-color: #f1f1f1;
padding-bottom: 100px;
}
.esg-row-wrap .esg-row:nth-child(even) .esg-image:before {
top: 260px;
right: unset;
left: -29px;
z-index: -1;
}
.esg-row-wrap .esg-row:nth-child(even) .esg-image {
margin-top: -70px;
}
.esg-row-wrap .esg-row:nth-child(even) .esg-image {
margin-top: -70px;
z-index: 1;
}
.esg-row-wrap .esg-row:nth-child(even):before {
position: absolute;
display: block;
content: "";
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #f1f1f1;
}
.esg-row-wrap .esg-row:nth-child(even):after {
position: absolute;
display: block;
content: "";
top: 0;
right: -100%;
width: 100%;
height: 100%;
background: #f1f1f1;
}
section.esgdetails {
position: relative;
display: block;
overflow: hidden;
padding-top: 100px;
}
.esg-row-wrap .esg-row:nth-child(even) .esg-contents {
padding-top: 75px;
padding-left: 30px;
}
.esg-row-wrap .esg-row:nth-child(even) .order1 {
order: 2;
}
.esg-row:last-child {
margin-bottom: 0;
}
section.categorize {
position: relative;
display: block;
}
.cat-wrapper {
position: relative;
display: block;
margin-top: 25px;
margin-bottom: 70px;
}
.cat-wrapper h5 {
color: #191818;
font-family: var(--roboto);
font-size: 18px;
font-weight: 400;
line-height: 32px;
}
.catbox-wrap {
position: relative;
display: flex;
margin-bottom: 70px;
}
.cat-box-wrapper {
position: relative;
display: block;
margin-left: 54px;
}
.catbox-content {
position: relative;
display: block;
background: #f6f6f6;
padding: 35px 35px 35px 75px;
}
.catbox-image {
top: -30px;
left: 35px;
position: relative;
display: block;
z-index: 1;
max-height: 240px;
}
.catbox-content h4 {
color: #1a2340;
font-family: var(--worksans);
font-size: 27px;
font-style: normal;
font-weight: 400;
line-height: 34px;
}
.catbox-content h5 {
color: #1a2340;
font-family: var(--worksans);
font-size: 35px;
font-style: normal;
font-weight: 600;
line-height: 34px;
margin-bottom: 20px;
}
.catbox-content p {
color: #191818;
font-family: var(--roboto);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px;
}
.catbox-wrap:before {
position: absolute;
content: "";
display: block;
width: 1px;
height: 180%;
background: #dcd4d4;
top: -29px;
left: -22px;
}
.catbox-image:before {
position: absolute;
content: "";
display: block;
width: 19px;
height: 19px;
background: #fff;
top: 46%;
left: -66px;
border: 3px solid #848484;
border-radius: 50px;
}
.catbox-wrap:last-child:before {
display: none;
}
section.advisor {
position: relative;
display: block;
border-top: 1px solid #e4cece;
padding-top: 100px;
padding-bottom: 150px;
}
.advisor-detail {
position: relative;
display: block;
}
.advisor-detail h4 {
color: #1a2340;
font-family: var(--roboto);
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 40px;
letter-spacing: 0.9px;
}
.advisor-detail h5 {
color: #0b376a;
font-family: var(--worksans);
font-size: 39px;
font-style: normal;
font-weight: 600;
line-height: 34px;
margin-bottom: 34px;
}
.advisor-detail p {
color: #191818;
font-family: var(--roboto);
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 30px;
}
.advisor-image {
position: relative;
display: block;
text-align: center;
left: -45px;
}
.advisor-image:before {
position: absolute;
content: "";
display: block;
top: -50px;
right: 0;
width: 281px;
height: 385px;
background: #ffcc00;
z-index: -1;
} @media (min-width: 769px) {
.panel-heading {
display: none;
}
.panel {
border: none;
box-shadow: none;
}
.panel-collapse {
height: auto;
}
.panel-collapse.collapse {
display: block;
}
}
@media (max-width: 768px) {
.tab-content .tab-pane {
display: block;
}
.nav-tabs {
display: none;
}
.panel-title a {
display: block;
}
.panel {
margin: 0;
box-shadow: none;
border-radius: 0;
margin-top: -2px;
}
.tab-pane:first-child .panel {
border-radius: 5px 5px 0 0;
}
.tab-pane:last-child .panel {
border-radius: 0 0 5px 5px;
}
} footer.footer-wrap {
position: relative;
display: block;
z-index: 1;
color: #3a3b3e;
font-family: var(--roboto-slab);
overflow: hidden;
}
.footercol1-wrap a {
color: #0057b8;
font-family: var(--roboto);
font-size: 23px;
font-style: normal;
font-weight: 700;
line-height: 38px; }
.footercol1-wrap a:hover {
color: #8dd5ff;
}
.footercol1-wrap a:hover {
color: #54b5ed;
}
a.footerlogo {
position: relative;
display: block;
margin-bottom: 34px;
}
.footer-col-1 {
position: relative;
display: block;
padding-top: 60px;
}
.footercol1-wrap p {
color: #3a3b3e;
font-family: var(--roboto);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; }
.f-contacts {
position: relative;
display: block;
margin-bottom: 28px;
}
.f-contacts h4 {
color: #3a3b3e;
font-family: var(--roboto-slab);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin-bottom: 0;
}
.f-contacts a {
font-size: 23px;
display: block;
font-weight: 700;
}
.f-contacts.mail a {
font-size: 23px;
position: relative;
} .f-social h6 {
color: #3a3b3e;
font-family: var(--roboto-slab);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 38px;
margin-bottom: 0;
}
.f-social {
position: relative;
display: block;
margin-top: 20px;
} .footer-col-2 {
position: relative;
display: block;
}
.f-reach {
position: absolute;
font-size: 70px;
font-weight: 700;
font-family: var(--roboto-slab);
color: #ffffff;
opacity: 0.11;
}
.f-reach {
position: absolute;
font-size: 70px;
font-weight: 700;
font-family: var(--roboto-slab);
color: #ffffff;
opacity: 0.11;
transform: rotate(-90deg);
top: 170px;
left: -32px;
}
.footer-col-2:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
right: -100%;
background: #0057b8;
}
.footer-col-2 {
position: relative;
display: flex;
padding-top: 50px;
background-color: #0057b8;
color: #fff;
flex-direction: column;
background-image: url(//www.victoryship.com.sg/wp-content/themes/victory/assets/img/f-bg.png);
background-repeat: no-repeat;
background-position: 108% center;
padding-bottom: 80px;
}
.footerlinks2 li {
margin-right: 32px;
}
.f-links h5 {
color: #fff;
font-family: var(--roboto-slab);
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 38px;
margin-bottom: 16px;
position: relative;
} ul.menu-footer {
padding: 0;
list-style: none;
display: flex;
margin-bottom: 0;
}
.flinks a {
color: #716969;
text-align: center;
font-family: var(--roboto);
display: block;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 38px;
}
.menu-footer li {
margin-right: 50px;
}
.flinks {
position: relative;
display: block;
margin-top: 25px;
}
.subfield-wrap {
position: relative;
display: flex;
align-items: center;
margin-bottom: 5px;
}
.footer-col-2 h6 {
color: #fff;
font-family: var(--roboto);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 27px;
margin-bottom: 5px;
}
.f-branch-wrap h6 {
color: #fff;
font-family: var(--roboto-slab);
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 38px;
}
.f-links p {
font-size: 14px;
font-weight: 400;
line-height: 26px;
font-family: var(--roboto);
color: #fff;
}
.hq-wrap {
position: relative;
display: flex;
}
.f-contact-box h4 {
font-size: 14px;
font-weight: 400;
color: #fff;
font-family: var(--roboto);
margin-bottom: 6px;
}
.f-contact-box a {
font-size: 14px;
font-weight: 300;
color: #fff;
font-family: var(--roboto);
}
.subfield-wrap h4 {
margin-bottom: 0;
}
.f-contact-box {
position: relative;
display: block;
margin-bottom: 20px;
font-size: 14px;
font-weight: 300;
font-family: var(--roboto);
margin-right: 80px;
min-width: 160px;
}
.subfield-wrap a {
text-decoration: underline !important;
}
.f-links.cols1 {
position: relative;
margin-left: 50px;
}
.f-links.cols2 {
position: relative;
display: flex;
margin-left: 50px;
}
.f-branch-wrap {
position: relative;
display: block;
margin-bottom: 35px;
margin-right: 53px;
}
.fbranchs {
position: relative;
display: block;
font-family: var(--roboto);
margin-top: 50px;
}
.fbranchs a {
color: #fff;
}
.copyright-wrap p {
color: #e9e9e9;
text-align: left;
font-family: var(--roboto);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 38px;
}
.copyright-wrap {
text-align: right;
position: relative;
display: flex;
border-top: 1px solid #ffffff38;
max-width: 720px;
width: 100%;
margin: 0 auto;
padding-top: 16px;
justify-content: space-between;
}
.copyright-wrap a {
color: #e9e9e9 !important;
font-family: var(--roboto);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 38px;
transition: 0.5s;
}
.copyright-wrap a:hover {
color: #7dd6e5 !important;
}
.fcurve {
position: relative;
display: block;
width: 100%;
margin-top: -197px;
}
.fcurve img {
width: 100%;
}
#backtop {
display: inline-block;
background-color: #303ba1;
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: fixed;  bottom: 100px;
right: 22px;
transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
#backtop::after {
position: absolute;
content: "";
color: #fff;
top: 20px;
left: 14px;
width: 20px;
height: 20px;
transform: rotate(226deg);
border-right: 4px solid #fff;
border-bottom: 4px solid #fff;
}
#backtop:hover {
cursor: pointer;
background-color: #333;
}
#backtop:active {
background-color: #555;
}
#backtop.show {
opacity: 1;
visibility: visible;
}
.service-wrap .container-fluid {
padding: 0;
overflow: hidden;
}
.gallery-wrap a img {
max-width: 100%;
}
.gallery-wrap a {
max-width: 270px;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450 !important;
color: #46b450 !important;
}
.quickcontact .wpcf7 form.sent .wpcf7-response-output {
border-color: #85ed8e !important;
color: #bef1c3 !important;
}
.grecaptcha-badge {
z-index: 9;
}
.memberships {
position: relative;
display: block;
background: #f9f7f7;
padding-top: 60px;
padding-bottom: 70px;
}
.membership h3 {
color: #050a16;
font-family: var(--roboto-slab);
font-size: 29px;
font-style: normal;
font-weight: 500;
line-height: 54px;
margin-bottom: 30px;
}
.hmnewsbox {
position: relative;
display: block;
max-width: 293px;
padding: 25px;
background: #fff;
box-shadow: -10px 7px 41px 2px rgba(0, 0, 0, 0.08);
margin: 0 15px;
}
.hmnewsbox h5 {
color: #6b5e5e;
font-family: Roboto;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 36px; }
.hmnewsbox h5 {
color: #6b5e5e;
font-family: var(--roboto);
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 36px; }
.hmnewsbox h3 {
color: #2e2f31;
font-family: var(--roboto-slab);
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 38px;
margin-bottom: 80px;
min-height: 154px;
}
.hmnewsbox h6 {
color: #555050;
font-family: var(--roboto);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 36px;
position: relative;
display: block;
}
.hmnewsbox h6 {
color: #555050;
font-family: var(--roboto);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 36px;
position: relative;
display: block;
}
.hmnewsbox h6:before {
position: absolute;
content: "";
display: block;
width: 70px;
height: 1px;
background: #3e4044;
top: -37px;
left: 0;
}
.hmnewsbox.yellow {
border-bottom: 3px solid #466df8;
}
.hmnewsbox.blue {
border-bottom: 3px solid #fdb913;
}
.hm-newsslider-wrap {
position: relative;
display: block;
padding-left: 41px;
}
.hmnews h2 {
color: #050a16;
font-family: var(--roboto-slab);
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 54px;
margin-bottom: 0;
}
.hm-newsslider-wrap .slick-track {
padding: 51px 0 35px 0;
}
.hmnews {
position: relative;
display: block;
padding-top: 50px;
}
.subbanner {
position: relative;
display: block;
height: 680px;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.subwrap {
position: relative;
display: block;
margin-top: 80px;
border-radius: 4px;
background: #fff;
box-shadow: 0px 4px 38px 2px rgba(0, 0, 0, 0.12);
width: 527px;
padding: 60px 50px;
}
.subwrap h3 {
color: #0057b8;
font-family: var(--roboto-slab);
font-size: 33px;
font-style: normal;
font-weight: 600;
line-height: 47px;
margin-bottom: 60px;
}
a.btnenqire {
position: relative;
display: block;
color: #494949;
font-family: var(--roboto-slab);
font-size: 16px;
font-weight: 500;
line-height: 42px;
border-radius: 4px;
border: 1px solid #494949;
width: 136px;
height: 45px;
text-align: center;
transition: 0.5s;
}
a.btnenqire:hover {
background-color: #333;
color: #fff;
}
.copyinner.mobile {
display: none;
}
li#menu-item-1487,
li#menu-item-1488 {
display: none;
}
.member-image img {
border-radius: 10px;
}
.sliderwrap-mobile{
display: none;
}
.grecaptcha-badge {
display: none !important;
}@media only screen and (min-width: 1920px) {
.subsec1 {
height: 1070px;
width: 100%;
}
.menuwrap.open {
left: -26%;
transition-delay: 0.1s;
}
button.navbar-toggler.first-button {
left: -47px;
}
.qc-form-inner {
padding: 107px 44px 40px 44px;
}
.page-sections {
position: relative; }
footer.footer-wrap {
width: 100%;
}
.celebrate-info {
margin-top: 0;
}
.celebrate-box-wrap {
margin-top: 0;
margin-left: 65px;
}
.hm-testimonials:after {
position: absolute;
content: "";
display: block;
width: 204px;
height: 100%;
top: 0;
right: -224px;
background: #033165;
transform: skewX(-11deg);
z-index: 1;
}
.hm-testimonials:before {
position: absolute;
content: "";
top: 224px;
right: -203px;
width: 28px;
height: 80%;
background: #ffcc00;
transform: skewX(-11deg);
z-index: 99;
} .community-inner {
position: relative;
display: flex;
max-width: 606px;
flex-direction: column;
float: left;
margin-left: 0;
margin-right: 0;
margin-top: 0;
justify-content: center; z-index: 9;
}
.learn-more {
position: relative;
display: inline-block;
font-size: 19px;
font-weight: 600;
color: #141c34;
transition: 0.5s;
margin-top: -25px;
}
.celebrate-logo {
margin-top: -50px;
}
.service-slider-wrap { min-height: 1050px;
}
.flex-container .flex-slide:nth-child(1) .flex-title {
top: 66.5%;
}
.flex-container .flex-slide:nth-child(2) .flex-title {
top: 78.6%;
}
.flex-container .flex-slide:nth-child(3) .flex-title {
top: 79%;
}
.flex-container .flex-slide:nth-child(4) .flex-title {
top: 65.5%;
}
.flex-container .flex-slide:nth-child(5) .flex-title {
top: 81.8%;
left: 33%;
}
.flex-container .flex-slide:nth-child(6) .flex-title {
top: 66.3%;
width: 421px;
left: -99px;
}
.flex-container .flex-slide:nth-child(7) .flex-title {
top: 77%;
}
.flex-container .flex-slide:nth-child(8) .flex-title {
top: 78.2;
width: 162px;
left: -20px;
}
.flex-container .flex-slide:nth-child(9) .flex-title {
top: 81.6%;
}
.learn-more {
margin-top: -12px;
}
.fleet-item.ft1.hightlight:before {
left: -45px;
width: 91px;
top: -1px;
height: 101%;
}
.map-ref {
bottom: 3px;
}
.communit-wrap { }
.member-info {
position: relative;
display: flex;
padding-top: 88px;
margin-left: 0;
flex-direction: column;
z-index: 5;
height: 100%;
justify-content: center;
}
.subsec2 {
padding-top: 50px;
padding-bottom: 3px;
}
.award-main {
margin-top: -4px;
}
.hm-newsslider-wrap {
padding-left: 325px !important;
}
}
@media only screen and (min-width: 1600px) {
.service-slider-wrap {
min-height: 871px;
}
.flex-container .flex-slide:nth-child(1) .flex-title {
top: 63.4%;
left: -123px;
}
.flex-container .flex-slide:nth-child(4) .flex-title {
top: 62.5%;
width: 438px;
left: -140px;
}
.flex-container .flex-slide:nth-child(5) .flex-title {
top: 82.9%;
left: 32px;
}
.flex-container .flex-slide:nth-child(6) .flex-title {
top: 63%;
width: 415px;
left: -133px;
}
.flex-container .flex-slide:nth-child(7) .flex-title {
top: 76%;
left: -25px;
}
.flex-container .flex-slide:nth-child(9) .flex-title {
top: 82%;
}
.hm-newsslider-wrap {
position: relative;
display: block;
padding-left: 17%;
}
}
@media only screen and (min-width: 1500px) {
.service-slider-wrap {
min-height: 791px;
}
.map-ref {
bottom: 3px;
}
.hm-newsslider-wrap {
padding-left: 140px;
}
}
@media only screen and (min-width: 1400px) {
.qc-form-inner {
padding: 140px 44px 40px 44px;
} .map-ref {
bottom: 3px;
}
.intro-col2 {
width: 525px;
}
.award-main {
height: 450px;
}
.award-main:before {
top: -32px;
}
.service-slider-wrap {
min-height: 1200px;
} .learn-more {
margin-top: 9px;
}
}
@media only screen and (max-width: 1200px) {
body {
overflow-x: hidden;
}
.awards img {
margin-right: 19px;
}
.certify-wrap {
padding-bottom: 20px;
}
.celebrate-box-wrap {
left: -125px;
}
.imagewrap img {
width: 91%;
}
.sec4-text {
padding: 0px 43px 0 0;
}
.ourreach-content h3 {
font-size: 37px;
}
.points-wrap {
display: none;
}
.ourreach-map img {
max-width: 111%;
}
.ourreach-map {
max-width: 1280px;  display: block;
}
.ourreach-content {
max-width: 100%;
margin-top: -286px;
margin-bottom: 70px;
} .hm-testimonials {
padding-top: 71px;
max-width: 466px;
float: right;
z-index: 9;
}
.com-wrap h3 {
font-size: 32px;
line-height: 41px;
}
.communit-wrap {
background-size: cover;
position: relative;
margin-left: 0;
}
.sidebox-image {
margin-left: 0;
}
header.header-wrap {
z-index: 999;
}
.hm-testimonials:before {
top: 224px;
right: -177px;
width: 28px;
height: 69%;
z-index: 99;
}
.f-links.cols1 {
margin-left: 25px;
}
.f-links.cols2 {
margin-left: 25px;
}
.hq-wrap {
flex-wrap: wrap;
}
.page-sections.subsec7:before {
bottom: 0px;
left: -137px;
width: 1149px;
height: 894px;
}
.about-video-pop {
width: 470px;
}
.about-award-wrap img {
margin: 0 12px;
}
.competitive-text h4 {
font-size: 42px;
}
.vision-mission-wrap {
left: -101px;
}
.curve-dot.d1 {
top: -186px;
left: 58px;
}
.curvebox h6 {
top: 41px;
left: -93px;
}
.curve-dot.d2 {
top: -75px;
left: 298px;
z-index: 99;
}
.curve-dot.d3 {
top: -70px;
left: 652px;
z-index: 99;
}
.curve-dot.d4 {
top: -179px;
left: 907px;
}
.curvebox .d4 h6 {
top: 69px;
left: -109px;
}
.support-slider {
left: -23px;
}
.footer-wrap:before {
bottom: 0px;
left: 0;
width: 1020px;
height: 842px;
background-position: -249px top;
background-size: cover;
}
.fcurve {
margin-top: -170px;
}
.curve-dot.d1:hover .curvebox-detail {
top: 43px;
left: -57px;
}
.d1 .curvebox-detail:before {
left: 20%;
}
.d4 .curve-dot.d4:hover .curvebox-detail {
top: 43px;
left: -261px;
}
.d4 .curvebox-detail:before {
left: 86%;
}
.curve-dot.d4:hover .curvebox-detail {
left: -260px;
}
.bg-4 {
width: 655px;
}
.news-info h3 {
font-size: 34px;
line-height: 42px;
margin-bottom: 38px;
}
.news-image img {
width: 172%;
}
.news-image {
top: 185px;
}
.fleet-intro {
max-width: 90%;
}
.ft-point h3 {
font-size: 22px;
font-weight: 600;
}
.fleet-item {
padding: 22px 17px;
}
.fleet-item.hightlight {
padding: 23px 43px;
transform: skewX(-27deg) scale(1.1);
}
.fleet-legth img {
width: 100%;
}
.fsize h4 {
font-size: 24px;
}
.fsize p {
font-size: 13px;
}
.mc-item {
min-width: initial;
}
.mc-slider .slick-prev {
right: 113px;
}
.mc-slider .slick-next {
right: 40px;
}
.flex-container .flex-slide:nth-child(1) .flex-title {
top: 61%;
}
.flex-container .flex-slide:nth-child(4) .flex-title {
top: 59.7%;
width: 438px;
left: -156px;
}
.flex-container .flex-slide:nth-child(7) .flex-title {
top: 80%;
}
.flex-container .flex-slide:nth-child(8) .flex-title {
top: 78%;
width: 150px;
left: -9px;
}
.carrer-intro-text h3 {
max-width: 80%;
}
.carrer-intro-text p {
max-width: 80%;
}
.ap-boxes h4 {
line-height: 24px;
}
.intro-col1 p {
padding-right: 70px;
}
.intro-col2 {
width: auto;
margin-top: 0;
margin-bottom: 78px;
margin-left: 0;
left: 0;
}
.award-main:before {
top: -23px;
left: -31px;
bottom: 0;
right: 0; }
.subsec1 {
height: 878px;
}
.subsec2 {
padding-top: 58px;
}
.award-main {
height: 450px;
}
.map-ref {
bottom: 95px;
width: 100%;
}
.community-inner {
margin-right: 0;
}
.member-text-mor {
padding-right: 0;
}
.member-image {}
.memberships {
padding-top: 31px;
padding-bottom: 50px;
}
.hmnewsbox h3 {
font-size: 17px;
line-height: 28px;
margin-bottom: 34px;
min-height: 90px;
}
.hmnewsbox h6:before {
top: -1px;
left: 0;
}
.subwrap {
width: auto;
margin-top: 195px;
}
.hmnewsbox h5 {
min-height: 40px;
line-height: 18px;
}
.map_wrapper {
max-width: 100%;
min-width: auto;
width: 100%;
top: 0;
right: 0;
}
.page-sections.subsec3 {
padding-top: 70px;
margin-bottom: 25px;
}
.page-sections.subsec6 {
margin-top: 40px;
}
.map-ref {
bottom: 12px;
width: 100%;
left: 216px;
}
.awards {
width: 65%;
}
.service-slider-wrap {
min-height: 763px; }
.esg-image:before {
top: -61px;
right: -90px;
}
.esg-row-wrap .esg-row:nth-child(even) .esg-contents {
padding-left: 128px;
}
.advisor-image {
left: 0;
}
.advisor-image:before {
right: -9px;
}
.esg-image img {
max-width: 100%;
}
.esg-image:before {
right: -51px;
}
.mainmenu li a {
font-size: 15px;
}
.mainmenu li {
margin: 0 24px;
}
.gradient-wrap {
margin-top: -315px;
padding-top: 117px;
height: 258px;
}
.cb-content h6 {
font-size: 17px;
}
.cb-content h5,
.cb-content span {
font-size: 50px;
}
.intro-col1 {
margin-top: 0;
}
.fbranchs {
margin-top: 18px;
}
.copyright-wrap {
max-width: 100%;
width: 100%;
padding-left: 30px;
}
.menu-footer li {
margin-right: 0;
text-align: left;
}
.footer-col-2 {
padding-bottom: 0;
}
.sidebox-logo img {
width: 100%;
height: 470px;
object-fit: cover;
border-radius: 10px;
}
.sec4-content h3 {
font-size: 35px;
}
.sidebox-image img {
width: 100%;
height: 470px;
object-fit: cover;
border-radius: 10px;
}
.menuwrap-dk a.logo {
margin: 0;
width: 279px;
margin-top: 13px;
}
.scrolled .menuwrap-dk a.logo {
margin: 0;
width: 223px;
margin-top: 8px;
}
.f-contacts a,
.f-contacts.mail a {
font-size: 23px;
}
.f-contacts {
margin-bottom: 15px;
}
.flinks a {
text-align: left;
}
ul.menu-footer {
display: block;
}
li#menu-item-1487,
li#menu-item-1488 {
display: block;
}
.footerlinks2 {
display: none;
}
.lwrap:last-child {
margin-right: 0;
}
}
@media only screen and (max-width: 800px) {
.menuwrap-dk .mainmenu {
display: none;
}
.menuwrap-dk a.logo {
margin: 6px 0px;
width: 162px;
}
.menumobile {
display: block;
} .menumobile a.logo {
display: block;
width: 100%;
max-width: 245px;
}
.menuwrap.open {
left: 0;
}
.scrolled button.navbar-toggler.first-button {
top: -40px;
}
.header_menu {
padding: 0;
display: block;
margin-top: 35px;
}
.mainmenu {
padding-left: 53px;
}
.menumobile .menuwrap {
background: #ffffff;
}
.menuwrap {
width: 100%;
top: 0;
left: -100%;
height: 100vh;
transition: 0.5s;
}
.mainmenu li a {
font-size: 30px;
color: #1a1818;
margin-bottom: 14px;
display: block;
}
.menu-bottom-links h4 {
font-size: 22px;
color: #1a1818;
margin-top: 37px;
display: block;
}
.menu-bottom-links a {
display: block;
font-size: 22px;
letter-spacing: 0px;
color: #1a1818;
margin-bottom: 14px;
}
.menu-bottom-links {
font-family: var(--roboto-slab);
margin-top: 30px;
display: block;
}
div#menu-toggle {
position: relative;
display: block;
}
.scrolled .menuwrap-dk a.logo {
margin: 5px 0 0 0;
width: 168px;
}
button.navbar-toggler.first-button {
top: -44px;
position: absolute;
right: 0;
z-index: 999999;
transition: 0.5s;
left: unset;
}
header.header-wrap {
z-index: 999;
height: 60px;
}
.intro-col1 h3 {
font-size: 26px;
line-height: 31px;
}
.intro-col2 {
max-width: 400px;
width: 400px;
margin-top: 75px;
margin-bottom: 78px;
margin-left: -47px;
}
.award-main:before {
top: -38px;
left: -32px;
bottom: 0;
right: 0;
background-size: 94%;
}
.award-main {
height: 400px;
width: 400px;
}
.contact-form-wrap span.wpcf7-spinner {
top: 19px;
right: -51px;
}
.awards img {
margin-right: 19px;
width: 60%;
}
.celebrate-info h4 {
font-size: 26px;
line-height: 37px;
margin-bottom: 12px;
}
.celebrate-info h4:after {
top: 60px;
}
.celebrate-info p {
font-size: 16px;
padding-left: 0;
line-height: 25px;
}
.celebrate-logo {
top: -11px;
}
.community-inner {
margin-right: 0;
margin-left: 0;
}
.celebrate-box-wrap {
left: -333px;
}
.mainbanner-text h1 {
font-size: 32px;
line-height: 46px;
margin-bottom: 33px;
}
.sec4-content h3 {
font-size: 30px;
margin-bottom: 15px;
line-height: 44px;
}
.page-sections.subsec4 {
min-height: 585px;
}
.hm-testimonials {
max-width: 356px;
}
.hm-testimonials h3 {
font-size: 30px;
}
.hm-testimonials:after {
width: 145px;
height: 100%;
top: 0;
right: -105px;
z-index: -1;
}
.hm-testimonials:before {
top: 242px;
right: -107px;
}
.testimonial h4 {
font-size: 20px;
}
.testimonial-slider ul.slick-dots {
width: 124%;
} .communit-wrap {
margin-left: 0;
height: auto; }
.ourreach-map img {
max-width: 100%;
}
.awards {
display: flex;
margin-top: 20px;
}
.com-wrap h3 {
font-size: 31px;
}
.community-inner {
height: 78%;
}
.ourreach-content {
max-width: 100%;
padding-left: 0;
z-index: 9;
margin-top: -222px;
margin-bottom: 38px;
}
.ourreach-map {
max-width: 100%;
top: 0;
left: 0;
}
.reach-counter-wrap {
width: 210px;
height: 210px;
margin-bottom: 20px;
}
.reach-count,
.reach-counter-wrap span {
font-size: 71px;
line-height: 101px;
}
.reach-counter-wrap h6 {
font-size: 17px;
}
.map-ref {
bottom: 0;
left: 0;
padding: 13px 20px;
width: 100%;
max-width: 100%;
}
.ourreach-wrap {
position: relative;
max-height: 679px;
}
.member-info {
padding-top: 46px;
}
.proudmem {
padding-bottom: 43px;
}
.lwrap:last-child {
margin-right: 20px;
}
.hmnews {
padding-top: 28px;
}
.map-ref-row h6 {
margin-left: 13px;
font-size: 13px;
}
.subwrap h3 {
font-size: 26px;
line-height: 40px;
}
.subbanner {
height: 630px;
}
.map-ref-row {
margin-right: 29px;
}
a.footerlogo img {
max-width: 100%;
}
.page-sections.subsec7:before {
bottom: 0px;
left: -350px;
width: 144%;
height: 100%;
background-position: 61% 43%;
}
.f-contacts {
margin-bottom: 10px;
}
.f-contacts.mail a,
.f-contacts a {
font-size: 16px;
position: relative;
}
.f-social {
margin-top: 0;
}
.f-contacts a {
font-size: 18px;
}
.f-reach {
left: -108px;
}
.f-links.cols1 {
margin-left: 0;
}
.f-links.cols2 {
margin-left: 0;
}
.subsec1 {
height: 580px;
}
.gradient-wrap {
margin-top: -260px;
padding-top: 169px;
height: 266px;
}
.footer-col-2:before {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
left: -100%;
background: #0057b8;
}
.cb-content h5,
.cb-content span {
font-size: 35px;
}
.cb-content h6 {
font-size: 20px;
min-height: 64px;
line-height: 31px;
margin-bottom: 0;
}
.subsec2 {
padding-top: 75px;
}
.f-contact-box {
margin-bottom: 20px;
font-size: 14px;
font-weight: 300;
font-family: var(--roboto);  width: 16%;
}
.f-contact-box:last-child {
margin-right: 0;
}
.banner-text h2 {
font-size: 40px;
font-weight: 400;
}
.about-video-pop {
width: 100%;
}
.about-intro-text h3 {
padding-right: 0;
}
.about-intro-text p {
padding-right: 0;
}
.about-award-wrap img {
width: 27%;
max-width: 30%;
display: block;
}
.head-location-text h4 {
font-size: 26px;
line-height: 36px;
}
.competitive-wrap:before {
left: -85px;
}
.competitive-text h4 {
font-size: 35px;
line-height: 46px;
}
.competitive-text h4:after {
top: 120px;
}
.competitive-text p {
font-size: 21px;
line-height: 38px;
margin-top: 63px;
}
.visionbox h5 {
font-size: 33px;
font-weight: 700;
margin-bottom: 18px;
}
.visionbox p {
font-size: 23px;
padding-right: 56px;
}
.missionbox h5 {
font-size: 33px;
}
.missionbox p {
font-size: 23px;
padding-right: 98px;
}
section.membership-wrap {
padding-bottom: 30px;
}
.partners-wrap {
margin-top: 25px;
}
.corporate-text h4 {
font-size: 41px;
line-height: 52px;
}
.corporate-text p {
font-size: 18px;
line-height: 32px;
}
.support-wrap h5 {
font-size: 21px;
line-height: 31px;
transform: translateY(64px);
}
.fcurve {
margin-top: -150px;
}
.support-slider .slick-prev,
.support-slider .slick-next {
top: 225px;
}
.footer-wrap:before {
height: 847px;
}
.curvebox-detail {
opacity: 1;
visibility: visible;
min-height: 290px;
}
.curvebox {
position: relative;
display: block;
width: 47%;
float: left;
margin: 10px 10px;
}
.curve-line {
display: none;
}
.curve-dot:before {
display: none;
}
.curvebox-detail {
position: relative;
}
.d1 .curvebox-detail,
.d2 .curvebox-detail,
.d3 .curvebox-detail,
.d4 .curvebox-detail {
top: unset;
left: unset;
}
.curvebox h6 {
display: none;
}
.curve-dot.d1 {
top: unset;
left: unset;
}
.curvebox-detail {
position: relative;
width: 100%;
max-width: 100%;
}
.curve-dot.d2,
.curve-dot.d3,
.curve-dot.d4 {
top: unset;
left: unset;
z-index: 99;
}
.curvebox-detail:before {
display: none;
}
.commitment-content p {
max-width: 100%;
margin: 0 auto;
margin-bottom: 30px;
}
.curve-dot.d1:hover .curvebox-detail,
.curve-dot.d2:hover .curvebox-detail,
.curve-dot.d3:hover .curvebox-detail,
.curve-dot.d4:hover .curvebox-detail {
left: unset;
top: unset;
}
.banner-text h2 {
font-size: 31px;
line-height: 46px;
font-weight: 400;
}
.contact-info h2 {
font-size: 29px;
margin-bottom: 23px;
}
.contact-info p {
margin-bottom: 84px;
font-size: 17px;
line-height: 31px;
}
.c-link {
position: relative;
display: block;
font-size: 20px;
}
.news-info {
padding: 65px;
}
.news-image img {
width: 100%;
}
.news-image {
top: 12px;
left: 0;
}
.newsitem {
height: 90%;
}
.fleettab-wrap .nav-tabs a {
font-size: 20px;
padding-bottom: 4px;
margin-bottom: 0;
}
.fleettab-wrap .nav-tabs li {
margin: 10px 13px;
}
.fsize h4 {
font-size: 21px;
}
.fleet-info-wrap {
position: relative;
display: flex;
margin: 0 auto 80px auto;
justify-content: center;
transform: scale(0.8) !important;
}
.fleet-detail-wrap h5 {
font-size: 18px;
}
.legthinfo h3 {
font-size: 23px;
}
.fleet-thumb img {
width: 100%;
}
.fleet-title h3 {
font-size: 18px;
}
.fleet-title-wrap {
width: 100%;
margin-top: 30px;
}
.fleet-title h4 {
font-size: 17px;
}
.flex-container {
flex-direction: column;
}
.flex-title {
transform: rotate(0deg) !important;
}
.flex-about {
padding: 0%;
border: 0px solid #f1f1f1;
}
.flex-slide {
overflow: inherit;
overflow-x: visible;
height: auto;
min-height: 510px;
max-height: 650px;
flex: initial;
margin-bottom: 30px;
}
.flex-slide p {
font-size: 2em;
}
.flex-slide ul li {
font-size: 20px;
}
.home {
animation: aboutFlexSlide 3s 1;
animation-delay: 0s;
}
.mc-slider .slick-prev {
left: unset;
right: 112px;
top: -46px;
}
.mc-slider .slick-next {
right: 30px;
top: -47px;
}
.flex-slide {
width: 100%;
background-size: 100% !important;
background-repeat: no-repeat !important;
}
.flex-slide:hover {
-webkit-flex-grow: 3;
flex-grow: 3;
min-width: 100%;
max-width: 100%;
width: 100%;
}
.flex-container .flex-slide:nth-child(1) .flex-title,
.flex-container .flex-slide:nth-child(2) .flex-title,
.flex-container .flex-slide:nth-child(3) .flex-title,
.flex-container .flex-slide:nth-child(4) .flex-title {
width: 100%;
top: 0;
left: 0;
text-align: center;
}
.flex-about.content {
position: relative;
opacity: 1 !important;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 650px;
}
.flex-slide {
-webkit-flex-grow: 3;
flex-grow: 3;
min-width: 380px;
max-width: 100%;
width: 100%;
}
.flex-container .flex-slide:nth-child(1) .flex-title,
.flex-container .flex-slide:nth-child(2) .flex-title,
.flex-container .flex-slide:nth-child(3) .flex-title,
.flex-container .flex-slide:nth-child(4) .flex-title,
.flex-container .flex-slide:nth-child(5) .flex-title,
.flex-container .flex-slide:nth-child(6) .flex-title,
.flex-container .flex-slide:nth-child(7) .flex-title,
.flex-container .flex-slide:nth-child(8) .flex-title {
display: none;
}
.contents-inner.active {
max-height: 900px;
top: 0;
}
.showbtn-wrap {
display: none;
}
.contents-inner {
min-height: auto;
overflow: visible;
height: auto;
top: 0;
position: relative;
transition: 0.5s;
text-align: center;
max-height: 901px;
}
.flex-container {
position: relative;
height: 100%;
width: 100%;
display: -webkit-flex;
display: flex;
overflow: visible;
}
.mc-item {
min-width: auto;
}
.mc-title h5 {
font-size: 13px;
line-height: 17px;
color: #393939;
}
.banner-inner.terms:after {
right: -103px;
}
.hightlight p {
max-width: initial;
margin-left: 54px;
}
.fleet-item.ft1.hightlight:before {
left: -63px;
width: 108px;
}
.member-info h4 {
font-size: 27px;
}
.member-text {
padding-right: 0;
}
.member-image {
transform: scale(0.75);
}
.map_wrapper {
max-width: 100%;
min-width: 100%;
width: 100%;
top: 0;
right: 1px;
}
.awards {
width: 100%;
}
.awards a:first-child {
width: 300px;
}
.awards a:first-child {
width: 590px;
margin-right: 15px;
}
.awards a {
margin-right: 30px;
text-align: center;
}
.fp-tableCell {
height: auto !important;
}
.home footer.footer-wrap {
margin-top: 0;
}
.footercol1-wrap {
position: relative;
display: block;
text-align: center;
}
ul.menu-footer {
margin-bottom: 0;
justify-content: center;
}
.menu-footer li {
margin-right: 0;
margin: 0 11px;
text-align: center;
}
.bankers-wrap {
margin-top: 35px;
}
.title-wrap:before {
height: 183px;
}
.competitive-text {
height: 846px;
}
.panel-title a {
display: block;
color: #98989a;
text-align: center;
padding: 10px 0;
border-bottom: 1px dotted #b1b1b1;
}
.fleettab-wrap .tab-content {
background: #f3f3f3;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 80px;
}
.esg-image:before {
right: 80px;
}
.esg-image {
margin-top: 90px;
}
.esg-row-wrap .esg-row:nth-child(even) .esg-contents {
padding-left: 0;
}
.esg-row-wrap .esg-row:nth-child(even) .esg-image {
margin-top: 70px;
}
.esg-row-wrap .esg-row:nth-child(even) .esg-image:before {
left: 65px;
}
.esg-row {
margin-bottom: 55px;
}
.catbox-wrap {
flex-direction: column;
}
.catbox-image {
left: 0;
}
.catbox-wrap:before {
left: -57px;
}
.advisor-image img {
max-width: 100%;
}
.advisor-image {
margin-top: 135px;
}
section.advisor {
padding-top: 18px;
}
section.advisor {
padding-bottom: 40px;
} .copyright-wrap {
max-width: 100%;
width: 100%;
border-top: 1px solid #fff;
text-align: center;
display: none;
justify-content: center;
}
.copyinner.mobile {
display: block;
text-align: center;
margin: 10px 0 0;
}
.copyinner {
display: none;
}
.sidebox-image {
position: relative;
display: block;
left: 0;
}
.member-image img {
width: 100%;
height: 400px;
object-fit: cover;
}
.member-image {
margin-top: 25px;
}
.logowrap1 .lwrap {
margin-right: 40px;
}
.hm-newsslider-wrap {
padding-left: 0;
}
.hmnewsbox h3 {
font-size: 18px;
line-height: 22px;
margin-bottom: 34px;
min-height: 90px;
}
.subwrap {
width: auto;
margin-top: 150px;
}
.f-contact-box a {
font-size: 12px;
}
li#menu-item-1487,
li#menu-item-1488 {
display: block;
}
.footer-col-1 {
padding-top: 25px;
}
ul.menu-footer {
display: flex;
}
.lwrap:last-child {
margin-right: 0;
}
.footer-wrap .col-lg-4.col-md-12.ord1 {
order: 2;
}
.cb-content:after {
top: 31px;
left: 177px;
}
}
@media only screen and (max-width: 767px) {
.quickcontact {
width: 300px;
}
.sliderwrap {
display: none;
}
.sliderwrap-mobile {
display: block;
margin-top: 0;
}
.bannercontent {
display: none;
}
.sliderwrap-mobile img {
max-width: 100%;
}
.bannercontent.mobile {
display: block;
position: absolute;
top: 74px;
}
a.btn-bulk {
width: 200px;
height: 40px;  
font-size: 15px;
font-weight: 600;
line-height: 40px;
}
.quickcontact h2 {
font-size: 25px;
}
.btn-submit {
width: 100%;
margin-top: 20px;
}
.quickcontact p {
font-size: 13px;
padding-right: 0;
}
.qc-form-inner {
padding: 101px 44px 40px 44px;
}
.wpcf7-submit.btn-submits {
width: 100%;
} .subsec1 {
height: auto;
}
.intro-col1 h3 {
padding-right: 0;
}
.gradient-wrap {
padding-top: 0;
margin-top: 0;
height: auto;
background: linear-gradient(180deg, #0057b8 0%, #0057b8 100%);
}
.intro-col1 {
margin-top: 20px;
padding: 0 18px;
}
.cb-content h6 {
min-height: auto;
}
.celebrate-logo {
top: 0;
}
.celebrate-info {
margin-top: 0;
}
.intro-col1 p {
padding-right: 0;
}
.awards img {
width: 73%;
margin: 0 2px;
}
.intrologo {
position: relative;
display: block;
margin: 0 auto;
text-align: center;
}
.intro-col2 {
max-width: 100%;
width: 100%;
margin-top: 25px;
width: 1;
margin-left: auto;
margin-right: auto;
} .award-main {
height: 330px;
width: 330px;
margin-left: 38px;
} .award-main:before {
width: 100%;
top: -25px;
left: 15px;
bottom: 0;
right: 0;
background-size: 90%;
}
.subsec2 {
padding-bottom: 10px;
padding-top: 15px;
}
.celebrate-info h4 {
font-size: 28px;
max-width: 100%;
}
.celebrate-info h4 {
font-size: 30px;
text-align: center;
}
.celebrate-info p {
font-size: 18px;
padding-left: 0; line-height: 30px;
}
.celebrate-info h4:after {
top: 116px;
right: unset;
left: 50%;
transform: translateX(-50%);
}
.celebrate-box-wrap {
left: 0;
margin-top: 0;
padding-bottom: 30px;
}
.page-sections.subsec3 {
min-height: initial;
padding-top: 22px;
}
.cb.box1 {
background-position: center;
width: 346px;
height: 211px;
position: relative;
top: 12px;
left: 0;
background-size: 119%;
}
.cb.box2 {
width: 374px;
height: 196px;
position: relative;
top: 0;
left: 0;
background-position: 77%;
}
.cb.box3 {
position: relative;
background-position: center;
top: 0;
left: 0;
width: 360px;
}
.cb-content span {
font-size: 38px;
}
.box3 .cb-content {
margin-top: 62px;
margin-left: 45px;
text-align: left;
}
.cb.box4 {
position: relative;
top: 17px;
left: -16px;
width: 352px;
background-position: center;
}
.box1 .cb-content {
margin-top: 69px;
margin-left: 32px;
text-align: right;
}
.box2 .cb-content {
position: relative;
display: inline-block;
margin-top: 64px;
margin-left: 43px;
text-align: left;
}
.box4 .cb-content {
margin-top: 55px;
margin-left: 60px;
}
.sec4-text {
text-align: center;
margin-top: 27px;
padding: 0;
}
.sec4-content {
margin-top: 0;
}
.sec4-content h3 {
font-size: 30px;
text-align: center;
line-height: 37px;
}
.sec4-content p {
margin-bottom: 18px;
font-size: 18px;
line-height: 30px;
}
.imagewrap img {
width: 100%;
}
.sec4-text h5 {
text-align: center;
align-items: center;
}
.sec4-text p:after {
right: unset;
left: 50%;
transform: translateX(-50%);
}
.sec4-text p {
font-size: 15px;
margin-top: 30px;
}
.sec4-text h5 {
font-size: 28px;
}
.hm-testimonials {
max-width: 100%;
}
.subsec5 .container-fluid {
padding-right: 0;
padding-left: 0;
}
.hm-testimonials h3 {
text-align: center;
}
.testimonial {
max-width: 100%;
}
.testimonial-slider ul.slick-dots {
width: 100%;
text-align: center;
top: -60px;
}
.hm-testimonials:after,
.hm-testimonials:before {
display: none;
}
.communit-wrap {
margin-left: 0;
height: auto;
}
.community-inner {
height: auto;
padding: 10px;
}
.ourreach-content p {
margin-bottom: 30px;
}
.communit-wrap h4 {
padding-left: 0;
}
.ourreach-content {
max-width: 100%;
padding-left: 0;
z-index: 9;
margin-top: 0;
}
.ourreach-content {
max-width: 100%;
padding-left: 0;
z-index: 9;
margin-top: 0;
}
.ourreach-content h3 {
font-size: 28px;
text-align: center;
margin-bottom: 21px;
}
.subsec6:before {
top: 1px;
background-position: 10% center;
left: -71px;
height: 325px;
}
.fp-tableCell {
height: auto !important;
}
.ourreach-map {
max-width: 80%;
top: -573px;
left: 52px;
}
.map-ref {
bottom: unset;
top: -92px;
left: 0;
padding: 39px 20px;
width: 100%; position: relative;
flex-direction: column;
}
.map-ref-row {
position: relative;
display: flex;
align-items: center;
margin-right: 0;
margin-bottom: 16px;
}
.page-sections.subsec6 {
height: auto;
}
.map-ref-row h6 {
margin-left: 21px;
font-size: 14px;
text-align: left;
}
.map-ref-row img {
width: 21px;
}
.footer-col-2 {
padding-top: 26px;
flex-direction: column;
text-align: center;
}
.f-reach {
left: -141px;
top: -158px; }
.f-links.cols1 {
margin-left: 0;
width: 100%;
max-width: 100%;
}
.copyright-wrap {
text-align: center;
}
.f-links h5:before {
top: 50px;
left: 50%;
transform: translateX(-50%);
}
.f-contacts.mail a:before {
top: 43px;
}
.page-sections.subsec7:before {
bottom: 0px;
left: -485px;
width: 229%;
}
.banner-inner:after {
right: -120px;
}
.about-intro-text h3 {
font-size: 29px;
line-height: 39px;
margin-bottom: 22px;
}
.about-intro {
padding-top: 35px;
padding-bottom: 50px;
}
.headlocation-image {
margin-top: 10px;
padding-bottom: 30px;
}
.competitive-wrap {
height: 1280px;
background-size: cover;
}
.title-wrap:before {
display: none;
}
.title-wrap {
text-align: center;
}
.title-wrap h3 {
font-size: 40px;
margin-left: 0;
}
.vision-mission-wrap {
left: 0;
margin-top: -135px;
}
.visionbox,
.missionbox {
position: relative;
display: block;
width: 100%; height: auto; margin: 26px 0;
background-size: 101%;
background-repeat: no-repeat;
padding: 17px;
}
.visionbox p,
.missionbox p {
font-size: 14px;
line-height: 25px;
padding: 0 24px 0 50px;
text-align: center;
}
.visionbox h5,
.missionbox h5 {
font-size: 28px;
text-align: center;
margin-bottom: 0;
padding-bottom: 10px;
padding-top: 9px;
margin-left: 28px;
}
.missionbox p {
padding: 0 3px 0 34px !important;
}
.logowrap1 {
position: relative;
display: block;
align-items: center;
}
.logowrap1 .lwrap,
.logowrap2 .lwrap {
margin: 22px 0;
}
.logowrap2 {
align-items: center;
flex-direction: column;
margin-left: 0;
}
.bankers-wrap {
margin-top: 40px;
}
.membership-wrap h4 {
font-size: 26px;
margin-left: 0;
text-align: center;
}
.corporate-text h4 {
font-size: 34px;
line-height: 48px;
}
.corporate-text {
margin-top: 24px;
z-index: 9;
left: 0;
}
.bg-4 {
width: 100%;
margin-top: 0;
height: 670px;
left: 0;
margin-top: -190px;
}
.s-item {
width: 100%;
}
.support-slider {
left: 0;
}
section.csrwrap {
margin-top: 0;
padding: 24px 0 42px 0;
}
.footer-wrap:before {
background-position: -681px top;
}
.fcurve {
display: none;
}
section.support-wrap {
padding-bottom: 290px;
}
.support-wrap h5 {
transform: translateY(12px);
text-align: center;
}
.support-slider .slick-prev {
right: 60%;
}
.support-slider .slick-next {
right: 146px;
}
.curvebox {
width: 94%;
}
.contact-info p {
margin-bottom: 32px;
}
.c-link {
font-size: 20px;
}
.contact-info {
padding: 90px 44px 20px 44px;
}
.contact-form-wrap h4 {
margin-top: 45px;
margin-bottom: 14px;
}
.banner-inner,
.banner-text {
height: 450px;
min-height: 450px;
}
.news-info {
padding: 24px;
}
.news-info h3 {
font-size: 29px;
line-height: 46px;
margin-bottom: 13px;
}
.news-info h2 {
font-size: 15px;
margin-bottom: 10px;
}
a.readmore2:after {
width: 100%;
}
.newsitem h5 {
margin-bottom: 10px;
}
.fleet-intro {
max-width: 100%;
margin: 65px auto 0 auto;
}
.fleet-intro h2 {
font-size: 23px;
line-height: 37px;
}
.fleet-info-wrap {
flex-direction: column;
margin: 0 auto;
transform: scale(0.8) !important;
}
.fleet-item {
margin-bottom: 15px;
}
.fleet-item.ft2 {
padding-left: 0;
}
.ft3 p {
text-align: center;
padding-right: 0;
}
.fleet-info {
margin-left: 0;
margin-top: 0;
margin-right: 0;
padding-bottom: 10px;
}
.fleet-description {
padding: 0px;
}
.fleettab-wrap .container-fluid {
padding: 0 15px;
}
.fleet-detail-wrap {
margin-top: 0;
}
.fsize h4 {
font-size: 30px;
}
.fsize {
margin-right: 0;
}
.fleet-title h4 {
font-size: 13px;
}
.flex-about.content h5 {
font-size: 38px;
line-height: 54px;
}
.flex-about.content {
height: 525px;
}
.flex-slide {
min-width: inherit;
}
.majorclients h3 {
font-size: 40px;
}
section.majorclients:before {
left: -64px;
height: 96px;
}
.majorclients h3 {
margin-top: 22px;
}
.mc-slider {
position: relative;
display: block;
max-width: 100%;
margin-left: 0;
margin-bottom: 80px;
}
.mc-title h5 {
font-size: 16px;
}
.mc-slider .slick-prev,
.mc-slider .slick-next {
top: -31px;
}
section.majorclients {
margin-top: 30px;
}
.service-slider-wrap {
min-height: initial;
}
.flex-slide:hover {
min-width: inherit;
}
.banner-inner.terms:after {
right: -228px;
}
.terms .banner-text h1 {
font-size: 36px;
}
.terms .banner-text {
text-align: center;
}
.terms-info {
margin-top: 25px;
}
.life-slider {
position: relative;
top: -454px;
right: 0;
}
.life-slider img {
max-width: 260px;
margin-right: 0;
margin: 0 5px;
}
.life-box h3 {
text-align: center;
font-size: 37px;
}
.life-box {
max-width: 100%;
top: 519px;
left: 0;
}
.life-wrap {
padding-bottom: 125px;
}
.ap-boxes {
margin: 10px 0;
}
.personal-info {
position: relative;
display: block;
margin-top: 30px;
}
.personal-info.carrer {
margin-top: 0;
}
.contact-form-wrap span.wpcf7-spinner {
top: 19px;
right: unset;
left: 50%;
transform: translateX(-153%);
}
.contact-form-wrap {
padding-left: 0;
}
.contact-form-wrap p {
margin-bottom: 0;
} .support-slider .slick-prev,
.support-slider .slick-next {
top: 273px;
}
.fleet-item.hightlight {
margin-bottom: 26px;
}
span.ft-point {
margin-top: 12px;
}
.newslists h4 {
margin-bottom: 16px;
}
.fleet-item.ft1.hightlight:before {
display: none;
}
.hightlight p {
max-width: initial;
margin-left: 0;
}
.awards {
position: relative;
display: flex;
margin-top: 20px;
justify-content: space-between;
}
.member-info {
margin-left: 0;
padding: 11px 0 0 0;
}
.member-text {
padding-right: 0;
margin-bottom: 0;
}
.member-text:after {
bottom: -9px;
}
.communit-wrap:before {
display: none;
}
.member-text p {
font-size: 23px;
line-height: 37px;
}
.map_wrapper {
max-width: 100%;
min-width: 100%;
width: 100%;
top: 0;
right: 0;
}
.reach-count {
font-size: 75px;
}
.ourreach-wrap {
position: relative;
max-height: inherit;
}
.ourreach-map {
max-width: 100%;
top: 0;
left: 0;
}
g.imapsSprite-group.imapsContainer-group.imapsComponent-group.imapsLegend-group {
margin-top: 55px;
top: 63px;
transform: translateY(168px);
}
.flex-title {
display: none;
}
.cb-content h6 {
text-align: center;
font-size: 17px;
}
.cb-content.rb4 h6 {
max-width: 143px;
margin: 0 auto;
}
.c-inner {
position: relative;
display: flex;
justify-content: center;
}
.fleet-intro {
padding: 0px 35px;
}
.intro-inner h3 {
font-size: 33px;
line-height: 40px;
}
.esg-row h4 {
text-align: center;
}
.esg-image:before {
right: -12px;
}
.esg-row-wrap .esg-row:nth-child(even) .esg-contents {
padding-top: 40px;
}
.esg-row-wrap .esg-row:nth-child(even) .esg-image:before {
left: -12px;
top: -38px;
}
.esg-row-wrap .esg-row:nth-child(even) {
padding-bottom: 60px;
}
.cat-wrapper h5 {
text-align: center;
}
.cat-box-wrapper {
margin-left: 0;
}
.catbox-image img {
width: 100%;
}
.catbox-content {
padding: 53px 20px;
}
.catbox-image {
top: 0;
max-height: inherit;
}
.advisor-image {
margin-top: 75px;
}
.catbox-wrap {
margin-bottom: 20px;
}
section.esgdetails {
padding-top: 22px;
}
.reach-counter-wrap {
width: 180px;
height: 180px;
margin-bottom: 20px;
margin: 0 auto 30px auto;
}
.reach-count,
.reach-counter-wrap span {
line-height: 68px;
}
.reach-counter-wrap h6 {
font-size: 14px;
text-align: center;
}
.member-image {
margin-top: 0;
}
.membership h3 {
margin-bottom: 0;
text-align: center;
}
.hmnews h2 {
text-align: center;
font-size: 30px;
}
.hm-newsslider-wrap {
padding-left: 0;
}
.hq-wrap {
flex-wrap: wrap;
justify-content: center;
}
.f-contact-box {
margin-right: 0;
min-width: 100%;
}
.subfield-wrap {
margin-bottom: 5px;
justify-content: center;
}
.f-links.cols2 {
margin-left: 0;
flex-direction: column;
}
.f-branch-wrap {
margin-right: 0;
margin-bottom: 15px;
}
.mainbanner-text {
width: 200px;
}
.mainbanner-text h1 {
text-align: left;
font-size: 32px;
line-height: 40px;
}
.btn-bulk {
margin: 0 auto;
}
.memberships {
padding-top: 31px;
padding-bottom: 24px;
}
.subwrap {
margin-top: 100px;
padding: 45px 35px;
}
.subwrap h3 {
font-size: 27px;
line-height: 40px;
text-align: center;
}
a.btnenqire {
margin: 0 auto;
}
.subbanner {
height: 590px;
}
.flinks a {
font-size: 13px;
}
.flinks {
margin-top: 10px;
}
.flinks ul#main {
display: flex;
flex-wrap: wrap;
}
.mainmenu li a {
font-size: 25px;
margin-bottom: 10px;
display: block;
}
.cb-content span {
margin-left: 0;
line-height: 50px;
}
.cb-content {
position: relative;
display: block;
padding-bottom: 0;
border-bottom: 1px solid #1F74D1;
border-right: 1px solid #1F74D1;
min-height: 145px;
padding-top: 30px;
}
.intro-col1 a.findmore {
margin: 0 auto;
}
.cb-content h5, .cb-content span {
font-size: 34px !important;
}
h5.count-num {
margin-right: 8px;
margin-bottom: 0;
}
.intro-col1 h3 {
margin-top: 0;
text-align: center;
font-size: 33px;
line-height: 48px;
}
.intro-col1 p {
padding-right: 0;
font-size: 14px;
line-height: 22px;
max-width: 380px;
margin: 0 auto;
}
.intro-col1 a.findmore {
margin: 30px auto 30px auto;
}
.sidebox-image {
margin-top: 30px;
}
.cb-content:after {
display: none;
}
.cb-content h5 {
line-height: 48px;
}
.ord1 {
order: 2;
}
.loader {
top: 40%;
left: 50%;
transform: translate(-92%, -54%);
}
.copyinner.mobile p {
font-size: 12px;
}
.sliderwrap .slick-slide img { }
.sliderwrap img { height: 100%; object-fit: cover; margin-top: 60px;
}
.bannercontent {
margin-top: 0;
}
.gradient-wrap .col-md-3 {
position: relative;
margin: 0;
padding: 0;
}
.memberships .slick-next {
right: 0;
}
}
@media only screen and (max-width: 393px) {
.award-main:before {
width: 100%;
top: -21px;
left: 15px;
bottom: 0;
right: 0;
background-size: 90%;
}
.award-main {
height: 300px;
width: 300px;
margin-left: 38px;
}
}
@media only screen and (max-width: 390px) {
.award-main:before {
width: 100%;
top: -24px;
left: 20px;
bottom: 0;
right: 0;
background-size: 90%;
}
.award-main {
height: 300px;
width: 300px;
margin-left: 38px;
}
}
@media only screen and (max-width: 375px) {
.ourreach-map {
max-width: 80%;
top: -573px;
left: 39px;
}
.map_wrapper {
top: -238px;
right: 40px;
}
.award-main {
height: 290px;
width: 290px;
margin-left: 38px;
}
.award-main:before {
width: 100%;
top: 2px;
left: 24px;
bottom: 0;
right: 0;
background-size: 90%;
}
.award-main:before {
width: 100%;
top: -9px;
left: 24px;
bottom: 0;
right: 0;
background-size: 90%;
}
}