html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tfoot,
thead,
th {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent
}
blockquote,
q {
quotes: none
}
:focus {
outline: 0
}
ins {
text-decoration: none
}
del {
text-decoration: line-through
}
table {
border-collapse: collapse;
border-spacing: 0
}
body {
font-family: ‘AdelleSAGE’, arial, sans-serif;
position: relative;
background: #ffffff
}
body * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
a,
a:focus {
outline: none;
outline-style: none
}
img {
max-width: 100%
}
.clear {
clear: both
}
.text-center {
text-align: center
}
.limit {
width: 100%;
max-width: 1158px;
padding: 0 20px;
margin: 0 auto;
position: relative
}
.flex-row {
display: flex;
align-items: end;
justify-content: space-between
}
.btn {
text-decoration: none;
color: #ffffff;
font-size: 16px;
line-height: 1;
background: #582c83;
cursor: pointer;
border-radius: 0;
box-shadow: none;
width: 169px;
height: 55px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #582c83;
font-family: ‘AdelleSAGE’, arial, sans-serif;
transition: all 0.2s ease-in-out
}
.btn-border {
color: #582c83;
background: none;
border: 1px solid #582c83
}
.btn:hover {
color: #582c83;
background: #DED5E7;
border-color: #DED5E7
}
h2 {
color: #004472;
font-size: 42px;
line-height: 50px;
margin: 0;
font-family: ‘Adelle Sans SAGE’, arial, sans-serif;
font-weight: bold
}
h3 {
color: #001924;
font-size: 42px;
line-height: 50px;
margin: 0 0 47px 0;
font-family: ‘Adelle Sans SAGE’, arial, sans-serif;
font-weight: bold
}
p,
.text-p {
color: #001924;
font-size: 16px;
line-height: 22px;
margin: 0 0 5px 0;
font-family: ‘AdelleSAGE’, arial, sans-serif
}
p strong,
.strong-p {
font-family: ‘AdelleSAGE’, arial, sans-serif;
font-weight: bold
}
.mb-60 {
margin-bottom: 60px
}
.mb-20 {
margin-bottom: 20px !important
}
.mb-40 {
margin-bottom: 40px
}
.mb-0 {
margin-bottom: 0 !important
}
.img {
font-size: 0;
line-height: 0
}
.logo-row-flex {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 auto;
width: 100%;
max-width: 1224px;
padding: 22px 50px 22px
}
.logo-col {
font-size: 0;
line-height: 0
}
.header {
font-size: 0;
line-height: 0
}
.header-img-tablet,
.header-img-mob {
display: none
}
.field1 {
background: #e6ebed;
padding: 62px 0 52px
}
.field1 .limit {
max-width: 2100px
}
.field2 {
padding: 60px 0
}
.field2 .text {
max-width: 677px;
padding-right: 30px
}
.field2 .w-467 {
max-width: 467px
}
.field3 {
padding: 0 0 60px 0
}
.field3 .limit {
max-width: 1208px;
justify-content: center
}
.field3 .text {
max-width: 711px;
padding-left: 90px
}
.field4 {
background: #e6ebed;
padding: 45px 0 50px
}
.field4 .flex-col {
width: 48%
}
.field4 .limit {
max-width: 1208px;
padding-left: 45px
}
.field4 .img {
height: 252px;
margin-bottom: 20px
}
.field4 .flex-col:first-child .img {
padding-top: 18px
}
.field4 .flex-col:first-child {
max-width: 476px
}
.field4 .flex-col:first-child h3 {
max-width: 370px
}
.field4 .flex-col:last-child {
max-width: 520px
}
.field4 .flex-col:last-child p {
max-width: 445px
}
.field4 h3 {
margin-bottom: 40px
}
.field4 .btn {
margin-top: 30px
}
.social-wrp {
background: #003349;
padding: 45px 20px 0
}
.social-wrp .limit {
max-width: 1650px;
border-bottom: 1px solid #ffffff;
padding: 0 0 22px 0
}
.social-wrp .text {
font-size: 16px;
line-height: 24px;
color: #ffffff;
margin-bottom: 20px;
font-family: ‘Adelle Sans SAGE Light’, arial, sans-serif
}
.social-wrp .text-link,
.social-wrp .text-link a {
color: #009900;
text-decoration: underline
}
.social-wrp .phone,
.social-wrp .phone a {
color: #009900;
margin-bottom: 0;
text-decoration: none
}
.social-wrp .flex-col:last-child {
padding-top: 20px
}
.footer {
background: #003349;
padding: 28px 0 65px
}
.footer .limit {
max-width: 1690px;
align-items: flex-end
}
.footer .text,
.footer p {
font-size: 14px;
line-height: 20px;
color: #ffffff;
margin-bottom: 15px;
font-family: ‘Adelle Sans SAGE Light’, arial, sans-serif
}
.footer .text-link,
.footer .text-link a {
color: #ffffff;
text-decoration: underline
}
.footer .flex-col:first-child {
max-width: 1448px;
padding-right: 70px
}
.social {
font-size: 0;
min-width: 200px
}
.social>div {
display: flex
}
.social img {
min-width: 33px
}
.social a {
display: inline-block;
margin-right: 20px
}
.social a:last-child {
margin-right: 0
}
.page-wrp {
width: 100%;
position: relative
}
.form-popup {
display: none;
position: fixed;
top: 0;
z-index: 100;
margin: 0 auto;
left: 0%;
right: 0%;
padding: 85px 0;
width: 100%;
height: 100%;
overflow: auto;
background: rgba(0, 0, 0, 0.6)
}
.form-content {
background: #ffffff;
max-width: 2100px;
width: 100%;
margin: 0 auto;
padding-bottom: 60px
}
.form-head {
color: #ffffff;
text-align: center;
position: relative;
padding: 57px 20px 30px
}
.form-head h3 {
font-size: 32px;
line-height: 40px;
color: #001924;
margin: 0 auto;
font-family: ‘Adelle Sans SAGE’, arial, sans-serif;
font-weight: bold;
max-width: 1014px
}
.form-head .close-btn {
display: block;
width: 22px;
height: 22px;
background: url(https://s3-eu-west-1.amazonaws.com/pm-templates/template-files/458/37f87d13393fdff7b4eac53b557655bb3b3bc08a.svg) no-repeat center;
background-size: contain;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer
}
.form-body {
width: 90%;
max-width: 530px;
margin: 40px auto 0
}
.form-row {
margin-bottom: 15px
}
.form-body label {
width: 100%;
color: #003349;
font-size: 12px;
line-height: 1;
font-family: ‘Adelle Sans SAGE Light’, arial, sans-serif;
display: flex;
align-items: center;
flex-wrap: wrap
}
.form-body label .pm-validation-error:before {
content: “”;
display: block;
width: 12px;
min-width: 12px;
height: 12px;
background: url(https://s3-eu-west-1.amazonaws.com/pm-templates/template-files/458/f54f16c077a07828c320f14d87033cfc00ee9f15.svg) no-repeat center;
background-size: contain;
margin-left: 8px
}
.form-body p {
color: #003349;
font-size: 16px;
line-height: 24px;
margin-top: 30px;
font-family: ‘AdelleSAGE’, arial, sans-serif
}
.form-body p.req {
font-size: 12px;
line-height: 20px;
font-family: ‘Adelle Sans SAGE Light’, arial, sans-serif;
margin-top: 45px
}
.form-control {
width: 100%;
height: 50px;
border: 1px solid #d9d9d6;
padding: 0 15px;
font-size: 16px;
color: #003349;
font-family: ‘Adelle Sans SAGE Light’, arial, sans-serif;
margin-top: 4px
}
.form-row .pm-validation-error+.pm-validation-error.ng-hide~.form-control,
.form-row .pm-validation-error.ng-hide+.pm-validation-error~.form-control {
border-color: #c7384f
}
.form-row .pm-validation-error.ng-hide+.pm-validation-error.ng-hide~.form-control {
border-color: #d9d9d6
}
::-webkit-input-placeholder {
color: #003349
}
::-moz-placeholder {
color: #003349
}
:-ms-input-placeholder {
color: #003349
}
:-moz-placeholder {
color: #003349
}
.radio-line-row {
display: flex;
padding-top: 25px;
justify-content: center
}
.radio-line {
position: relative;
margin: 0
}
.radio-line input[type=”radio”] {
visibility: hidden;
position: absolute
}
.radio-line label {
display: flex;
align-items: center;
cursor: pointer;
line-height: 22px;
font-size: 16px;
width: 165px;
min-width: 165px;
font-weight: 400;
color: #003349;
font-family: ‘AdelleSAGE’, arial, sans-serif
}
.radio-line label:before {
content: “”;
width: 40px;
min-width: 40px;
height: 40px;
background: #ffffff;
border: 1px solid #d9d9d6;
border-radius: 100%;
margin-right: 20px;
transition: all 0.1s ease-in-out;
background: #ffffff url(https://s3-eu-west-1.amazonaws.com/pm-templates/template-files/458/8f356f8b12463ed293e7b30cfb1bb0c4b2bbee53.svg) no-repeat center;
background-size: 0
}
.radio-line input[type=”radio”]:checked+label:before {
background-size: 60%
}
.radio-line-row .pm-validation-error~.radio-line label:before {
border-color: #c7384f
}
.radio-line-row .pm-validation-error.ng-hide~.radio-line label:before {
border-color: #d9d9d6
}
.pm-validation-error {
color: red;
font-size: 0;
position: relative
}
.pm-validation {
color: #ce0058;
padding: 1% 2%;
width: 100%;
margin: 0
}
.form-popup .btn {
cursor: pointer;
border: none;
text-decoration: none;
-webkit-appearance: none;
margin: 20px 0 0
}
.h100-overflow {
overflow: hidden
}
.dsk-none {
display: none
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
input[type=number] {
-moz-appearance: textfield
}
@media only screen and (max-width:1070px) {
.header-img,
.tb-none {
display: none
}
.header-img-tablet,
.dsk-none {
display: block
}
h2 {
font-size: 35px
}
p,
.text-p {
margin: 0 0 5px 0
}
.field1 {
padding: 22px 0 38px
}
.field1 .limit {
padding: 0 30px
}
.flex-row {
display: block
}
.limit {
padding: 0 50px
}
.field2 .text {
max-width: none;
padding: 0
}
.field2 .mb-60 {
margin-bottom: 30px
}
.field2 .img {
margin-bottom: 55px
}
.field2 .w-467 {
max-width: 649px
}
.field3 {
padding-bottom: 50px
}
.field3 img {
margin-left: -7px
}
.field3 .text {
max-width: none;
padding: 12px 0 0
}
.field3 h3 {
margin-bottom: 25px
}
.field3 .mb-40 {
margin-bottom: 30px
}
.field4 {
padding: 60px 0 50px
}
.field4 .limit {
padding: 0 50px
}
.field4 .flex-col:first-child,
.field4 .flex-col:last-child {
width: 100%;
max-width: none
}
.field4 .flex-col:first-child {
margin-bottom: 110px
}
.field4 .flex-col:first-child .img {
padding: 0
}
.field4 .img {
height: auto;
margin-bottom: 30px
}
.field4 .flex-col:first-child h3,
.field4 .flex-col:last-child p {
max-width: none
}
.field4 h3 {
margin-bottom: 20px
}
.field4 .flex-col:last-child .img {
margin-bottom: 20px
}
.social-wrp {
padding: 50px 50px 0
}
.social-wrp .limit {
display: flex
}
.footer .flex-col:first-child {
max-width: none;
padding: 0
}
.footer .flex-col:last-child {
display: flex;
justify-content: flex-end
}
}
@media only screen and (max-width:700px) {
.header-img-tablet {
display: none
}
.header-img-mob {
display: block
}
.logo-row-flex {
flex-wrap: wrap;
padding: 30px;
justify-content: center
}
.logo-col {
width: 100%;
text-align: center
}
.logo-row-flex .partner-logo {
max-width: 184px !important;
max-height: 83px !important;
margin-bottom: 23px
}
.logo-row-flex .sage-logo {
max-width: 159px !important;
max-height: 36px !important
}
h2,
h3 {
font-size: 20px;
line-height: 28px
}
p,
.text-p {
font-size: 12px;
line-height: 18px
}
h3 {
margin-bottom: 20px
}
.field1 {
padding: 25px 0 30px
}
.field1 .limit,
.limit {
padding: 0 20px
}
.field2 {
padding: 30px 0 25px
}
.field2 .mb-60 {
margin-bottom: 15px
}
.field2 .img {
margin-bottom: 30px
}
.field3 .img {
margin-left: -20px
}
.field3 img {
margin: 0 auto;
display: block
}
.field3 h3 {
margin-bottom: 15px
}
.field3 .mb-40 {
margin-bottom: 20px
}
.btn {
width: 100%
}
.field3 {
padding-bottom: 30px
}
.field4 .limit {
padding: 0 20px
}
.field4 {
padding: 30px 0
}
.field4 .img {
margin-bottom: 20px
}
.field4 .btn {
margin-top: 15px
}
.field4 .flex-col:first-child {
margin-bottom: 20px
}
.field4 img {
margin: 0 auto;
display: block
}
.social-wrp {
padding: 30px 20px 0
}
.social-wrp .limit {
flex-wrap: wrap
}
.social-wrp .flex-col:first-child {
order: 2;
width: 100%
}
.social-wrp .flex-col:last-child {
padding-top: 0;
order: 1;
width: 100%;
margin-bottom: 30px
}
.social-wrp .flex-col:last-child img {
display: block;
margin: 0 auto
}
.footer .limit {
display: flex;
flex-wrap: wrap
}
.footer .flex-col:first-child {
order: 2;
width: 100%
}
.footer .flex-col:last-child {
width: 100%;
order: 1;
display: flex;
justify-content: center;
margin: 5px 0 30px
}
.social {
min-width: auto;
margin-left: -15px;
margin-right: -15px;
width: 100%
}
.social>div {
justify-content: space-between
}
.social img {
min-width: 45px;
height: 45px !important;
width: 45px !important
}
.form-head h3 {
font-size: 20px;
line-height: 28px
}
.form-head {
padding: 27px 50px 0
}
.form-head .close-btn {
width: 15px;
height: 15px;
top: 15px;
right: 15px
}
.form-body p {
font-size: 12px;
line-height: 18px;
margin-top: 30px;
text-align: left
}
.radio-line-row {
display: block
}
.radio-line label {
line-height: 18px;
font-size: 12px;
width: 100%;
min-width: 100%
}
.radio-line:first-child {
margin-bottom: 20px
}
.form-body p.req {
margin-top: 30px
}
.form-content {
padding-bottom: 37px
}
}
.accentcolour-colour {
color: #001924;
color: #004B87 !important
}
.thank-mssg {
font-size: 36px;
line-height: 44px;
color: #004472;
max-width: 1018px;
margin: 60px auto 20px;
font-family: ‘Adelle Sans SAGE Light’, arial, sans-serif
}
@media only screen and (max-width:1070px) {
.thank-mssg {
font-size: 30px;
line-height: 40px;
margin: 20px auto 0
}
}
@media only screen and (max-width:700px) {
.thank-mssg {
font-size: 20px;
line-height: 28px
}
}
@font-face {
font-family: “AdelleSAGE”;
font-style: normal;
font-weight: 400;
src: url(“https://s3-eu-west-1.amazonaws.com/pm-templates/fonts/AdelleSAGE_Regular.eot”);
/* IE9 compatibility */
src: local(“☺”),
/* http://stackoverflow.com/questions/3698319/css-font-face-what-does-src-local-mean */
url(“https://s3-eu-west-1.amazonaws.com/pm-templates/fonts/AdelleSAGE_Regular.eot?#iefix”) format(“embedded-opentype”),
url(“https://s3-eu-west-1.amazonaws.com/pm-templates/fonts/AdelleSAGE_Regular.woff”) format(“woff”), url(“https://s3-eu-west-1.amazonaws.com/pm-templates/fonts/AdelleSAGE_Regular.svg#Adelle SAGE Regular”) format(“svg”);
}
@font-face {
font-family: “AdelleSAGE”;
font-style: normal;
font-weight: 700;
src: url(“https://s3-eu-west-1.amazonaws.com/pm-templates/fonts/AdelleSAGE_Bold.eot”);
/* IE9 compatibility */
src: local(“☺”),
/* http://stackoverflow.com/questions/3698319/css-font-face-what-does-src-local-mean */
url(“https://s3-eu-west-1.amazonaws.com/pm-templates/fonts/AdelleSAGE_Bold.eot?#iefix”) format(“embedded-opentype”),
url(“https://s3-eu-west-1.amazonaws.com/pm-templates/fonts/AdelleSAGE_Bold.woff”) format(“woff”), url(“https://s3-eu-west-1.amazonaws.com/pm-templates/fonts/AdelleSAGE_Bold.svg#Adelle SAGE Bold”) format(“svg”);
}
@font-face {
font-family: “Adelle Sans SAGE”;
font-style: bold;
font-weight: 700;
src: url(“https://s3-eu-west-1.amazonaws.com/pm-templates/fonts/AdelleSansSAGE_Bold.eot”);
/* IE9 compatibility */
src: local(“☺”),
/* http://stackoverflow.com/questions/3698319/css-font-face-what-does-src-local-mean */
url(“https://s3-eu-west-1.amazonaws.com/pm-templates/fonts/AdelleSansSAGE_Bold.eot?#iefix”) format(“embedded-opentype”),
url(“https://s3-eu-west-1.amazonaws.com/pm-templates/fonts/AdelleSansSAGE_Bold.woff”) format(“woff”), url(“https://s3-eu-west-1.amazonaws.com/pm-templates/fonts/AdelleSansSAGE_Bold.svg#Adelle Sans SAGE Bold”) format(“svg”);
}
@font-face {
font-family: “Adelle Sans SAGE Light”;
font-style: normal;
font-weight: 300;
src: url(“https://s3-eu-west-1.amazonaws.com/pm-templates/fonts/AdelleSansSAGELt_Light.eot”);
/* IE9 compatibility */
src: local(“☺”),
/* http://stackoverflow.com/questions/3698319/css-font-face-what-does-src-local-mean */
url(“https://s3-eu-west-1.amazonaws.com/pm-templates/fonts/AdelleSansSAGELt_Light.eot?#iefix”) format(“embedded-opentype”),
url(“https://s3-eu-west-1.amazonaws.com/pm-templates/fonts/AdelleSansSAGELt_Light.woff”) format(“woff”), url(“https://s3-eu-west-1.amazonaws.com/pm-templates/fonts/AdelleSansSAGELt_Light.svg#Adelle Sans SAGE Lt Light”) format(“svg”);
}
Become the CFO bold enough to re-imagine business through digitalization.
Thank you. You have taken your first step towards digitisation. Ekino
Vietnam will be in touch soon.
Evolving the finance function: From analyst to visionary
Data has changed the dynamics of decision making.
Successful businesses, irrespective of size, are reliant on up-to-date
information, financial analysis and forecasting for rapid response decisions. This has
created an opportunity for financial leaders to shape the future of their business. It is no
longer necessary to rely on gut instinct alone to predict financial success. Becoming a CFO
3.0 means financial leaders like you, can take control of future-proofing their business.
We’ll tell you everything you need
to know and recommend the combination of solutions that will deliver exactly what you and
your team need to get more done, more easily.
Ekino Vietnam is the official reseller of Sage X3 in
Vietnam, your trusted qualified provider for full service and implementing Sage X3.
Please visite our website
sagex3.ekino.vn for more information
Move beyond traditional financial management
Automation can help you put finance at the center of strategy.
CFOs are leading the way for digitalization in their organizations. With the responsibility
of data privacy and technology investment falling on the shoulders of financial leaders,
becoming digital-first is a vital step.
This is the benchmark for CFO 3.0, in which you are shaping the future of the
business, not simply accounting for the past.
Get the guide
Discover the new role for finance
Evolving with your role doesn’t have to be as daunting as it sounds.
There’s a new phase of finance, simply learn the benefits you can bring to your
organization by watching this short video.
Begin to be the visionary your business needs you to be, and leverage
technology and solutions from Ekino Vietnam and
become CFO 3.0.
Watch the video
Are you a CFO of the future – are you CFO 3.0?
How far are you in adopting innovative technology into your everyday
process?
If you are still dependent on real-time data and dashboards to analyze data,
you could be one step behind. Moving from CFO 2.0 to CFO 3.0 with the help of Ekino Vietnam could increase productivity and see
your employees upskilled with the help of technology.
Play now
Ekino Vietnam
+84 28 6670 6050