/* =============================================================================
   Basic Styles
* ============================================================================= */
form, body{
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  max-width:100%;											/*to optimize full width of its parent element*/
}
address {
	font-style:normal;    									/* To Neutralize Default Italic Style To Normal Style */
}
ul, li, dl, p, h1, h2, h3, ol{
  margin: 0;
}
a {
	color:#213443;
	text-decoration: underline;
}
a:hover {
	color:#213443;
  text-decoration: none;
}
/* =============================================================================
   Comman Styles
* ============================================================================= */
.clear{
	clear: both;
}
.ctr{
	text-align:center;
}
.clearfix:before, .clearfix:after{
  content:"";
  display:table;
}
.clearfix:after{
  clear:both;
}
p{
  padding: 0 0 1.25em 0;                                                    /* BASE FONT = 16px  >>> 0px 0px 20px 0px / 16px = 0 0 1.25em 0 */                                                                                                                                                          
}
.inner-wrap{
  padding: 0 1.9375em 0 1.9375em;                                           /* BASE FONT = 16px  >>> 0px 31px 0px 31px / 16px = 0 1.9375em 0 1.9375em */
  max-width: 59.0625em;                                                     /* BASE FONT = 16px  >>> 945px / 16px = 59.0625em */
  margin: 0 auto;
}
body{
    background-color: #ffffff;
    font-family: 'Roboto Slab Regular';
    font-size:100%;                                                          /* Base Font = 16px >>> 16px = 1em = 100% */
}
.body-wrapper {
    display: block;
}
.login-form {
    background: #ffffff;
    height: 100%;                                                             /* 100% height of its container */
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;                                                             /* 100% width of its container */
    z-index: 9999999;
}
.login-form > form {
    display: inline-block;
    position: relative;
    top: 10%;                                                              /* 10% top position from its container */          
}
.login-form .fieldwrapper {
    color: #ffffff;
    padding:  0 0 1.875em 0;                                               /* BASE FONT = 16px  >>> 0px 0px 30px 0px / 16px = 0 0 1.875em 0 */
}
.fieldwrapper input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #307fe2;
    color: #000000;
    font-size: 1.1875em;                                                    /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
    line-height: 1.15789473684211em;                                        /* BASE FONT = 19px  >>> 22px / 19px = 1.15789473684211em */
    padding: 0.263157894736842em 0.263157894736842em 0.263157894736842em 0.263157894736842em;           /* BASE FONT = 19px  >>> 5px 5px 5px 5px / 19px = 0.263157894736842em 0.263157894736842em 0.263157894736842em 0.263157894736842em */
    width: 15.7894736842105em;                                              /* BASE FONT = 19px  >>> 300px / 19px = 15.7894736842105em */
    font-weight: normal;
    font-family: 'Roboto Slab Regular';
}
.login-form input.login-btn {
    font-family: 'Roboto Slab Regular';
    background: #337ab7;
    border: 1px solid #ffffff;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 1em;                                                         /* BASE FONT = 16px  >>> 16px / 16px = 1em */
    line-height: 1.1875em;                                                  /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
    padding: 0.625em 0.625em 0.625em 0.625em;                               /* BASE FONT = 16px  >>> 10px 10px 10px 10px / 16px = 0.625em 0.625em 0.625em 0.625em */
    width: 100%;                                                            /* 100% width of its container */
}
.login-form img {
    display: block;
    margin: 0 auto 1.875em auto;                                            /* BASE FONT = 16px  >>> 0px auto 30px auto / 16px = 0 auto 1.875em auto */
    width: 70%;                                                             /* 70% width of its container */
}
.fieldwrapper input[name="username"] {
    background: url(../images/unm-icon.jpg) no-repeat right center;
}
.fieldwrapper input[name="password"] {
    background: url(../images/password-icon.jpg) no-repeat right center;
}
main {
    margin: 6.0625em 0 0 0;                                                 /* BASE FONT = 16px  >>> 97px 0px 0px 0px / 16px = 6.0625em 0 0 0 */
}
header {
    background-color: #ffffff;
    left: 0;
    padding: 1.5625em 0 0 0;                                                /* BASE FONT = 16px  >>> 25px 0px 0px 0px / 16px = 1.5625em 0 0 0 */
    position: fixed;
    top: 0;
    width: 100%;                                                            /* 100% width of its container */
    z-index: 9999;
}
.header-logo {
    display: inline-block;
    max-width: 19.5em;                                                     /* BASE FONT = 16px  >>> 312px / 16px = 19.5em */
    vertical-align: top;
    width: 55%;                                                            /* 55% width of its container */
    margin: 0 0 1.5625em 0;                                                /* BASE FONT = 16px  >>> 0px 0px 25px 0px / 16px = 0 0 1.5625em 0 */
}
.header-logo > img {
    display: block;
}
.client-login-btn {
    border: 2px solid #c2c2c2;
    color: #5e5e5e;
    display: inline-block;
    float: right;
    font-size: 0.75em;                                                      /* BASE FONT = 16px  >>> 12px / 16px = 0.75em */
    line-height: 1.25em;                                                    /* BASE FONT = 12px  >>> 15px / 12px = 1.25em */
    padding: 0.833333333333333em 1em 0.833333333333333em 1em;               /* BASE FONT = 12px  >>> 10px 12px 10px 12px / 12px = 0.833333333333333em 1em 0.833333333333333em 1em */
    text-decoration: none;
    vertical-align: top;
}
.client-login-btn:hover{
  background-color: #5e5e5e;
  color: #ffffff;
}
.home-banner {    
    background-image: url(../images/sky.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15.9375em 0 15.9375em 0;                                       /* BASE FONT = 16px  >>> 255px 0px 255px 0px / 16px = 15.9375em 0 15.9375em 0 */
    position: relative;
    z-index: 10;
    background-color: #ffffff;
    min-height: 100%;
    height: 100
}
.home-banner h1 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    font-family: 'Roboto Slab Light';
    font-size: 1.3125em;                                                    /* BASE FONT = 16px  >>> 21px / 16px = 1.3125em */
    font-weight: 300;
    left: 50%;                                                              /* 50% left position from its container */
    line-height: 1.57142857142857em;                                        /* BASE FONT = 21px  >>> 33px / 21px = 1.57142857142857em */
    padding: 0 1.66666666666667em 0 1.66666666666667em;                     /* BASE FONT = 21px  >>> 0px 35px 0px 35px / 21px = 0 1.66666666666667em 0 1.66666666666667em */
    position: absolute;
    text-align: center;
    top: 50%;                                                             /* 50% top position from its container */
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
}
h2 {
    color: #213443;
    font-family: 'Roboto Slab Regular';
    font-size: 1.5em;                                                       /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
    font-weight: normal;
    line-height: 1.125em;                                                   /* BASE FONT = 24px  >>> 27px / 24px = 1.125em */
    padding: 0 0 2.08333333333333em 0;                                      /* BASE FONT = 24px  >>> 0px 0px 50px 0px / 24px = 0 0 2.08333333333333em 0 */
    text-align: center;
}
.our-client-container {
    background-color: #213443;
    color: #ffffff;
    padding: 5.625em 0 4.375em 0;                                           /* BASE FONT = 16px  >>> 90px 0px 70px 0px / 16px = 5.625em 0 4.375em 0 */
    text-align: center;
    position: relative;
    z-index: 10;
}
.our-client-container p{
  font-family: 'Roboto Slab Light';
    font-size: 0.875em;                                                     /* BASE FONT = 16px  >>> 14px / 16px = 0.875em */
    font-weight: 300;
    line-height: 1.92857142857143em;                                        /* BASE FONT = 14px  >>> 27px / 14px = 1.92857142857143em */
    padding: 0 0 1.42857142857143em 0;                                      /* BASE FONT = 14px  >>> 0px 0px 20px 0px / 14px = 0 0 1.42857142857143em 0 */
}
.we-stand-for-container {
    background-color: #ffffff;
    padding: 4.375em 0 4.375em 0;                                           /* BASE FONT = 16px  >>> 70px 0px 70px 0px / 16px = 4.375em 0 4.375em 0 */
    position: relative;
    z-index: 10;
}
.we-stand-for-container > div > div {
    padding: 0 0 1.875em 0;                                                 /* BASE FONT = 16px  >>> 0px 0px 30px 0px / 16px = 0 0 1.875em 0 */
}
.we-stand-for-container div > span {
    color: #213443;
    display: block;
    font-family: 'Roboto Slab Regular';
    font-weight: normal;
    font-size: 1.1875em;                                                    /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
    line-height: 1.15789473684211em;                                        /* BASE FONT = 19px  >>> 22px / 19px = 1.15789473684211em */
    padding: 0 0 1.05263157894737em 0;                                      /* BASE FONT = 19px  >>> 0px 0px 20px 0px / 19px = 0 0 1.05263157894737em 0 */
}
.we-stand-for-container div > p {
    font-family: 'Roboto Slab Light';
    font-size: 0.75em;                                                      /* BASE FONT = 16px  >>> 12px / 16px = 0.75em */
    font-weight: 300;
    line-height: 1.41666666666667em;                                        /* BASE FONT = 12px  >>> 17px / 12px = 1.41666666666667em */
}
.members-information-container{
  background-color: #ffffff;
    position: relative;
    z-index: 10;
}
.members-information-container .inner-wrap {
    padding: 0;
}
.members-information-container img {
    display: block;
    margin: 0 auto;
}
.members-information-container article > div {
    border-top: 1px solid #dcdcdc;
    color: #363636;
    font-family: 'Roboto Slab Light';
     font-weight: 300;
    font-size: 0.75em;                                              /* BASE FONT = 16px  >>> 12px / 16px = 0.75em */
    line-height: 16px;                                             /* BASE FONT = 12px  >>> 18px / 12px = 1.5em */
    padding: 2.91666666666667em 2.58333333333333em 6.25em 40px;                   /* BASE FONT = 12px  >>> 35px 31px 75px 31px / 12px = 2.91666666666667em 2.58333333333333em 6.25em 2.58333333333333em */
}
 .members-information-container article > div p{
  padding: 0 0 1.66666666666667em 0;                                /* BASE FONT = 12px  >>> 0px 0px 20px 0px / 12px = 0 0 1.66666666666667em 0 */
 }
.members-information-container article .person-name {
    color: #4f868e;
    display: block;
    font-family: 'Roboto Slab Regular';
    font-size: 1.83333333333333em;                              /* BASE FONT = 12px  >>> 22px / 12px = 1.83333333333333em */
    font-weight: normal;
    line-height: 1.13636363636364em;                            /* BASE FONT = 22px  >>> 25px / 22px = 1.13636363636364em */
    padding: 0 0 0.4545454545454545em 0;                          /* BASE FONT = 22px  >>> 0px 0px 10px 0px / 22px = 0 0 0.4545454545454545em 0 */
    text-align: center;
}
.person-name > span {
    color: #363636;
    display: block;
    font-size: 0.545454545454545em;                             /* BASE FONT = 22px  >>> 12px / 22px = 0.545454545454545em */
    line-height: 1.25em;                                        /* BASE FONT = 12px  >>> 15px / 12px = 1.25em */
    padding: 0.833333333333333em 0 0.833333333333333em 0;       /* BASE FONT = 12px  >>> 10px 0px 10px 0px / 12px = 0.833333333333333em 0 0.833333333333333em 0 */
}
.our-process-container {
    background-color: #4f868e;
    color: #ffffff;
    padding: 5em 0 5em 0;                                       /* BASE FONT = 16px  >>> 80px 0px 80px 0px / 16px = 5em 0 5em 0 */
    text-align: center;
    position: relative;
    z-index: 10;
}
.our-process-container h2 {
    color: #ffffff;
}
.our-process-container p {
    font-family: 'Roboto Slab Light';
    font-size: 1em;                                             /* BASE FONT = 16px  >>> 16px / 16px = 1em */
    font-weight: 300;
    line-height: 1.5625em;                                      /* BASE FONT = 16px  >>> 25px / 16px = 1.5625em */
    padding: 0 0 2.5em 0;                                       /* BASE FONT = 16px  >>> 0px 0px 40px 0px / 16px = 0 0 2.5em 0 */
}
.relationship-process-container {
    background-image: url(../images/table.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15.9375em 0 15.9375em 0;                           /* BASE FONT = 16px  >>> 255px 0px 255px 0px / 16px = 15.9375em 0 15.9375em 0 */
    color: #ffffff;
    text-align: center;
    position: relative;
    z-index: -1;
}
.relationship-process-container p {
    font-family: 'Roboto Slab Light';
    font-weight: 300;
    border: 1px solid #c2c2c2;
    border-radius: 50%;
    font-size: 0.8125em;                                        /* BASE FONT = 16px  >>> 13px / 16px = 0.8125em */
    line-height: 1.38461538461538em;                            /* BASE FONT = 13px  >>> 18px / 13px = 1.38461538461538em */
    padding: 9.61538461538462em 2.15384615384615em 5.76923076923077em 2.15384615384615em;   /* BASE FONT = 13px  >>> 125px 28px 75px 28px / 13px = 9.61538461538462em 2.15384615384615em 5.76923076923077em 2.15384615384615em */
    position: fixed;
     margin: 0 auto;
    max-width: 16.92307692307692em;                              /* BASE FONT = 13px  >>> 220px / 13px = 16.92307692307692em */
    left:50%;                                                   /* 50% left position from its container */
    top:50%;                                                     /* 50% top position from its container */
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;                                                   /* 100% width of its container */
}
.relationship-process-container p:after, .relationship-process-container p:before {
    border: 1px solid #ffffff;
    border-radius: 50px 50px 0;
    content: "";
    height: 1.38461538461538em;                                     /* BASE FONT = 13px  >>> 18px / 13px = 1.38461538461538em */
    left: 42%;                                                      /* 42% left position from its container */
    position: absolute;
    top: 26%;                                                       /* 26% top position from its container */
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 1.38461538461538em;                                      /* BASE FONT = 13px  >>> 18px / 13px = 1.38461538461538em */
}
.relationship-process-container p:after {
    border-radius: 50px 50px 50px 0;
    left: auto;
    right: 41%;                                                      /* 41% right position from its container */
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.our-solution-container {
    background-color: #1c3141;
    color: #ffffff;
    padding: 7.5em 0 6.25em 0;                                      /* BASE FONT = 16px  >>> 120px 0px 100px 0px / 16px = 7.5em 0 6.25em 0 */
    position: relative;
    z-index: 10;
}
.our-solution-container span {
    font-family: 'Roboto Slab Light';
    font-weight: 300;
    display: block;
    font-size: 1.25em;                                              /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
    line-height: 1.25em;                                            /* BASE FONT = 20px  >>> 25px / 20px = 1.25em */
    padding: 0 0 2.5em 0;                                          /* BASE FONT = 20px  >>> 0px 0px 50px 0px / 20px = 0 0 2.5em 0 */
}
.our-solution-container p{
   font-family: 'Roboto Slab Light';
    font-size: 0.875em;                                         /* BASE FONT = 16px  >>> 14px / 16px = 0.875em */
    font-weight: 300;
    line-height: 1.64285714285714em;                            /* BASE FONT = 14px  >>> 23px / 14px = 1.64285714285714em */
    padding: 0 0 1.42857142857143em 0;                          /* BASE FONT = 14px  >>> 0px 0px 20px 0px / 14px = 0 0 1.42857142857143em 0 */
}
footer {
    background-color: #ffffff;
    padding: 6.25em 0 1.875em 0;                                /* BASE FONT = 16px  >>> 100px 0px 30px 0px / 16px = 6.25em 0 1.875em 0 */
    position: relative;
    z-index: 10;
}
footer .heading-text {
    color: #1c3141;
    display: block;
    font-family: 'Roboto Slab Light';
    font-weight: 300;
    font-size: 1.5em;                                           /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
    line-height: 1.25em;                                        /* BASE FONT = 24px  >>> 30px / 24px = 1.25em */
    padding: 0 0 1.25em 0;                                      /* BASE FONT = 24px  >>> 0px 0px 30px 0px / 24px = 0 0 1.25em 0 */
    text-align: center;
}
.footer-form {
    padding: 0 0 5em 0;                                         /* BASE FONT = 16px  >>> 0px 0px 80px 0px / 16px = 0 0 5em 0 */
}
.contact-form {
  text-align: center;
}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
   font-family: 'Roboto Slab Light';
   color: #b4b4b4;
    font-size: 0.875em;                                       /* BASE FONT = 16px  >>> 14px / 16px = 0.875em */
    font-weight: 300;
    line-height: 1.21428571428571em;                          /* BASE FONT = 14px  >>> 17px / 14px = 1.21428571428571em */
    padding: 2.14285714285714em 0 0.714285714285714em 1.07142857142857em;       /* BASE FONT = 14px  >>> 30px 0px 10px 15px / 14px = 2.14285714285714em 0 0.714285714285714em 1.07142857142857em */
    width: 100%;                                              /* 100% width of its container */
    border-left:none;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #c2c2c2;
}
.contact-form input.error, .contact-form textarea.error{
    border-bottom: 5px solid #1c3141;
}
.contact-form textarea{
    resize: none;
    height: 7.14285714285714em;                                 /* BASE FONT = 14px  >>> 100px / 14px = 7.14285714285714em */
}
.send-btn {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e8e8e8;
    border: medium none;
    color: #1c3141;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto Slab Regular';
    font-size: 1em;                                             /* BASE FONT = 16px  >>> 16px / 16px = 1em */
    line-height: 1.25em;                                        /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
    margin: 2.375em 0 0 0;                                      /* BASE FONT = 16px  >>> 38px 0px 0px 0px / 16px = 2.375em 0 0 0 */
    padding: 0.625em 3.125em 0.625em 3.125em;                   /* BASE FONT = 16px  >>> 10px 50px 10px 50px / 16px = 0.625em 3.125em 0.625em 3.125em */
    text-transform: uppercase;
    vertical-align: top;
}
.send-btn:hover {
    background-color: #5e5e5e;
    color: #ffffff;
}
footer address {
    font-family: 'Roboto Slab Light';
    font-weight: 300;
    font-size: 0.875em;                                         /* BASE FONT = 16px  >>> 14px / 16px = 0.875em */
    line-height: 1.71428571428571em;                            /* BASE FONT = 14px  >>> 24px / 14px = 1.71428571428571em */
    padding: 0 0 5em 0;                                         /* BASE FONT = 14px  >>> 0px 0px 70px 0px / 14px = 0 0 5em 0 */
    text-align: left;
    color: #4d4d4d;
}
footer address a, footer address a:hover{
    color: #4d4d4d;
    text-decoration: none;
}
footer address a.email-text{
    text-decoration: underline;
}
footer address a.email-text:hover{
    text-decoration: none;
}
.footer-info {
  font-family: 'Roboto Slab Light';
    font-weight: 300;
    font-size: 0.625em;                                         /* BASE FONT = 16px  >>> 10px / 16px = 0.625em */
    line-height: 1.5em;                                         /* BASE FONT = 10px  >>> 15px / 10px = 1.5em */
    text-align: center;
}
.contact-form #result {
    display: block;
    padding: 2.5em 0 0 0;                                      /* BASE FONT = 16px  >>> 40px 0px 0px 0px / 16px = 2.5em 0 0 0 */
    text-align: center;
}
.form-image {
    display: block;
    height: 2em;                               /* BASE FONT = 16px  >>> 32px / 16px = 2em */
    vertical-align: top;
    width: 2em;                                /* BASE FONT = 16px  >>> 32px / 16px = 2em */
}
/* =============================================================================
        MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 640px/16px = 40em*/
@media only screen and (min-width: 40em) {
.inner-wrap, .members-information-container .inner-wrap{
  padding: 0 2.1875em 0 2.1875em;                               /* BASE FONT = 16px  >>> 0px 35px 0px 35px / 16px = 0 2.1875em 0 2.1875em */
}
main {
    margin: 5.875em 0 0 0;                                      /* BASE FONT = 16px  >>> 94px 0px 0px 0px / 16px = 5.875em 0 0 0 */
}
.login-form > form {
    top: 30%;                                                              /* 30% top position from its container */          
}
.header-logo {
    margin: 0 0 0.9375em 0;                                     /* BASE FONT = 16px  >>> 0px 0px 15px 0px / 16px = 0 0 0.9375em 0 */
    width: 30%;                                                 /* 30% width of its container */
}
.client-login-btn {
    border: 1px solid #c2c2c2;
    font-size: 0.9375em;                                        /* BASE FONT = 16px  >>> 15px / 16px = 0.9375em */
    line-height: 1.2em;                                         /* BASE FONT = 15px  >>> 18px / 15px = 1.2em */
    margin: 0.533333333333333em 0 0 0;                          /* BASE FONT = 15px  >>> 8px 0px 0px 0px / 15px = 0.533333333333333em 0 0 0 */
    padding: 0.666666666666667em 2em 0.666666666666667em 2em;   /* BASE FONT = 15px  >>> 10px 30px 10px 30px / 15px = 0.666666666666667em 2em 0.666666666666667em 2em */
}
.home-banner h1 {
    font-size: 1.8125em;                                        /* BASE FONT = 16px  >>> 29px / 16px = 1.8125em */
    line-height: 1.31034482758621em;                            /* BASE FONT = 29px  >>> 38px / 29px = 1.31034482758621em */
    max-width: 24.4827586206897em;                              /* BASE FONT = 29px  >>> 710px / 29px = 24.4827586206897em */
    padding: 0 1.20689655172414em 0 1.20689655172414em;         /* BASE FONT = 29px  >>> 0px 35px 0px 35px / 29px = 0 1.20689655172414em 0 1.20689655172414em */
}
.our-client-container {
    padding: 8.75em 2.5em 7.5em 2.5em;                          /* BASE FONT = 16px  >>> 140px 40px 120px 40px / 16px = 8.75em 2.5em 7.5em 2.5em */
}
.our-client-container p {
    font-size: 1.25em;                                          /* BASE FONT = 16px  >>> 20px / 16px = 1.25em */
    line-height: 2.15em;                                        /* BASE FONT = 20px  >>> 43px / 20px = 2.15em */
}
h2 {
    font-size: 2.125em;                                         /* BASE FONT = 16px  >>> 34px / 16px = 2.125em */
    line-height: 1.11764705882353em;                            /* BASE FONT = 34px  >>> 38px / 34px = 1.11764705882353em */
    padding: 0 0 1.76470588235294em 0;                          /* BASE FONT = 34px  >>> 0px 0px 60px 0px / 34px = 0 0 1.76470588235294em 0 */
}
.we-stand-for-container {
    text-align: center;
    padding: 8.75em 0 6.25em 0;                                 /* BASE FONT = 16px  >>> 140px 0px 100px 0px / 16px = 8.75em 0 6.25em 0 */
}
.we-stand-for-container > div > div {
    text-align: left;
    display: inline-block;
    margin: 0 15% 0 0;
    max-width: 16.5625em;                                          /* BASE FONT = 16px  >>> 265px / 16px = 16.5625em */
    min-height: 14.6875em;                                         /* BASE FONT = 16px  >>> 235px / 16px = 14.6875em */
    padding: 0;
    vertical-align: top;
    width: 35%;                                                 /* 35% width of its container */
}
.we-stand-for-container > div > div:nth-of-type(2n){
  margin: 0;
}
.we-stand-for-container div > span {
    font-size: 1.375em;                                         /* BASE FONT = 16px  >>> 22px / 16px = 1.375em */
    line-height: 1.13636363636364em;                            /* BASE FONT = 22px  >>> 25px / 22px = 1.13636363636364em */
    padding: 0 0 1.13636363636364em 0;                          /* BASE FONT = 22px  >>> 0px 0px 25px 0px / 22px = 0 0 1.13636363636364em 0 */
}
.we-stand-for-container div > p {
    font-size: 0.875em;                                         /* BASE FONT = 16px  >>> 14px / 16px = 0.875em */
    line-height: 1.42857142857143em;                            /* BASE FONT = 14px  >>> 20px / 14px = 1.42857142857143em */
}
.members-information-container{
   padding: 0 0 3.125em 0;                                      /* BASE FONT = 16px  >>> 0px 0px 50px 0px / 16px = 0 0 3.125em 0 */
}
.members-information-container article > div {
    font-size: 0.875em;                                         /* BASE FONT = 16px  >>> 14px / 16px = 0.875em */
    line-height: 1.42857142857143em;                            /* BASE FONT = 14px  >>> 20px / 14px = 1.42857142857143em */
}
.members-information-container article .person-name {
    font-size: 1.71428571428571em;                              /* BASE FONT = 14px  >>> 24px / 14px = 1.71428571428571em */
    line-height: 1.125em;                                       /* BASE FONT = 24px  >>> 27px / 24px = 1.125em */
    padding: 0 0 0.4166666666666667em 0;                        /* BASE FONT = 24px  >>> 0px 0px 10px 0px / 24px = 0 0 0.4166666666666667em 0 */
    text-align: left;
}
.person-name > span {
    font-size: 0.583333333333333em;                             /* BASE FONT = 24px  >>> 14px / 24px = 0.583333333333333em */
    line-height: 1.21428571428571em;                            /* BASE FONT = 14px  >>> 17px / 14px = 1.21428571428571em */
    padding: 0.714285714285714em 0 0.714285714285714em 0;       /* BASE FONT = 14px  >>> 10px 0px 10px 0px / 14px = 0.714285714285714em 0 0.714285714285714em 0 */
}
 .members-information-container article > div p{
  padding: 0 0 1.42857142857143em 0;                            /* BASE FONT = 14px  >>> 0px 0px 20px 0px / 14px = 0 0 1.42857142857143em 0 */
 }
 .our-process-container {
    padding: 6.25em 0 6.25em 0;                                 /* BASE FONT = 16px  >>> 100px 0px 100px 0px / 16px = 6.25em 0 6.25em 0 */
}
.our-process-container p {
    font-size: 1.3125em;                                        /* BASE FONT = 16px  >>> 21px / 16px = 1.3125em */
    line-height: 1.47619047619048em;                            /* BASE FONT = 21px  >>> 31px / 21px = 1.47619047619048em */
}
.relationship-process-container p {
    font-size: 1.5625em;                                        /* BASE FONT = 16px  >>> 25px / 16px = 1.5625em */
    line-height: 1.32em;                                        /* BASE FONT = 25px  >>> 33px / 25px = 1.32em */
    max-width: 17.84em;                                         /* BASE FONT = 25px  >>> 446px / 25px = 17.84em */
    padding: 7.96em 0.28em 4.2em 0.28em;   /* BASE FONT = 25px  >>> 199px 7px 105px 7px / 25px = 7.96em 0.28em 4.2em 0.28em */
}
.relationship-process-container p:after, .relationship-process-container p:before{
    height: 1.2em;                                              /* BASE FONT = 25px  >>> 30px / 25px = 1.2em */
    width: 1.2em;                                               /* BASE FONT = 25px  >>> 30px / 25px = 1.2em */
    left: 42%;                                                  /* 42% left position from its container */
    top: 30%;                                                  /* 30% top position from its container */
}
.relationship-process-container p::after{
    left: auto;
    right: 42%;                                                 /* 42% right position from its container */
}
.our-solution-container {
    padding: 9.375em 1.875em 9.375em 1.875em ;                  /* BASE FONT = 16px  >>> 150px 30px 150px 30px / 16px = 9.375em 1.875em 9.375em 1.875em */
}
.our-solution-container span {
    font-size: 1.6875em;                                        /* BASE FONT = 16px  >>> 27px / 16px = 1.6875em */
    line-height: 1.37037037037037em;                            /* BASE FONT = 27px  >>> 37px / 27px = 1.37037037037037em */
    padding: 0 0 1.85185185185185em 0;                          /* BASE FONT = 27px  >>> 0px 0px 50px 0px / 27px = 0 0 1.85185185185185em 0 */
}
footer .heading-text {
    font-size: 1.6875em;                                        /* BASE FONT = 16px  >>> 27px / 16px = 1.6875em */
    line-height: 1.22222222222222em;                            /* BASE FONT = 27px  >>> 33px / 27px = 1.22222222222222em */
    padding: 0 0 1.11111111111111em 0;                          /* BASE FONT = 27px  >>> 0px 0px 30px 0px / 27px = 0 0 1.11111111111111em 0 */
}
.footer-form {
    float: left;
    padding: 0 4.9375em 9.375em 0;                              /* BASE FONT = 16px  >>> 0px 79px 150px 0px / 16px = 0 4.9375em 9.375em 0 */
    width: 48%;                                                 /* 48% width of its container */
}
footer address {
    font-size: 1em;                                             /* BASE FONT = 16px  >>> 16px / 16px = 1em */
    line-height: 1.5625em;                                      /* BASE FONT = 16px  >>> 25px / 16px = 1.5625em */
    padding: 1.875em 0 0 0;                                     /* BASE FONT = 16px  >>> 30px 0px 0px 0px / 16px = 1.875em 0 0 0 */
    text-align: left;
}
.contact-form {
    text-align: left;
}
.footer-info {
    clear: both;
    font-size: 0.9375em;                                        /* BASE FONT = 16px  >>> 15px / 16px = 0.9375em */
    line-height: 1.2em;                                         /* BASE FONT = 15px  >>> 18px / 15px = 1.2em */
}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
    font-size: 1em;                                             /* BASE FONT = 16px  >>> 16px / 16px = 1em */
    line-height: 1.1875em;                                      /* BASE FONT = 16px  >>> 19px / 16px = 1.1875em */
    padding: 1.875em 0 0.625em 0.9375em;                        /* BASE FONT = 16px  >>> 30px 0px 10px 15px / 16px = 1.875em 0 0.625em 0.9375em */
}
.contact-form textarea {
    height: 6.25em;                                             /* BASE FONT = 16px  >>> 100px / 16px = 6.25em */
}
.os-animation {
    opacity: 0;
}
.os-animation.animated {
    opacity: 1;
}
}




/* =============================================================================
         LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 960px/16px = 60em*/
@media only screen and (min-width: 60em) {
main {
    margin: 6.0625em 0 0 0;                                   /* BASE FONT = 16px  >>> 97px 0px 0px 0px / 16px = 6.0625em 0 0 0 */
}
.header-logo {
    margin: 0 0 0.9375em 0;                                   /* BASE FONT = 16px  >>> 0px 0px 15px 0px / 16px = 0 0 0.9375em 0 */
    width: 20%;                                               /* 20% width of its container */
}
.client-login-btn {
    font-size: 1.0625em;                                        /* BASE FONT = 16px  >>> 17px / 16px = 1.0625em */
    line-height: 1.17647058823529em;                            /* BASE FONT = 17px  >>> 20px / 17px = 1.17647058823529em */
    margin: 0;
    padding: 0.588235294117647em 1.76470588235294em 0.588235294117647em 1.76470588235294em;         /* BASE FONT = 17px  >>> 10px 30px 10px 30px / 17px = 0.588235294117647em 1.76470588235294em 0.588235294117647em 1.76470588235294em */
}
.home-banner {    
    background-attachment: fixed;
    background-position: center top;
    padding: 29.375em 0 29.375em 0;                             /* BASE FONT = 16px  >>> 470px 0px 470px 0px / 16px = 29.375em 0 29.375em 0 */
}
.relationship-process-container{
    background-position: center top;
    padding: 25em 0 25em 0;                                     /* BASE FONT = 16px  >>> 400px 0px 400px 0px / 16px = 25em 0 25em 0 */
}
.home-banner h1 {
    font-size: 2em;                                             /* BASE FONT = 16px  >>> 32px / 16px = 2em */
    line-height: 1.25em;                                        /* BASE FONT = 32px  >>> 40px / 32px = 1.25em */
    max-width: 25em;                                            /* BASE FONT = 32px  >>> 800px / 32px = 25em */
    padding: 0;
}
.our-client-container {
    padding: 11.25em 0 10.625em 0;                              /* BASE FONT = 16px  >>> 180px 0px 170px 0px / 16px = 11.25em 0 10.625em 0 */
}
.our-client-container p {
    font-size: 1.375em;                                         /* BASE FONT = 16px  >>> 22px / 16px = 1.375em */
    line-height: 2.18181818181818em;                            /* BASE FONT = 22px  >>> 48px / 22px = 2.18181818181818em */
    padding: 0;
    margin: 0 auto;
    max-width: 31.81818181818182em;                                 /* BASE FONT = 22px  >>> 700px / 22px = 31.81818181818182em */
}
.we-stand-for-container {
    padding: 11.25em 0 3.75em 0;                               /* BASE FONT = 16px  >>> 180px 0px 60px 0px / 16px = 11.25em 0 3.75em 0 */
}
.we-stand-for-container > div > div, .we-stand-for-container > div > div:nth-of-type(2n) {
    margin: 0 9.6% 0 0;
    width: 26.3%;                                                 /* 26.3% width of its container */
}
.we-stand-for-container > div > div:nth-of-type(3n) {
    margin: 0;
}
.members-information-container {
    padding: 0 0 9.375em 0;                                     /* BASE FONT = 16px  >>> 0px 0px 150px 0px / 16px = 0 0 9.375em 0 */
}
.members-information-container article {
    border-bottom: 1px solid #dcdcdc;
    height: 18.8125em;                                          /* BASE FONT = 16px  >>> 301px / 16px = 18.8125em */
    margin: 0 0 3.125em 0;                                      /* BASE FONT = 16px  >>> 0px 0px 50px 0px / 16px = 0 0 3.125em 0 */
    padding: 3.75em 0 0 0;                                      /* BASE FONT = 16px  >>> 60px 0px 0px 0px / 16px = 3.75em 0 0 0 */
}
.members-information-container article.small-img{
    padding: 0;
}
.members-information-container img {
    float: left;
    margin: 0 2.5em 0 0;                                        /* BASE FONT = 16px  >>> 0px 40px 0px 0px / 16px = 0 2.5em 0 0 */
}
.members-information-container article > div{
    border-top: none;
    padding: 0;
}
.members-information-container article.small-img > div {
    padding: 4.285714285714286em 0 0 0;                         /* BASE FONT = 14px  >>> 60px 0px 0px 0px / 14px = 4.285714285714286em 0 0 0 */
}
.members-information-container article.right-img img {
    float: right;
    margin: 0 0 0 2.5em;                                        /* BASE FONT = 16px  >>> 0px 0px 0px 40px / 16px = 0 0 0 2.5em */
}
.members-information-container article .person-name {
    font-size: 1.85714285714286em;                              /* BASE FONT = 14px  >>> 26px / 14px = 1.85714285714286em */
    line-height: 1.11538461538462em;                            /* BASE FONT = 26px  >>> 29px / 26px = 1.11538461538462em */
    padding: 0 0 0.3846153846153846em 0;                          /* BASE FONT = 26px  >>> 0px 0px 10px 0px / 26px = 0 0 0.3846153846153846em 0 */
}
.person-name > span {
    font-size: 0.576923076923077em;                             /* BASE FONT = 26px  >>> 15px / 26px = 0.576923076923077em */
    line-height: 1.2em;                                         /* BASE FONT = 15px  >>> 18px / 15px = 1.2em */
    padding: 0.666666666666667em 0 0.666666666666667em 0;       /* BASE FONT = 15px  >>> 10px 0px 10px 0px / 15px = 0.666666666666667em 0 0.666666666666667em 0 */
}
.our-process-container {
    padding: 10.625em 0 10.625em 0;                             /* BASE FONT = 16px  >>> 170px 0px 170px 0px / 16px = 10.625em 0 10.625em 0 */
}
.our-process-container p {
    font-size: 1.5em;                                           /* BASE FONT = 16px  >>> 24px / 16px = 1.5em */
    line-height: 1.45833333333333em;                            /* BASE FONT = 24px  >>> 35px / 24px = 1.45833333333333em */
    padding: 0 0 1.25em 0;                                      /* BASE FONT = 24px  >>> 0px 0px 30px 0px / 24px = 0 0 1.25em 0 */
}
.our-solution-container {
    padding: 10.625em 0 10.625em 0;                             /* BASE FONT = 16px  >>> 170px 0px 170px 0px / 16px = 10.625em 0 10.625em 0 */
}
.our-solution-container span{
    margin: 0 auto;
    max-width: 26.1111111111111em;                              /* BASE FONT = 27px  >>> 705px / 27px = 26.1111111111111em */
}
.our-solution-container p {
    font-size: 1em;                                             /* BASE FONT = 16px  >>> 16px / 16px = 1em */
    line-height: 1.5625em;                                      /* BASE FONT = 16px  >>> 25px / 16px = 1.5625em */
    padding: 0 0 1.25em 0;                                      /* BASE FONT = 16px  >>> 0px 0px 20px 0px / 16px = 0 0 1.25em 0 */
    margin: 0 auto;
    max-width: 44.0625em;                                       /* BASE FONT = 16px  >>> 705px / 16px = 44.0625em */
}
footer {
    padding: 8.125em 0 1.875em 0;                               /* BASE FONT = 16px  >>> 130px 0px 30px 0px / 16px = 8.125em 0 1.875em 0 */
}
.contact-form #result {
    display: inline-block;
    padding: 2.5em 0 0 3.125em;                                 /* BASE FONT = 16px  >>> 40px 0px 0px 50px / 16px = 2.5em 0 0 3.125em */
    vertical-align: top;
}
.relationship-process-container {
    background-attachment: fixed;
}
}







@font-face {
  font-family: 'Roboto Slab Regular';
  src: url('../font/RobotoSlab-Regular.eot');
  src: url('../font/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/RobotoSlab-Regular.woff') format('woff'),
    url('../font/RobotoSlab-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto Slab Light';
  src: url('../font/RobotoSlab-Light.eot');
  src: url('../font/RobotoSlab-Light.eot?#iefix') format('embedded-opentype'),
    url('../font/RobotoSlab-Light.woff') format('woff'),
    url('../font/RobotoSlab-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}