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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: none;
font-size: 100%;
font: inherit;
vertical-align: baseline;
text-decoration: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input,
input[type="submit"] {
box-shadow: none!important;
-webkit-box-shadow: none!important;
text-shadow: none;
background-image: none;
}
input[type="submit"].button.third-btn {
border: none;
}
textarea,
select,
input[type="date"],
input[type="button"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
background-color: #fff;
outline: 0;
margin: 0;
padding: 0;
border: 0;
text-align: left;
font-size: 14px;
height: 1em;
vertical-align: middle;
font-family: arial;
font-size: 14px;
color: #656565;
}
.third-btn input[type="submit"] {
background-image: none;
border: 2px solid #07a8ca;
text-shadow: none;
}
.content {
height: auto;
}
div,
p,
a,
li,
td {
-webkit-text-size-adjust: 100%;
text-decoration: none;
}
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a:hover,
a:focus {
text-decoration: none;
}
/* remove dotted outline/border in Firefox */
button:focus,
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
outline: none !important;
}
/* RESET CSS */
body {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 1.4;
}
a {
cursor: pointer;
}
.grid {
width: 1120px;
margin: 0 auto;
}
.col-1 {
float: left;
margin: 0 1%;
width: 6.3333%;
}
.col-2 {
float: left;
margin: 0 1%;
width: 14.6666%;
}
.col-20 {
float: left;
margin: 0 1%;
width: 18%;
}
.col-3 {
float: left;
margin: 0 1%;
width: 23%;
}
.col-4 {
float: left;
margin: 0 1%;
width: 31.3333%;
}
.col-5 {
float: left;
margin: 0 1%;
width: 39.6666%;
}
.col-6 {
float: left;
margin: 0 1%;
width: 48%;
}
.col-7 {
float: left;
margin: 0 1%;
width: 56.3333%;
}
.col-8 {
float: left;
margin: 0 1%;
width: 64.6666%;
}
.col-9 {
float: left;
margin: 0 1%;
width: 73%;
}
.col-10 {
float: left;
margin: 0 1%;
width: 81.3333%;
}
.col-11 {
float: left;
margin: 0 1%;
width: 89.6666%;
}
.col-12 {
float: left;
margin: 0 1%;
width: 98%;
}
.clearfix:after {
display: table;
content: "";
clear: both;
}
.text-center {
text-align: center;
}
table a,
a {
color: #4ccae5;
}
a:hover {
color: #006bb5;
}
strong,
b {
font-weight: 500 !important;
}
em,
i {
font-style: italic;
}
p {
margin-bottom: 10px;
}
header p {
margin-bottom: 0;
}
h1 {
font-family: 'Montserrat', sans-serif;
font-size: 36px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
}
h2 {
font-family: 'Montserrat', sans-serif;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
margin: 10px 0;
}
h3 {
font-family: 'Montserrat', sans-serif;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
margin: 10px 0;
}
.default-list {
margin-left: 20px;
margin-bottom: 20px;
list-style-type: disc;
}
.center {
text-align: center;
}
.txt-right {
text-align: right;
}
.flex-grid {
display: block;
align-items: stretch; -webkit-align-items: stretch;
display: flex; display: -webkit-flex; display: -moz-flex;
flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
}
.flex-col {
display: inline-block;
display: flex; display: -webkit-flex; display: -moz-flex;
flex-grow: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0;
flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column;
margin: 0;
}
.page {
padding: 30px 0 100px 0;
}
.internal-page {
padding: 0px 0 100px 0;
}
.button,
.button input {
font-family: 'Montserrat', sans-serif;
line-height: 1;
text-transform: uppercase;
font-size: 18px;
cursor: pointer;
}
.button a,
.button input {
display: inline-block;
padding: 7px 10px;
border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.primary-btn {
margin-bottom: 20px;
}
.primary-btn a {
background: #5abe2e;
color: #fff;
padding: 15px 25px;
-webkit-box-shadow: 0 0 40px 0 rgba(0, 34, 57, 0.35);
box-shadow: 0 0 40px 0 rgba(0, 34, 57, 0.35);
}
.primary-btn a:hover {
background: #61cb33;
}
.secondarry-btn {
margin-bottom: 20px;
}
.secondarry-btn a,
.secondarry-btn input {
background: #5abe2e;
color: #fff;
padding: 15px 25px;
text-transform: uppercase;
border: none;
text-shadow: none;
}
.secondarry-btn a:hover,
.secondarry-btn a:focus,
.secondarry-btn input:hover,
.secondarry-btn input:focus {
background: #61cb33;
}
.loan-table .secondarry-btn {
margin-bottom: 0;
font-size: 16px;
}
.loan-table .secondarry-btn a {
padding: 7px 10px 7px 30px;
position: relative;
}
.loan-table .secondarry-btn a:before {
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 11px;
height: 14px;
margin-top: -7px;
background: url(/img/via-new/sprite.png) -700px 0 no-repeat;
}
.loan-table .third-btn {
text-align: center;
}
.loan-table .secondarry-btn a:before {
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 11px;
height: 14px;
margin-top: -7px;
background: url(/img/via-new/sprite.png) -700px 0 no-repeat;
}
.graph-block .third-btn {
text-align: center;
}
.graph-block .secondarry-btn {
margin-bottom: 0;
font-size: 16px;
}
.graph-block .secondarry-btn a {
padding: 10px 20px 10px 35px;
position: relative;
}
.graph-block .secondarry-btn a:before {
content: "";
position: absolute;
top: 50%;
left: 15px;
width: 11px;
height: 14px;
margin-top: -8px;
background: url(/img/via-new/sprite.png) -700px 0 no-repeat;
}
.third-btn,
.third-btn input {
font-size: 16px;
}
.third-btn.disabled input {
opacity: 0.5;
cursor: not-allowed;
}
input.third-btn,
.third-btn a,
.third-btn input {
background: #07a8ca;
color: #fff;
padding: 8px 15px;
}
.third-btn input {padding:7px 15px;}
input.third-btn:hover,
.third-btn a:hover,
.third-btn input:hover,
.third-btn input:focus {
background: #00bce4;
}
.ghost-btn {
font-size: 16px;
text-align: center;
}
.ghost-btn input {
width: 100%;
}
.ghost-btn a,
.ghost-btn input {
color: #a5a4a4;
padding: 7px 15px;
border: 2px solid #c1c1c1;
background: transparent;
}
.ghost-btn a:hover,
.ghost-btn input:hover,
.ghost-btn input:focus {
border-color: #9a9a9a;
color: #888;
background: #fff;
}
.acc-statement {
font-weight: 500;
}
.acc-statement a {
display: block;
color: #5abe2e;
position: relative;
padding-left: 20px;
}
.acc-statement a:before {
content: "";
position: absolute;
top: 50%;
margin-top: -8px;
left: 0;
width: 13px;
height: 17px;
}
.blue-header {
position: relative;
min-height: 660px;
margin-bottom: 70px;
background: #006ab4 url(/img/via-new/header-bg-1.jpg) top center fixed no-repeat;
color: #fff;
}
.header-bg-1 {
min-height: 660px;
}
.header-bg-2 {
min-height: 320px;
background: #006ab4 url(/img/via-new/header-bg-2.jpg) top center fixed no-repeat;
}
.header-bg-3 {
min-height: 660px;
background: #004d83 url(/img/via-new/header-bg-1.jpg) top center no-repeat;
}
.header-bg-4 {
min-height: 90px;
background: #006ab4 url(/img/via-new/header-bg-2.jpg) center -163px fixed no-repeat;
margin-bottom: 0;
}
.header-bg-4 .header-wrap .col-12 {
height: 90px;
}
.bottomy-wrap {
overflow: hidden;
overflow: hidden;
width: 100%;
position: absolute;
bottom: -51px;
height: 120px;
}
.bottomy {
/*position:absolute;bottom:0;left:0;right:0;*/
}
.bottomy:before,
.bottomy:after {
content: "";
position: absolute;
bottom: -62px;
bottom: -9.6%;
background: #fff;
width: 55%;
height: 100px;
}
.bottomy:before {
right: 50%;
-ms-transform: rotate(4deg);
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
.bottomy:after {
left: 50%;
-ms-transform: rotate(-4deg);
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
}
.nav-toggle {
display: none;
}
.fixed {
z-index: 3;
}
.fixed.nav-wrap {
position: fixed;
top: 0;
background: #006ab4;
}
.fixed.nav-wrap .col-12 {
margin-bottom: 0;
height: 80px;
}
.fixed.nav-wrap .logo {
margin-top: 4px;
}
.fixed.nav-wrap .header-wrap .menu {
margin-top: 10px;
}
.fixed.nav-wrap .log-block {
margin-top: 25px;
}
.hide.nav-wrap {
width: 100%;
background: #006ab4;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.nav-wrap {
position: relative;
z-index: 3;
width: 100%;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.show.nav-wrap {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.header-wrap {
z-index: 3;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-family: 'Montserrat', sans-serif;
line-height: 1;
}
.header-wrap .col-12 {
position: relative;
height: 120px;
/*background:#009ac1;*/
margin-bottom: 20px;
webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-wrap .logo {
float: left;
margin-top: 18px;
width: 196px;
text-indent: -9999px;
}
.header-wrap .logo a {
display: block;
height: 72px;
position: relative;
}
.header-wrap .logo a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 196px;
height: 72px;
background: url(/img/via-new/sprite.png) 0 0 no-repeat;
}
.header-wrap nav {
float: right;
}
.header-wrap .menu {
font-size: 16px;
font-weight: 500;
margin-top: 20px;
width: 100%;
text-transform: uppercase;
}
.header-wrap .menu > li {
float: left;
position: relative;
line-height: 1;
margin-left: 17px;
margin-right: 17px;
}
.header-wrap .menu > li a {
color: #fff;
padding: 27px 0px;
display: block;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.header-wrap .menu > li a:hover {
color: #fff;
}
.header-wrap .menu > li a:after {
content: "";
height: 3px;
background: rgba(255, 255, 255, 0);
position: absolute;
bottom: 0px;
left: 0;
right: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.header-wrap .menu > li a:hover:after {
background: #fff;
}
.header-wrap .menu > li.act a {
color: #ffd200;
}
/*.header-wrap .menu > li.act a:after {background:#fff;}*/
.burger {
width: 14px;
text-indent: -9999px;
padding-right: 30px;
}
.burger a:before {
content: "";
position: absolute;
top: 50%;
left: 11px;
margin-top: -6px;
width: 14px;
height: 12px;
background: url(/img/via-new/sprite.png) 0 -100px no-repeat;
}
.log-out {
width: 15px;
text-indent: -9999px;
padding-right: 30px;
}
.log-out a:before {
content: "";
position: absolute;
top: 50%;
left: 11px;
margin-top: -8px;
width: 15px;
height: 17px;
background: url(/img/via-new/sprite.png) -50px -100px no-repeat;
}
.profile-menu .menu {
text-transform: initial;
}
.profile-menu .menu > li a:after {
display: none;
}
.profile-menu .menu > li a:hover {
color: #ffd200;
}
.profile-menu .menu > li {
margin: 0 10px;
}
.log-block {
float: right;
margin-top: 35px;
position: relative;
perspective: 1000px;
z-index: 2;
}
.log-block > div {
float: left;
font-size: 16px;
font-weight: 500;
}
.log-block .sign-in a,
.log-block .reg a {
padding: 9px 20px;
display: block;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.log-block .reg {
margin-right: 0;
margin-left: 7px;
}
.log-block .reg a {
border: 2px solid #fff;
border-radius: 3px;
color: #fff;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.log-block .reg a:hover {
border-color: #ffd200;
}
.log-block .reg.act a {
border-color: #ffd200;
color: #ffd200;
}
.log-block .sign-in {
margin-left: 0px;
margin-right: 0;
}
.log-block .sign-in a {
color: #fff;
padding: 11px 20px;
}
.log-block .sign-in a:hover {
color: #fff;
}
.log-block > div.log-drop {
font-weight: 300;
z-index: 66;
}
.log-drop {
width:370px;position:absolute;top:53px;right:0;background:#f8f8f8;color:#000;padding:33px;
border-radius:3px;opacity:0;box-shadow:0px 25px 25px rgba(0,0,0,0.35);
transform-style:preserve-3d;transform:scale(1, 0) rotateX(90deg);transform-origin:50% 0px 0px;
-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;
}
.log-drop:before {
content: "";
position: absolute;
top: -7px;
right: 10%;
width: 16px;
height: 7px;
background: url(/img/via-new/sprite.png) -750px 0px no-repeat;
}
.log-drop.drop-open {transform: scale(1, 1) rotateX(0deg);opacity: 1;}
.log-drop label {display:block;margin-bottom:10px;font-size:16px;}
.log-drop .npt-block2 {margin-bottom:15px;}
.log-drop .npt-block2 label {font-weight:500;color:#6b6b6b;}
.log-drop .npt-block2 input {
border: 2px solid #cad2d8;
padding: 5px;
height: 36px;
width: 100%;
display: block;
border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.log-drop .npt-block2 input:focus {
border-color: #9BA9B4;
}
.log-drop .third-btn {
/*float: left;*/
margin-top: 5px;
text-transform: uppercase;
font-weight: 500;
}
.log-drop .forgot {
margin-top: 7px;
font-family: 'Roboto', sans-serif;
}
.log-drop .forgot a {
color: #6b6b6b;
font-size: 16px;
position: relative;
}
.log-drop .forgot a:before {
content: "";
height: 1px;
width: 100%;
position: absolute;
left: 0;
bottom: -2px;
background: rgba(0, 0, 0, 0);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.log-drop .forgot a:hover:before {
background: rgba(0, 0, 0, 0.2);
}
.log-drop .forgot a:hover {
color: #181818;
}
.log-drop .stay-signed {
float: right;
margin-top: 12px;
font-family: 'Roboto', sans-serif;
}
.log-drop .stay-signed input[type="checkbox"] {
margin:0 5px 0 0;
}
.log-drop .stay-signed label {
font-size: 16px;
color: #6b6b6b;
display: inline-block;
}
.npt-block p {
margin-bottom: 7px;
}
.log-drop.log-visible {
transform: scale(1, 1) rotateX(0deg);
opacity: 1;
position: static;
width: 100%;
border: 0;
margin-bottom: 30px;
background: #f2f5f7;
}
.log-drop.log-visible:before {
display: none;
}
.lang {
float: right;
margin-top: 42px;
font-size: 14px;
margin-left: 0px;
font-weight: 500;
min-width: 36px;
position: relative;
z-index: 4;
}
.lang>a {
color: #fff;
display: block;
padding: 5px;
}
.lang>a .chevron {
width: 11px;
height: 7px;
background: url(/img/via-new/sprite.png) -200px 0 no-repeat;
display: inline-block;
}
.lang>.dropdown-menu {
background: #006ab4;
padding: 3px 0;
border: 2px solid #fff;
border-radius: 3px;
min-width: 60px;
}
.lang>.dropdown-menu li a {
color: #fff;
}
.lang>.dropdown-menu li a:hover,
.lang>.dropdown-menu li a:focus {
background-color: transparent;
background-image: none;
color: #ffd200;
}
.log-lang-wrap {
float: right;
}
.hero-wrap .headline {
text-align: center;
margin-bottom: 70px;
}
.hero-wrap .headline h1 {
margin-bottom: 10px;
}
.hero-wrap .headline p {
font-size: 20px;
letter-spacing: 2.0px;
}
.hero-bottom {
margin-top: 70px;
}
.hero-bottom .disclaimer {
max-width: 680px;
font-size: 12px;
line-height: 1.4;
margin: 0 auto;
}
.hero-bottom .btw {
color: #ffd200;
}
.stamp {
text-align: center;
align-items: stretch; -webkit-align-items: stretch;
display: flex; display: -webkit-flex; display: -moz-flex;
flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between;
}
.stamp li {
width: 135px;
height: 135px;
position: relative;
text-indent: -9999px;
/*display:flex;flex-grow:0;flex-direction:column;*/
display: inline-block;
font-family: 'Roboto', sans-serif;
}
.stamp li:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 135px;
height: 135px;
background: url(/img/via-new/sprite.png) no-repeat;
}
.stamp li.icon-1:before {
background-position: -250px 0px;
}
.stamp li.icon-2:before {
background-position: -400px 0px;
}
.stamp li.icon-3:before {
background-position: -550px 0px;
}
.offers {
text-align: right;
}
.offers strong {
font-size: 48px;
font-weight: 700;
color: #ffd200;
display: block;
margin-bottom: 10px;
}
.offers span {
text-transform: uppercase;
font-size: 36px;
font-weight: 200;
}
.map {
max-width: 176px;
margin-top: -70px;
/*float:right;*/
}
svg#map {
max-width: 165px;
max-height: 218px;
}
#Sweden circle,
#Latvia circle,
#CZ circle,
#Spain circle,
#Poland circle {
fill:#4ccae5;
}
.map circle {
fill: #2e9eea;
}
.map circle.act,
#Sweden circle.act,
#Latvia circle.act,
#CZ circle.act,
#Spain circle.act,
#Poland circle.act {
fill: #fff;
}
.donothighlight circle {
fill: #2e9eea!important;
}
.about-block {
margin-bottom: 60px;
font-size: 14px;
}
.about-block h2 {
text-align: center;
font-size: 20px;
color: #0d2541;
margin-bottom: 25px;
}
.about-block p {
text-align: justify;
line-height: 1.6;
}
.about-block .icon {
width: 72px;
height: 72px;
position: relative;
margin: 0 auto 30px auto;
display: block;
}
.about-block .icon:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
background: url(/img/via-new/sprite.png) no-repeat;
}
.about-block .icon-4:before {
background-position: 0 -150px;
width: 71px;
height: 65px;
margin: -32px 0 0 -35px;
}
.about-block .icon-5:before {
background-position: -100px -150px;
width: 56px;
height: 65px;
margin: -32px 0 0 -28px;
}
.about-block .icon-6:before {
background-position: -200px -150px;
width: 72px;
height: 72px;
margin: -35px 0 0 -35px;
}
.loan-table {
padding-top: 60px;
margin-bottom: 100px;
background: -webkit-linear-gradient(top, rgba(248, 248, 248, 1) 180px, rgba(248, 248, 248, 0) 180px, rgba(248, 248, 248, 0) 100%);
background: linear-gradient(to bottom, rgba(248, 248, 248, 1) 180px, rgba(248, 248, 248, 0) 180px, rgba(248, 248, 248, 0) 100%);
}
.loan-bg-2 {
background: -webkit-linear-gradient(top, rgba(248, 248, 248, 1) 200px, rgba(248, 248, 248, 0) 200px, rgba(248, 248, 248, 0) 100%);
background: linear-gradient(to bottom, rgba(248, 248, 248, 1) 200px, rgba(248, 248, 248, 0) 200px, rgba(248, 248, 248, 0) 100%);
}
.loan-table h1 {
text-align: center;
color: #07a8ca;
font-size: 24px;
font-weight: 500;
margin-bottom: 10px;
}
.filters {
max-width: 1200px;
width: 100%;
margin: 30px auto;
}
.loan-table table {
max-width: 1200px;
width: 100%;
margin: 30px auto;
font-size: 14px;
}
.loan-table td,
.loan-table th {
padding: 15px 5px;
text-align: center;
}
.loan-table tr:nth-child(odd) td {
background: #f8f8f8;
}
.loan-table td {
border-bottom: 1px solid #e0e0e0;
min-width: 120px;
}
.loan-table .is-funded td,
.loan-table .is-funded:nth-child(odd) td {
background: #dcf0ff;
}
.legend {overflow:hidden;}
.legend ul {overflow:hidden;float:right;}
.legend ul li {position:relative;float:left;padding-left:30px;margin-left:20px;color:#07a8ca;}
.legend ul li:before {content:"";position:absolute;top:50%;left:0;margin-top:-10px;width:20px;height:20px;}
.legend ul li.color-1:before {background:#dcf0ff;}
#index-loan-table .loan-table th {
cursor: default;
}
#index-loan-table table th div span {
display: none;
}
table,
table th,
table tr:hover td {
background-image: none;
background: transparent;
}
.loan-table th {
cursor: pointer;
text-align: center;
border-bottom: none;
padding: 15px 10px 40px 10px;
color: #07a8ca;
font-size: 16px;
font-weight: 400;
vertical-align: middle;
}
.loan-table th.txt-right,
.loan-table td.txt-right {
text-align: right;
}
.flag span {
width: 21px;
height: 14px;
display: inline-block;
vertical-align: middle;
margin-right: 3px;
}
.cz-flag span {
background: url(/img/via-new/sprite.png) -450px -150px no-repeat;
}
.pl-flag span {
background: url(/img/via-new/sprite.png) -500px -150px no-repeat;
}
.se-flag span {
background: url(/img/via-new/sprite.png) -550px -150px no-repeat;
}
.es-flag span {
background: url(/img/via-new/sprite.png) -600px -150px no-repeat;
}
.lv-flag span {
background: url(/img/via-new/sprite.png) -650px -150px no-repeat;
}
.loan-table th > div {
position: relative;
}
.loan-table th > div {
display: block;
}
.loan-table th > div a {
color: #07a8ca;
}
.js-sort_custom.js-no-pjax:after {
content: "";
display: inline-block;
float: left;
width: 7px;
height: 10px;
background: url(/img/via-new/sprite.png) -300px -150px no-repeat;
margin-right: 5px;
border: none;
visibility: visible;
}
.js-sort_custom.js-no-pjax:hover:after,
.js-sort_custom.js-no-pjax.asc:after,
.js-sort_custom.js-no-pjax.desc:after {
background: none;
border-width: 4px 4px 0px;
border-style: solid;
}
.js-sort_custom.js-no-pjax.asc:after,
.js-sort_custom.js-no-pjax:hover:after {
border-left: 3px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid #07a8ca;
border-top: 0px solid transparent;
}
.js-sort_custom.js-no-pjax.desc:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 0 solid transparent;
border-top: 4px solid #07a8ca;
}
.loan-table th > div a:after {
border-color: #07a8ca transparent;
}
.loan-table th > div.no-icon {
padding-left: 0;
}
.loan-table th > div.no-icon:before {
display: none;
}
.loan-table th span {
display: inline-block;
width: 7px;
height: 10px;
background: url(/img/via-new/sprite.png) -300px -150px no-repeat;
margin-right: 5px;
}
.loan-table th.sorting_desc span {
background-position: -350px -150px;
}
.loan-table th.sorting_asc span {
background-position: -400px -150px;
}
.paginate {
overflow: hidden;
text-align: center;
margin: 10px 0 0px 0;
font-weight: 400;
}
.paginate li {
display: inline-block;
margin-right: 5px;
width: 36px;
height: 36px;
line-height: 36px;
color: #597a96;
cursor: default;
}
.paginate li a {
color: #07a8ca;
background: #f2f2f2;
display: block;
border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.paginate li a:hover {
color: #07a8ca;
background: #fff;
}
.paginate li.act a {
background: #07a8ca;
color: #fff;
}
.paginate li.act a:hover {
color: #fff;
}
.paging {
overflow: hidden;
text-align: center;
margin: 10px 0 0px 0;
font-weight: 400;
box-shadow: none;
-webkit-box-shadow: none;
}
.paging span {
display: inline-block;
margin-right: 5px;
color: #597a96;
cursor: default;
border: none!important;
}
.paging span a,
.paging span a,
.paging .prev,
.paging .next,
.paging .current,
.paging .ellipsis {
color: #07a8ca;
background: #f2f2f2;
display: block;
border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border: none;
}
.paging span a:hover,
.paging span a:focus {
color: #07a8ca;
background: #fff;
}
.paging span.current a {
background: #07a8ca;
color: #fff;
}
.paging span.current a:hover,
.paging span.current a:focus {
color: #fff;
}
.dataTables_length,
.dataTables_filter {
display: none;
}
.dataTables_paginate {
overflow: hidden;
text-align: center;
margin: 60px 0 0px 0;
font-weight: 400;
}
.dataTables_paginate a {
display: inline-block;
margin-right: 5px;
width: 36px;
height: 36px;
line-height: 36px;
cursor: pointer;
color: #07a8ca;
background: #f2f2f2;
border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.dataTables_paginate a:hover {
color: #07a8ca;
background: #fff;
}
.dataTables_paginate a.current {
background: #07a8ca;
color: #fff;
}
.dataTables_paginate a.current:hover {
color: #fff;
}
.how-it-works {
display: block;
width: 100%;
text-align: center;
align-items: stretch; -webkit-align-items: stretch;
display: flex; display: -webkit-flex; display: -moz-flex;
flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between;
}
.tab-wrap .icon-wrap {
position: relative;
width: 185px;
height: 185px;
cursor: pointer;
vertical-align: top;
color: #fff;
display: inline-block;
-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
border-radius: 50%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.tab-wrap .icon-wrap:hover {
-webkit-box-shadow: 0 0 0 2px rgba(255, 210, 0, 1);
box-shadow: 0 0 0 2px rgba(255, 210, 0, 1);
}
.tab-wrap .icon-wrap.active,
.tab-wrap .d_active .icon-wrap {
-webkit-box-shadow: 0 0 0 2px rgba(255, 210, 0, 1);
box-shadow: 0 0 0 2px rgba(255, 210, 0, 1);
}
.tab-wrap .icon-wrap div {
width: 142px;
height: 66px;
margin: 45px auto 15px auto;
position: relative;
display: block;
}
.tab-wrap .icon-wrap div:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
background: url(/img/via-new/sprite.png) no-repeat;
}
.tab-wrap .icon-wrap div.icon-7:before {
width: 70px;
height: 61px;
margin: -30px 0 0 -35px;
background-position: -300px -200px;
}
.tab-wrap .icon-wrap div.icon-8 {
height: 185px;
width: 185px;
margin: 0 auto;
}
.tab-wrap .icon-wrap div.icon-8:before {
width: 134px;
height: 49px;
margin: -24px 0 0 -67px;
background-position: -400px -200px;
}
.tab-wrap .icon-wrap div.icon-9:before {
width: 111px;
height: 66px;
margin: -33px 0 0 -61px;
background-position: -550px -200px;
}
.tab-wrap .icon-wrap div.icon-10:before {
width: 94px;
height: 50px;
margin: -25px 0 0 -47px;
background-position: -700px -200px;
}
.tab-wrap h3 {
font-size: 16px;
text-align: center;
}
.tab-wrap .arrows {
width: 49px;
height: 185px;
position: relative;
display: inline-block;
}
.tab-wrap .arrows:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: -5px 0 0 -25px;
width: 49px;
height: 11px;
background: url(/img/via-new/sprite.png) -700px -100px no-repeat;
}
.how-to-content {
max-width: 600px;
margin: 40px auto;
}
.tab_content {
display: none;
border-top: 1px solid rgba(255, 255, 255, 0.75);
padding-top: 40px;
padding-bottom: 30px;
font-size: 16px;
line-height: 1.4;
}
.tab_content.current {
display: block;
}
#tab2 {
display: block;
}
/*ul.tabs li.active {
display: block;
}*/
.tab_content {
display: none;
}
.tab_drawer_heading {
display: none;
}
.faq-menu {
font-size: 16px;
font-weight: 500;
width: 96%;
margin-bottom: 30px;
}
.faq-menu li {
display: block;
}
.faq-menu li a {
display: block;
color: #666;
padding: 10px 10px;
position: relative;
}
.faq-menu li a:hover {
color: #07a8ca;
background: #f9f9f9;
}
.faq-menu li.ui-state-active a {
color: #07a8ca;
background: #f9f9f9;
outline: none;
}
.faq-menu li a:hover:before {
content: "";
position: absolute;
top: 50%;
right: -10px;
margin-top: -18px;
width: 0;
height: 0;
border-style: solid;
border-width: 19px 0 19px 10px;
border-color: transparent transparent transparent #f9f9f9;
}
.faq-menu li.ui-state-active a:before {
content: "";
position: absolute;
top: 50%;
right: -10px;
margin-top: -18px;
width: 0;
height: 0;
border-style: solid;
border-width: 19px 0 19px 10px;
border-color: transparent transparent transparent #f9f9f9;
}
.faq h1 {
font-size: 30px;
color: #3da59d;
text-transform: initial;
}
.faq h2 {
margin: 30px 0 15px 0;
}
.text-content {
max-width: 660px;
margin: 0 auto 30px auto;
}
.text-content img {
display: inline-block;
max-width: 100%;
margin: 20px 0;
}
.icon-row {
align-items: stretch; -webkit-align-items: stretch;
display: flex; display: -webkit-flex; display: -moz-flex;
flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
text-align: center;
/*border:1px solid #b7bdc4;background:#f5f5f5;*/
margin-bottom: 30px;
}
.icon-row li {
display: flex; display: -webkit-flex; display: -moz-flex;
flex-grow: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0;
flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column;
/*border-left:1px solid #b7bdc4;*/
padding: 45px 5px 30px 5px;
}
.icons-3rd li {
width: 33.3333%;
}
.icons-4th li {
width: 25%;
}
.icon-row li:first-child {
border-left: 0;
}
.icon-row .icon {
width: 62px;
height: 50px;
margin: 0 auto 20px auto;
position: relative;
}
.icon-row .icon:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
background: url(/img/via-new/sprite.png) no-repeat;
}
.icon-row .icon-11:before {
margin: -25px 0 0 -31px;
width: 62px;
height: 50px;
background-position: 0 -350px;
}
.icon-row .icon-12:before {
margin: -25px 0 0 -31px;
width: 62px;
height: 50px;
background-position: -100px -350px;
}
.icon-row .icon-13:before {
margin: -25px 0 0 -25px;
width: 50px;
height: 50px;
background-position: -200px -350px;
}
.icon-row .icon-14:before {
margin: -25px 0 0 -25px;
width: 50px;
height: 50px;
background-position: -300px -350px;
}
.icon-row .icon-15:before {
margin: -25px 0 0 -25px;
width: 50px;
height: 50px;
background-position: -400px -350px;
}
.icon-row h3 {
font-size: 14px;
margin: 0;
line-height: 1.2;
text-transform: initial;
}
.profile-top {
padding: 40px 0 40px 0;
line-height: 1;
color: #0d2541;
}
.hello {
float: left;
font-size: 36px;
}
.avaliable {
float: right;
}
.avaliable span {
float: left;
font-weight: 500;
font-size: 18px;
}
.avaliable span strong {
font-size: 28px;
}
.avaliable span strong span {
float: none;
font-size: inherit;
}
.avaliable .button-wrap {
float: left;
margin-left: 10px;
}
.avaliable .button {
float: left;
font-size: 14px;
text-transform: initial;
}
.avaliable .add-btn a {
color: #fff;
border-radius: 3px;
background: #5abe2e;
}
.avaliable .withdraw-btn {
margin-left: 5px;
}
.avaliable .withdraw-btn a {
color: #fff;
border-radius: 3px;
background: #07a8ca;
}
.statement-table td,
.statement-table th {
padding: 15px 15px;
font-size: 14px;
line-height: 1.2;
text-align: left;
}
.statement-table th,
.statement-table a {
color: #006fb9;
/*font-size:16px;*/
font-weight: 500;
}
.loan-bg-3 .statement-table th {
padding: 15px 15px;
}
.statement-table tr:nth-child(odd) td {
background: #f8f8f8;
}
.statement-table td {
border-bottom: 1px solid #e0e0e0;
}
.summary-table {
background: #f8f8f8;
background: #fff;
}
.summary-table td,
.summary-table th {
padding: 0 15px;
font-size: 14px;
line-height: 1.2;
text-align: left;
}
.summary-table th {
padding: 15px 15px;
color: #006fb9;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
}
.summary-table td {
border-top: 1px solid #e0e0e0;
}
.loan-bg-3 .summary-table th {
padding: 19px 15px 20px 15px;
border: 0;
background: #fff;
}
.summary-table {
width: 100%;
border: 1px solid #ccc;
}
.summary-table tr td:nth-child(even) {
text-align: right;
padding: 10px 15px;
}
a.filter-link {
display: inline-block;
position: relative;
padding: 5px 22px 5px 5px;
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 3px;
}
a.filter-link.link-act {
border-color: #4a98cd;
color: #006bb5;
}
a.filter-link.link-act:before {
content: "";
position: absolute;
top: 8px;
right: 9px;
width: 1px;
height: 11px;
background: #4a98cd;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
a.filter-link.link-act:after {
content: "";
position: absolute;
top: 8px;
right: 9px;
width: 1px;
height: 11px;
background: #4a98cd;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.summary-list {
width: 1200px;
margin: 0 auto 20px auto;
overflow: hidden;
}
.summary-list li {
float: left;
padding-right: 15px;
}
.summary-list li span {
font-weight: 500;
}
/* form styles */
.form-wrap {
max-width: 746px;
margin: 0 auto;
}
.form-wrap .col-6 {
margin: 0 2%;
width: 46%;
}
.form-wrap .input {
display: block;
width: 100%;
height: 40px;
padding: 5px 10px;
color: #747fa0;
background: #eef2f5;
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 3px;
-webkit-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
}
.form-wrap .input:focus {
border-color: #b4bcc2;
/*box-shadow:0 0 5px 0 rgba(61,165,157,0.5);*/
}
.form-wrap .col-12 {
margin: 0 2%;
width: 96%;
}
.npt-block,
.npt-row {
margin-bottom: 20px;
}
.form-wrap label.npt-label {
margin-bottom: 7px;
display: block;
color: #006bb5;
font-weight: 500;
font-size: 14px;
}
.npt-half {
width: 46%;
float: left;
}
.sep {
width: 8%;
height: 40px;
line-height: 40px;
text-align: center;
float: left;
border: none!important;
}
.npt-row .npt-half:first-child {
margin-right: 8%;
}
.birth-wrap .day {
width: 70px;
float: left;
margin-right: 1px;
}
.birth-wrap .day select {
background-position: 50px center;
}
.birth-wrap .month {
width: 120px;
float: left;
margin-right: 1px;
}
.birth-wrap .month select {
border-radius: 0;
background-position: 100px center;
}
.birth-wrap .year {
width: 80px;
float: left;
}
.birth-wrap .day .input {
border-radius: 3px 0 0 3px;
text-align: center;
}
.birth-wrap .month .input {
border-radius: 0;
}
.birth-wrap .year .input {
border-radius: 0 3px 3px 0;
text-align: center;
}
.birth-wrap .year select {
background-position: 60px center;
}
.input.form-error {
border-color: #F05353 !important;
}
.form-wrap .input,
.details-table .input {
display: block;
width: 100%;
height: 40px;
padding: 5px 10px;
color: #747fa0;
background: #eef2f5;
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 3px;
-webkit-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
}
.custom-select {
position: relative;
margin-bottom: 0;
display: block;
width: 100%;
height: 40px;
padding: 5px 10px;
color: #747fa0;
background-color: #eef2f5;
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 3px;
-webkit-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(/img/via-new/tr-down.png);
background-repeat: no-repeat;
background-position: 97% center;
}
.custom-select:focus {
border-color: #b4bcc2;
}
.form-half .form-col{
align-items: stretch;
display: flex;
flex-wrap: wrap;
}
.form-half .profile-type {
padding: 0 15px;
}
.form-half .npt-block, .form-half .npt-row {
width: 50%;
padding: 0 15px;
margin-bottom: 30px;
}
.form-half .secondarry-btn {
width: 100%;
}
.form-wrap .secondarry-btn {
text-align: center;
clear: both;
}
.chosen-drop .non_investable {
display: none !important;
}
.ai_warning_save_vendor_removed {
padding-right: 5px !important;
}
.ai_warning_save_vendor_removed span {
text-decoration: line-through;
color: #ff0000;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.custom-select select {
padding-right: 30px;
}
.custom-select.month select {
padding-right: 20px;
}
}
.custom-select:after {
content: "";
position: absolute;
top: 1px;
right: 1px;
width: 33px;
height: 38px;
background: #eef2f5 url(/img/via-new/sprite.png) -688px -34px no-repeat;
border-radius: 0px 3px 3px 0px;
pointer-events: none;
}
.account-block {
width: 100%;
border: 1px solid #ccc;
overflow: auto;
}
.account-block h2 {
margin: 0 0 20px 0;
font-size: 16px;
color: #006fb9;
}
.balance-block {
display: inline-block;
float: left;
vertical-align: top;
min-height: 390px;
padding: 30px;
width: 40%;
background: #f8f8f8;
border-right: 1px solid #ccc;
}
.account-block table {
width: 100%;
}
.balance-block table td {
padding: 7px 0;
}
.balance-block table td:nth-child(even) {
text-align: right;min-width:142px;
}
.balance-block table tr:last-child td {
border-top: 1px solid #e0e0e0;
}
table.balance-table-1 {border-bottom:1px solid #e0e0e0;}
table.balance-table-1 tr:last-child td {border-top:1px solid #e0e0e0;}
table.balance-table-2 tr:first-child td {font-weight:bolder;}
table.balance-table-2 tr td {border-top:none;}
table.balance-table-2 tr {border-bottom:1px solid #e0e0e0;}
table.balance-table-2 tr:first-child {border-bottom:none;}
table.balance-table-2 tr:last-child {border-bottom:none;}
table.balance-table-2 {margin-top:20px;}
table.balance-table-2 .choice {float:left;}
table.balance-table-2 tr:first-child td {border-top:0;}
.balance-table-1 .tooltip, .balance-table-2 .tooltip {float:none;display:inline-block;margin-left:5px;margin-bottom:-3px;}
.choice-tooltip {position:absolute;visibility:hidden;top:-20px;left:50%;margin-left:-27px;width:54px;padding:5px 7px;background:#fff;color:#006fb9;text-align:center;
-webkit-transition:all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition:all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);box-shadow:0 0 15px 0 rgba(0,0,0,0.25);border-radius:3px;z-index:2;}
.choice-tooltip:before {content:"";position:absolute;left:50%;bottom:-4px;margin-left:-5px;width:0;height:0;border-style:solid;border-width:4px 5px 0 5px;border-color:#ffffff transparent transparent transparent;}
table.balance-table-2 .choice {overflow:visible;}
table.balance-table-2 .choice li a{position:relative;}
table.balance-table-2 .choice li a:hover .choice-tooltip {top:-35px;visibility:visible;}
.investment-block {
display: inline-block;
float: left;
vertical-align: top;
min-height: 390px;
padding: 30px;
width: 59.7%;
-webkit-box-shadow: inset 5px 0 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: inset 5px 0 10px 0 rgba(0, 0, 0, 0.1);
}
.investment-block table {
font-size: 14px;
margin-bottom: 20px;
}
.investment-block table td {
padding: 10px 0;
border-top: 1px solid #e0e0e0;
text-align: center;
}
.investment-block table th {
padding: 5px 0 10px 0;
color: #07a8ca;
text-align: center;
font-weight: 400;
}
.investment-block table th.txt-right,
.investment-block table td.txt-right {
text-align: right;
}
.investment-block table tr th:first-child,
.investment-block table tr td:first-child {
text-align: left;
}
.investment-block .button {
text-align: center;
}
.statement-table td,
.statement-table th {
padding: 15px 15px;
font-size: 14px;
line-height: 1.2;
text-align: left;
}
.statement-table th {
color: #006fb9;
/*font-size:16px;*/
font-weight: 500;
}
.loan-bg-3 .statement-table th {
padding: 15px 15px;
}
.statement-table tr:nth-child(odd) td {
background: #f8f8f8;
}
.statement-table td {
border-bottom: 1px solid #e0e0e0;
}
.summary-table {
background: #f8f8f8;
background: #fff;
}
.summary-table td,
.summary-table th {
padding: 0 15px;
font-size: 14px;
line-height: 1.2;
text-align: left;
}
.summary-table th {
padding: 15px 15px;
color: #006fb9;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
}
.summary-table td {
border-top: 1px solid #e0e0e0;
}
.loan-bg-3 .summary-table th {
padding: 19px 15px 20px 15px;
border: 0;
background: #fff;
}
.summary-table {
width: 100%;
border: 1px solid #ccc;
}
.summary-table tr td:nth-child(even) {
text-align: right;
padding: 10px 15px;
}
a.filter-link {
display: inline-block;
position: relative;
padding: 5px 22px 5px 5px;
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 3px;
}
a.filter-link.link-act {
border-color: #4a98cd;
color: #006bb5;
}
a.filter-link.link-act:before {
content: "";
position: absolute;
top: 8px;
right: 9px;
width: 1px;
height: 11px;
background: #4a98cd;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
a.filter-link.link-act:after {
content: "";
position: absolute;
top: 8px;
right: 9px;
width: 1px;
height: 11px;
background: #4a98cd;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.summary-list {
width: 1200px;
margin: 0 auto 20px auto;
overflow: hidden;
}
.summary-list li {
float: left;
padding-right: 15px;
}
.summary-list li span {
font-weight: 500;
}
.profile-type {
margin: 0 2% 30px 2%;
color: #006bb5;
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
}
.profile-type label {
display: inline-block;
margin-right: 10px;
}
.profile-type input[type="radio"] {
margin-left: 0;
}
.rules-block {
margin: 20px 2% 20px 2%;
float: left;
font-size: 14px;
width: 100%;
}
.rules-block input[type="checkbox"] {
margin-left: 0;
}
.rules-block label {
display: inline-block;
padding-left: 10px;
}
.form-half .rules-block {
margin: 20px 0 20px 0;
padding: 0 15px;
width: 100%;
}
.onec-rules {
border-top:1px dotted #ccc;
padding-top:7px;
margin-top:5px;
display: flex;
display: -webkit-flex;
}
.onec-rules input {
margin: 4px;
}
.form-wrap .button {
text-align: center;
clear: both;
}
.error {
border-color: #F05353 !important;
}
.error-msg,
#errorMessage,
.error-msg2 {
border: 1px solid #eab6b6;
margin: 15px 0;
font-size: 14px;
line-height: 1.3;
padding: 15px;
color: #be1313;
background: #f1d9d9;
text-align: center;
border-radius: 3px;
}
.form-wrap .error-msg,
.form-wrap .error-msg2 {
clear: both;
}
.form-col .error-msg,
.form-col .error-msg2 {
margin: 5px 0 0 0;
padding: 10px;
}
.success,
#successMessage {
border: 1px solid #a0df98;
margin-top: 20px;
line-height: 1.3;
padding: 15px;
color: #328324;
background: #d4fecc;
text-align: center;
border-radius: 3px;
}
.form-wrap .success {
clear: both;
margin: 0 2% 0 2%;
}
.get-started {
position: relative;
margin-bottom: 20px;
text-align: left;
padding: 30px 40px;
}
.get-started h3 {
font-size: 18px;
}
.get-started ol {
margin-left: 20px;
list-style-type: decimal;
}
.get-started ol a {
color: #328324;
font-weight: 500;
}
.onoffswitch {
position: relative;
width: 90px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block;
height: 40px;
margin: 0;
overflow: hidden;
cursor: pointer;
/*border:1px solid #cad2d8;*/
border-radius: 3px;
}
.onoffswitch-inner {
display: block;
width: 200%;
margin-left: -100%;
transition: margin 0.3s ease-in 0s;
}
.switch-on,
.switch-off {
display: block;
float: left;
width: 50%;
height: 40px;
padding: 0;
line-height: 40px;
font-size: 14px;
color: #fff;
}
.switch-on {
padding-left: 15px;
background-color: #a8afbd;
color: #FFFFFF;
}
.switch-off {
padding-right: 15px;
background: #eef2f5;
color: #747fa0;
text-align: right;
}
.onoffswitch-switch {
display: block;
width: 22px;
margin: 6px;
background: #FFFFFF;
position: absolute;
top: 3px;
bottom: 3px;
right: 53px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.35);
border-radius: 20px;
transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 3px;
}
.onoffswitch-checkbox:disabled + .onoffswitch-label {
opacity: 0.6;
}
.feature-list {
font-size: 16px;
padding: 10px 0 60px 0;
position: relative;
z-index: 2;
}
.feature-list h1 {
font-size: 24px;
text-align: center;
margin-bottom: 30px;
}
.feature-list ul {
overflow: hidden;
text-align: center;
}
.feature-list ul .icon {
width: 65px;
height: 55px;
position: relative;
margin-bottom: 20px;
}
.feature-list ul .icon:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
background: url(/img/via-new/sprite.png) no-repeat;
}
.feature-list ul .icon-16:before {
margin: -27px 0 0 -25px;
width: 49px;
height: 55px;
background-position: 0 -450px;
}
.feature-list ul .icon-17:before {
margin: -27px 0 0 -27px;
width: 54px;
height: 55px;
background-position: -50px -450px;
}
.feature-list ul .icon-18:before {
margin: -24px 0 0 -31px;
width: 62px;
height: 48px;
background-position: -150px -450px;
}
.feature-list ul .icon-19:before {
margin: -24px 0 0 -32px;
width: 65px;
height: 48px;
background-position: -250px -450px;
}
.feature-list ul .icon-20:before {
margin: -25px 0 0 -25px;
width: 49px;
height: 50px;
background-position: -350px -450px;
}
.feature-list ul h3 {
font-size: 14px;
margin: 10px 0;
}
.feature-list ul li {
margin-bottom: 10px;
width: 25%;
float: left;
padding: 0 5px;
}
.filter-wrap {
min-width: 1080px;
}
.filters {
align-items: stretch; -webkit-align-items: stretch;
display: flex; display: -webkit-flex; display: -moz-flex;
flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between;
color: #07a8ca;
}
.filters .filter-row {
display: inline-block;
vertical-align: bottom;
align-self: flex-end;
padding-left: 20px;
}
.filters .filter-row:first-child {
padding-left: 0;
}
.filters .filter-row label {
width: 100%;
font-size: 14px;
font-weight: 500;
display: block;
margin-bottom: 3px;
}
.filters .filter-row input {
width: 46%;
height: 34px;
padding: 5px;
float: left;
border: 1px solid #ccc;
border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.filters .filter-row input:focus {
border-color: #9BA9B4;
}
.filters .filter-row span {
width: 8%;
height: 34px;
line-height: 34px;
float: left;
display: block;
text-align: center;
}
.filters .multi-filter label {
margin-bottom: 0!important;
}
.filters .multi-filter input[type='checkbox'] {
width: auto;
height: auto;
float: none;
}
.filters .filter-row span.multi-filter-value {
width: 100%;
}
.filters .filter-row span.multi-filter-value a {
height: 34px;
line-height: 34px;
border: 1px solid #ccc;
background: #fff;
text-align: left;
font-size: 14px;
}
.filter-1 {width:12%}
.filter-2 {width:14%}
.filter-3 {width:14%}
.filter-4 {width:14%}
.filter-5 {width:14%}
.filter-6 {width:18%}
.filter-7 {width:14%}
.filters .custom-select {
display: block;
height: 34px;
margin-bottom: 0;
background-color: #fff;
background-image: url(/img/via-new/tr-down.png);
background-repeat: no-repeat;
background-position: 90% center;
height: 34px;
border: 1px solid #ccc;
padding-right:25px;
}
.filters .ghost-btn,
.filters .third-btn {
width: 46%;
float: left;
font-size: 14px;
}
.filters .third-btn {
margin-left: 8%;
}
.filters .third-btn a {
padding: 10px 5px;
display: block;
}
.filters .ghost-btn a {
padding: 8px 5px;
display: block;
}
.advanced-filters {
margin: 0 auto;
width: 1100px;
font-size: 14px;
position: relative;
}
.filter-box-padding {
background: #f8f8f8;
border: 1px solid #e0e0e0;
padding: 30px 30px 10px 30px;
height: 130px;
}
.filter-box-wrap {
width: 80%;
float: left;
}
.filter-box-wrap .filters {
margin: 0 auto;
justify-content: flex-start;
}
.filters .filter-row:first-child {
padding-left: 0;
}
.filter-box-wrap .filter-row {
width: 22%;
margin-bottom: 20px;
}
.filter-box-wrap .filters .filter-row {
padding-left: 0;
padding-right: 24px;
}
.filter-box-padding .filter-buttons {
float: right;
width: 20%;
margin-top: 22px;
align-items: stretch;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.filter-box-padding .filter-buttons .third-btn {
margin-left: 10px;
}
.filter-box-wrap .filters .i-rate input {
width: 46px;
}
.filter-box-wrap .filters .i-rate span {
width: 18px;
}
.filter-box-wrap .filter-row.date-range {
width: 34%;
}
.more-filters {
height: 50px;
position: absolute;
bottom: 1px;
left: 1px;
right: 1px;
background: -moz-linear-gradient(top, rgba(248,248,248,0) 0%, rgba(248,248,248,1) 100%);
background: -webkit-linear-gradient(top, rgba(248,248,248,0) 0%,rgba(248,248,248,1) 100%);
background: linear-gradient(to bottom, rgba(248,248,248,0) 0%,rgba(248,248,248,1) 100%);
}
.more-filter-btn {
text-align: center;
font-size: 13px;
margin-top: 25px;
font-weight: 500;
}
.more-filter-btn a {
display: inline-block;
padding: 5px 10px;
background: #fff;
color: #7e8696;
border: 1px solid #ccc;
border-radius: 3px;
-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.15);
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.15);
}
.more-filters #collapse {
display: none;
}
.more-filters.expand #expand {
display: none;
}
.more-filters.expand #collapse {
display: block;
}
.more-filters.expand {
height: 30px;
}
.filter-box-padding.expand {
height: auto;
}
.more-filters.expand .more-filter-btn {
margin-top: 15px;
}
.filter-box-wrap .filters .filter-row:nth-child(n+5) {
display: none;
}
.expand .filter-box-wrap .filters .filter-row:nth-child(n+5) {
display: block;
}
.filter-row span.onoffswitch-switch {
width: 18px;
height: 18px;
top: 2px;
}
.filter-row span.onoffswitch-inner {
width: 200%;
text-align: left;
}
.filter-row label.onoffswitch-label {
margin-bottom: 0;
height: 34px;
border: 1px solid #ccc;
margin: 0;
}
.filter-row .switch-on {
background-color: #5abe2e;
height: 34px;
line-height: 34px;
}
.filter-row .switch-off {
background: #fff;
height: 34px;
line-height: 34px;
}
.filter-row .js-datetime {
display: block;
height: 34px;
width: 46%;
float: left;
}
.filter-row .datetimepicker .add-onn{
display: block;
width: 100%;
height: 34px;
border: 1px solid #ccc;
padding: 5px 10px;
border-radius: 3px;
background-color: #fff;
position: relative;
margin: 0;
}
.filter-row .datetimepicker .add-onn .js-display-date {
color: #777;
font-size: 14px;
width: 90%;
text-align: left;
line-height: 22px;
}
/* only for advanced-filter update */
/*
@media screen and (max-width: 1170px){
.advanced-filters {
width: 100%;
min-width: initial;
}
.filter-wrap {
overflow: visible;
}
.filter-box-wrap {
width: auto;
float: none;
}
.filter-box-wrap .filters .filter-row {
width: 33.3333%;
}
.more-filters.expand .more-filter-btn {
margin-top: 0px;
border-top: 1px solid #e0e0e0;
}
.filter-box-wrap .filters .filter-row input {
width: 42%;
}
.filters .filter-row:nth-child(n+4) {
display: none;
}
.expand .filters .filter-row:nth-child(n+4) {
display: block;
}
.filter-box-padding {
height: 190px;
}
.filter-box-padding .filter-buttons {
width: 100%;
justify-content: center;
margin-top: 0;
margin-bottom: 40px;
}
}
*/
@media screen and (max-width: 900px) {
.filter-box-padding {
overflow: hidden;
height: 220px;
}
.filter-box-wrap .filters .filter-row {
width: 100%;
padding-right: 0;
}
}
.statement-filters {
width: 100%;
justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between;
align-items: stretch; -webkit-align-items: stretch;
display: flex; display: -webkit-flex; display: -moz-flex;
flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
}
.statement-filters > li {
/*display: inline-block;*/
vertical-align: top;
align-self: flex;
enddisplay: flex; display: -webkit-flex; display: -moz-flex;
flex-grow: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0;
flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column;
}
.statement-filters > li .button {
margin-top: 24px;
}
.statement-filters > li input[type="text"],
.statement-filters .add-onn {
height: 36px;
border: 1px solid #ccc;
padding: 5px 10px;
border-radius: 3px;
}
.statement-filters .multi-filter-value a {
height: 36px;
line-height: 36px;
border: 1px solid #ccc;
background: #fff;
}
.statement-filters .multi-filter-value a:before {
height: 34px;
top: 0;
right: 0;
}
.statement-filters .ghost-btn a {
padding: 8px 15px;
}
.statement-filters > li label {
color: #4ccae5;
font-weight: 500;
font-size: 14px;
margin-bottom: 5px;
display: block;
}
.statement-filters .add-onn i {
float: right;
color: #ccc;
}
.statement-filters .add-onn {
width: 190px;
/*margin-right: 14px;*/
margin-top: 0;
}
.statement-filters .add-onn .js-display-date {
color: #777;
font-size: 16px;
}
.multi-filter {
position: relative;
}
.multi-filter-value {
display: block;
}
.multi-filter-value .chNum {
min-width: 10px;
display: inline-block;
}
.multi-filter-value a {
display: block;
position: relative;
height: 40px;
line-height: 40px;
border: 1px solid #eef2f5;
padding: 0 40px 0 10px;
overflow: hidden;
background: #eef2f5;
color: #747fa0;
border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.multi-filter-value.filter-act a {
border-color: #b4bcc2;
}
.multi-filter-value a:before {
content: "";
position: absolute;
top: 1px;
right: 1px;
width: 33px;
height: 38px;
background: url(/img/via-new/sprite.png) -688px -34px no-repeat;
}
.filter-list {
padding: 10px 0;
background: #fff;
position: absolute;
top: 39px;
left: 0;
right: 0;
border: 1px solid #ccc;
display: none;
border-radius: 3px;
z-index: 100;
}
.filter-list li {
padding: 0;
padding: 2px 0;
color: #747fa0;
}
.filter-list li label {
display: block;
padding: 5px 10px;
color: #747fa0;
}
.statement-filters .filter-list {
right: auto;
top: 37px;
min-width: 172px;
font-size: 14px;
padding: 0;
z-index: 999;
}
.multi-filter {
position: relative;
}
.multi-filter-value {
display: block;
}
.multi-filter-value a {
display: block;
position: relative;
height: 40px;
line-height: 40px;
border: 1px solid #eef2f5;
padding: 0 40px 0 10px;
overflow: hidden;
background: #eef2f5;
color: #747fa0;
border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.multi-filter-value.filter-act a {
border-color: #b4bcc2;
}
.multi-filter-value a:before {
content: "";
position: absolute;
top: 1px;
right: 1px;
width: 33px;
height: 38px;
background: url(/img/via-new/sprite.png) -688px -34px no-repeat;
}
.period-menu {
width: 100%;
}
.period-menu li {
font-size: 14px;
font-weight: 500;
float: left;
margin-left: 20px
}
.period-menu li a {
display: block;
padding: 19px 5px;
border-bottom: 2px solid rgba(255, 255, 255, 0);
}
.period-menu li.act a {
border-color: #006fb9;
color: #006fb9;
display: block;
}
.period-menu2>div {
margin: 0;
padding: 15px 0;
}
.period-menu2 label {
color: #4ccae5;
padding: 0 10px 0 5px;
cursor: pointer;
font-weight: 500;
}
.period-menu2 label:hover,
.period-menu2 label:focus {
color: #006fb9
}
.chart-block-2 .period-menu {
width: 100%;
position: absolute;
top: 3px;
right: 0;
z-index: 2;
padding-left: 260px;
}
.period-menu li:first-child {
margin-left: 0;
}
.company-menu {
/*align-items: stretch; -webkit-align-items: stretch;
display: flex; display: -webkit-flex; display: -moz-flex;
flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;*/
display: block;
width: 100%;
text-align: center;
margin-bottom: 30px;
background: #006ab4 url(/img/via-new/header-bg-2.jpg) center center fixed no-repeat;
border: 2px solid #006ab4;
font-weight: 500;
text-transform: uppercase;
border-radius: 5px;
overflow: hidden;
}
.company-menu li {
width: 33.3333%;
/*display: flex; display: -webkit-flex; display: -moz-flex;
flex-grow: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0;
flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column;*/
display: inline-block;
float: left;
border-left: 0px solid rgba(255, 255, 255, 0);
}
.company-menu li:first-child {
border-left: 0;
}
.company-menu li a {
/*background:#006ab4;*/
color: #fff;
display: block;
padding: 20px 10px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.company-menu li a:hover {
/*background:#1381c0;*/
background: rgba(19, 129, 192, 0.85);
}
.company-menu li.act a,
.company-menu li.ui-tabs-active a {
background: #fff;
color: #006ab4;
}
#tabs-company .company-menu li {
width: 33.3333%;
}
.team {
align-items: stretch; -webkit-align-items: stretch;
display: flex; display: -webkit-flex; display: -moz-flex;
flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
justify-content: center; -webkit-justify-content: center; -moz-justify-content: center;
font-size: 14px;
text-align: center;
margin: 20px 0;
}
.team .col-4 {
display: inline-block;
overflow: hidden;
margin-bottom: 12px;
padding: 20px;
float: none;
display: flex; display: -webkit-flex; display: -moz-flex;
flex-grow: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0;
flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column;
border: 1px solid #eee;
}
.team .pic {
width: 87px;
height: 87px;
margin: 0 auto 15px auto;
overflow: hidden;
border-radius: 50%;
}
.team .about {
color: #292c2e;
}
.team .about h3 {
font-size: 14px;
margin-bottom: 0;
text-transform: initial;
}
.team .about span {
color: #292c2e;
font-weight: 400;
display: block;
}
.team img {
display: inline-block;
max-width: 100%;
/*height: 100px;*/
margin: 0;
}
.onoffswitch {
position: relative;
width: 90px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block;
height: 40px;
margin: 0;
overflow: hidden;
cursor: pointer;
/*border:1px solid #cad2d8;*/
border-radius: 3px;
}
.onoffswitch-inner {
display: block;
width: 200%;
margin-left: -100%;
transition: margin 0.3s ease-in 0s;
}
.switch-on,
.switch-off {
display: block;
float: left;
width: 50%;
height: 40px;
padding: 0;
line-height: 40px;
font-size: 14px;
color: #fff;
}
.switch-on {
padding-left: 15px;
background-color: #a8afbd;
color: #FFFFFF;
}
.switch-off {
padding-right: 15px;
background: #eef2f5;
color: #747fa0;
text-align: right;
}
.onoffswitch-switch {
display: block;
width: 22px;
margin: 6px;
background: #FFFFFF;
position: absolute;
top: 3px;
bottom: 3px;
right: 53px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.35);
border-radius: 20px;
transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 3px;
}
.forgot-block {
max-width: 400px;
margin: 20px auto 200px auto;
}
.forgot-wrap {
background: #f2f5f7;
margin: 20px 0 200px 0;
padding: 30px 15px 15px;
}
.forgot-wrap input {
float: left;
width: 70%;
height: 32px;
}
.forgot-wrap .btn-green {
float: left;
width: 25%;
margin-left: 5%;
margin-top: 0;
}
.forgot-wrap .btn-green a {
display: block;
}
.forgot-wrap .npt-full label {
display: block;
}
.forgot-wrap .error-msg {
padding: 10px 13px;
border-width: 1px;
border-radius: 3px;
}
.forgot-block h3 {
font-size: 20px;
margin-bottom: 20px;
}
.forgot-block div.input.checkbox {padding:0;height:auto;background:none;}
.loan-header {
display: block;
align-items: stretch; -webkit-align-items: stretch;
display: flex; display: -webkit-flex; display: -moz-flex;
border: 1px solid #006fb9;
border-right: 0;
background: #f8f8f8;
margin-bottom: 20px;
border-radius: 3px;
}
.loan-header > li {
display: inline-block; /*backup if flex dont work*/
float: left;
position: relative;
font-weight: 400;
border-left: 1px solid #006fb9;
text-transform: uppercase;
text-align: center;
padding: 45px 0;
display: flex;
display: -webkit-flex;
display: -moz-flex;
flex-grow: 0;
-webkit-flex-grow: 0;
-moz-flex-grow: 0;
flex-direction: column;
-webkit-flex-direction: column;
-moz-flex-direction: column;
}
.loan-header > li.loan-th,
.loan-header li.loan-graph {
width: 25%;
display:block;
}
.loan-header > li:first-child {
border-left: none;
}
.loan-header > li strong {
display: block;
}
.loan-th {
font-size: 18px;
color: #006fb9;
}
.loan-th strong {
font-weight: 700;
font-size: 36px;
}
.loan-th .tooltip {
/*position: absolute;
right: 10pt;
top: 35pt;*/
position:absolute;margin-left:5px;float:none;display:inline-block;
}
.graph-block {
position: absolute;
top: 0;
left: -1px;
right: 0;
/*min-height:500px;*/
overflow: hidden;
padding: 45px 0 0 0;
color: #fff;
font-size: 18px;
background: #006ab4 /*url(/img/via-new/header-bg-2.jpg) center bottom fixed no-repeat*/;
border-radius: 0px 3px 3px 3px;
}
.graph-block strong {
font-weight: 700;
font-size: 36px;
}
.funded {
color: #ffd200;
}
.pie-chart {
margin: 20px auto;
height: 154px;
width: 154px;
background: #fff;
position: relative;
border-radius: 50%;
border: 5px solid #6397ba;
box-shadow: 0 15px 30px 0 rgba(34, 48, 57, 0.5);
}
.graph-block input {
font-size: 16px;
height: 36px;
width: 114px;
padding: 7px;
display: inline-block;
margin-bottom: 7px;
border: 1px solid rgba(255, 210, 0, 0);
border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.graph-block input[type="text"] {
width: 114px;
}
.graph-block input:focus {
border-color: rgba(255, 210, 0, 1);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.graph-stats {width:90%;text-transform:initial;font-size:18px;font-weight:300;table-layout:fixed;margin:0px 5% 10px 5%;}
.graph-stats strong {font-weight:700;font-size:28px;}
.graph-stats tr td {text-align:right;vertical-align:middle;padding:10px 0;}
.graph-stats tr td:first-child {text-align:left;line-height:1.2;}
.graph-stats tr+tr td {border-top:1px solid #408fc7;}
.graph-stats .my-share {color:#72e5fe;}
.buyback-li {
background: #0f80c7;
}
.buyback {
padding: 15px;
font-weight: 500;
font-size: 16px;
}
.buyback span {
display: inline-block;
position: relative;
padding-left: 36px;
}
.buyback span:before {
content: "";
background: url(/img/via-new/sprite.png) -300px -300px no-repeat;
width: 21px;
height: 26px;
position: absolute;
top: 50%;
left: 0;
margin-top: -13px;
}
.buy-it-back {
padding-bottom: 20px;
font-size: 14px;
font-weight: 500;
}
.buy-it-back a {
display: inline-block;
background: #ffd200;
color: #0f80c7;
padding: 7px 15px;
border-radius: 3px;
-webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.25);
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.25);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.invest-li {
margin-bottom: 30px;
}
#myChart {
width: 158px !important;
height: 158px !important;
position: absolute;
top: -12px;
left: -7px;
}
#myChart2 {
width: 154px;
height: 154px;
position: absolute;
top: 0;
left: 0;
}
.graph-block-done {bottom:0;border-radius:0px 3px 3px 0px;}
.loan-table-2 {
width: 50%;
padding: 40px;
float: left;
}
.loan-table-2 h3 {
border-bottom: 1px solid #c7d1d9;
padding-bottom: 10px;
text-transform: initial;
color: #006fb9;
font-size: 20px;
}
.loan-table-2 table {
width: 100%;
}
.loan-table-2 td {
padding: 5px 0;
color: #768088;
}
.loan-table-2 tr td:first-child {
color: #006fb9;
font-weight: 400;
}
.loan-table-2 .tooltip {
margin-bottom: -4px;margin-left:5px;
float: none;
display: inline-block;
}
.loan-table-3 {
width: 100%;
padding: 0 40px 40px 40px;
clear: both;
}
.loan-table-3 h3 {
border-bottom: 1px solid #c7d1d9;
padding-bottom: 10px;
margin-bottom: 0;
text-transform: initial;
color: #006fb9;
font-size: 20px;
}
.loan-table-3 table {
width: 100%;
}
.loan-table-3 td {
padding: 10px 0;
color: #768088;
text-align: center;
border-bottom: 1px solid #c7d1d9;
}
.loan-table-3 th {
padding: 10px 0;
color: #006fb9;
font-weight: 400;
border-bottom: 1px solid #c7d1d9;
}
.loan-table-3 td.txt-right {
text-align: right;
}
.loan-table-3 th:first-child {
text-align: left;
}
.loan-table-3 tr td:first-child {
text-align: left;
}
.loan-table.loan-bg-3 {
background: #fff;
}
.loan-bg-3 .statement-table th {
padding: 15px 15px;
border-bottom: 1px solid #e0e0e0;
background: #f8f8f8;
}
.loan-bg-3 th {
padding: 20px 10px 20px 10px;
border-bottom: 1px solid #e0e0e0;
background: #f8f8f8;
}
.details-table {
max-width: 716px;
margin: 0 auto;
}
.details-table table {
width: 100%;
}
.table-1 {
background: #fff;
margin-bottom: 20px;
padding: 15px 30px;
border: 1px solid #006ab4;
}
.table-1 tr:first-child td,
.table-1 tr:first-child th {
border-top: none;
}
.table-1 td,
.table-1 th {
border-top: 1px solid #dedede;
padding: 15px 0;
}
.table-1 th {
font-weight: 500;
text-align: left;
}
.table-1 th.txt-right {
text-align: right;
}
.table-1 .copy {
text-align: center;
font-size: 14px;
margin-left: 7px;
}
.table-1 .copy a {
text-decoration: none;
display: inline-block;
background: #f6f6f6;
background: #fff;
color: #4d575e;
border: 1px solid #dedede;
padding: 1px 7px;
border-radius: 3px;
}
.table-1 .copy a:hover {
border-color: #006ab4;
}
.table-1 .copy {
width: 15%;
display: inline-block;
margin-left: 0;
}
.table-1 .copy a {
display: block;
}
.table-1 .copy a.copied {
border-color: #5abe2e;
background: #d4fecc;
color: #328324;
}
.table-1 tr td:first-child {
width: 40%;
}
.txt-right {
text-align: right;
}
.table-1 td {
vertical-align: middle;
}
.details-table .success {
margin-bottom: 20px;
}
.withdrawal {
max-width: 220px;
float: right;
}
.withdrawal .input {
float: left;
width: 120px;
height: 36px;
border: 1px solid #CAD2D8;
-webkit-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
}
.withdrawal .input:focus {
border-color: #006ab4;
}
.withdrawal > span {
float: left;
height: 36px;
line-height: 36px;
width: 30px;
padding: 0 10px 0 0;
}
.alert-block {
border: 2px solid #EAD9B6;
background: #FCF8E3;
color: #8A6D3B;
padding: 20px 25px 20px 80px;
margin-bottom: 20px;
position: relative;
border-radius: 3px;
}
.details-table .alert-block {
text-align: left;
}
.alert-block:before {
content: "";
position: absolute;
top: 50%;
margin-top: -16px;
left: 20px;
width: 36px;
height: 33px;
background: url(/img/via-new/sprite.png) -700px -300px no-repeat;
}
.get-started .close,
.alert-block .close {
position: absolute;
top: 15px;
right: 35px;
text-indent: -9999px;
opacity: 1;
filter: alpha(opacity=100);
}
.get-started .closea,
.alert-block .close a {
height: 20px;
width: 20px;
display: block;
position: relative;
}
.get-started .close a:before,
.alert-block .close a:before {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.get-started .close a:after,
.alert-block .close a:after {
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.get-started .close a:after,
.get-started .close a:before,
.alert-block .close a:before,
.alert-block .close a:after {
content: "";
position: absolute;
top: 0px;
left: 10px;
width: 2px;
height: 20px;
background: #000;
}
.internal-page.loan-table {
margin-bottom: 0;
padding-top: 0px;
}
textarea.copy-txt {
pointer-events: none;
text-align: right;
resize: none;
font-size: 16px;
line-height: 1;
color: #000000;
font-weight: 300;
font-family: 'Roboto', sans-serif;
overflow: hidden;
width: 85%;
padding-right: 7px;
border: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.autoinvest-list .ghost-btn {
margin-bottom: 7px;
text-transform: initial;
font-family: Roboto;
font-size: 14px;
}
.autoinvest-list .ghost-btn a,
.autoinvest-list .ghost-btn input {
display: block;
border-width: 1px;
padding: 7px 10px;
background: #fff;
font-size: 14px;
text-transform: none;
font-weight: normal;
font: inherit;
text-shadow: none;
}
.autoinvest-list .ghost-btn.cancel-btn a {
border-color: #e67d7d;
color: #cf3939;
}
.autoinvest {
max-width: 1200px;
width: 100%;
margin: 0 auto 0 auto;
}
.autoinvest .company-menu {
margin: 0 auto 50px auto;
max-width: 716px;
}
.autoinvest .company-menu li a {
padding: 15px 10px;
}
.company-menu.menu-half li {
width: 50%;
}
.autoinvest-list {
max-width: 716px;
margin: 0 auto;
}
.autoinvest-card {
border: 2px solid #e0e0e0;
background: #f8f8f8;
margin-bottom: 10px;
}
.autoinvest-col {
width: 50%;
padding: 30px 30px 30px 20px;
float: left;
font-size: 14px;
}
.autoinvest-col:first-child {
padding: 30px 20px 30px 30px;
}
.autoinvest-col table tr td:nth-child(2) {
text-align: right;
font-weight: 500;
}
.autoinvest-col table {
width: 100%;
}
.autoinvest-col table tr td {
padding: 5px 0;
text-align: left;
}
.autoinvest-header {
background: #fff;
padding: 20px 30px;
}
.autoinvest-header h2 {
margin: 12px 0 0 0;
float: left;
font-size: 24px;
text-transform: initial;
color: #484848;
position: relative;
padding-left: 65px;
}
.autoinvest-header h2.autoinvest-active:before {
content: "";
position: absolute;
top: -5px;
left: 0;
background: url(/img/via-new/sprite.png) -387px -288px no-repeat;
width: 43px;
height: 43px;
border: 2px solid #4eb829;
border-radius: 50%;
}
.autoinvest-header h2.autoinvest-inactive:before {
content: "";
position: absolute;
top: -5px;
left: 0;
background: url(/img/via-new/sprite.png) -637px -287px no-repeat;
width: 43px;
height: 43px;
border: 2px solid #e0e0e0;
border-radius: 50%;
}
.autoinvest-header .portf-size {
float: right;
color: #016db8;
font-weight: 500;
}
.autoinvest-header .portf-size span {
font-size: 36px;
font-weight: 700;
}
.autoinvest-list .button-wrap {
margin-top: 10px;
align-items: stretch; -webkit-align-items: stretch;
display: flex; display: -webkit-flex; display: -moz-flex;
flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between;
}
.autoinvest-list .ghost-btn {
width: 30%;
margin-bottom: 0;
display: flex; display: -webkit-flex; display: -moz-flex;
flex-grow: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0;
flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column;
}
.autoinvest-list > .third-btn {
margin-top: 30px;
}
.autoinvest .ui-accordion {
max-width: 716px;
margin: 60px auto 0 auto;
}
.n-closed {
height: 140px;
overflow: hidden;
}
.news-list {
margin: 40px 0 0px 0;
}
.news-block {
position: relative;
margin-bottom: 40px;
}
.news-block h2 {
font-size: 20px;
}
.news-block .more {
position: relative;
height: 26px;
width: 100%;
text-indent: -9999px;
border-bottom: 1px solid #ccc;
background-color: #fff;
border-top: none;
border-left: none;
border-right: none;
}
.news-block .more a {
width: 30px;
height: 26px;
display: block;
position: absolute;
bottom: -12px;
left: 50%;
margin-left: -15px;
background: #fff;
border: 1px solid #ccc;
border-radius: 5px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.news-block .more a:before {
content: "";
width: 11px;
height: 7px;
top: 50%;
left: 50%;
margin: -4px 0 0 -6px;
position: absolute;
background: url(/img/via-new/sprite.png) -250px -300px;
}
.news-block .more a:hover {
border-color: #949494;
}
.news-list .back {
line-height: 1;
}
.news-list .back a {
display: inline-block;
color: #666;
padding: 10px 15px 10px 30px;
border: 1px solid #ccc;
position: relative;
border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.news-list .back a:before {
content: "";
background: url(/img/via-new/sprite.png) -350px -300px no-repeat;
width: 14px;
height: 13px;
position: absolute;
top: 50%;
left: 8px;
margin-top: -6px;
}
.news-list .back a:hover {
border-color: #666;
}
footer {
height: auto;
}
.footer-wrap {
background: #0d2541;
color: #c0c0c7;
font-size: 14px;
}
.footer-wrap .grid {
display: block;
justify-content: flex-start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
display: flex; display: -webkit-flex; display: -moz-flex;
flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
}
.footer-wrap .col-4 {
display: inline-block;
display: flex; display: -webkit-flex; display: -moz-flex;
flex-grow: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0;
flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column;
border-left: 1px solid rgba(255, 255, 255, 0.1);
padding: 60px 0;
text-align: center;
text-transform: uppercase;
height: 208px;
margin: 0;
}
.footer-wrap .col-4:first-child {
border-left: 0;
}
.footer-wrap .col-4 ul {
margin-top: 15px;
}
.footer-wrap .col-4 li {
margin-bottom: 5px;
}
.footer-wrap .col-4 li a {
color: #656565;
}
.footer-wrap .col-12 {
/*display: flex; display: -webkit-flex; display: -moz-flex;
flex-grow: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0;
flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column;*/
float: none;
text-align: center;
clear: both;
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 50px 0;
}
.footer-wrap h3 {
color: #fff;
font-size: 18px;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 10px;
margin-top: 0;
}
.footer-wrap .soc {
/*justify-content: center; -webkit-justify-content: center; -moz-justify-content: center;
align-items: center; -webkit-align-items:center;
display: flex; display: -webkit-flex; display: -moz-flex;
flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;*/
display: block;
text-align: center;
}
.footer-wrap .soc li {
width: 30px;
height: 26px;
/*display: flex; display: -webkit-flex; display: -moz-flex;
flex-grow: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0;
flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column;*/
display: inline-block;
margin: 0 7px;
}
.footer-wrap .soc li a {
display: block;
width: 30px;
height: 26px;
position: relative;
}
.footer-wrap .soc li a:before {
content: "";
width: 30px;
height: 26px;
top: 0;
left: 0;
position: absolute;
background: url(/img/via-new/sprite.png) no-repeat;
}
.footer-wrap .soc li.twitter-pg a:before {
background-position: 0px -550px;
}
.footer-wrap .soc li.facebook-pg a:before {
background-position: -50px -550px;
}
.footer-wrap .soc li.instagram-pg a:before {
background-position: -900px 0px;
}
.footer-wrap .soc li.google-plus a:before {
width: 40px;
background-position: -50px -600px;
}
.footer-wrap .soc li.twitter-pg a:before {background-position:0px -550px;}
.footer-wrap .soc li.facebook-pg, .footer-wrap .soc li.facebook-pg a {width:26px;height:26px;}
.footer-wrap .soc li.facebook-pg a:before {background-position:-50px -550px;}
.footer-wrap .soc li.google-plus, .footer-wrap .soc li.google-plus a {width:40px;height:25px;}
.footer-wrap .soc li.google-plus a:before {width:40px;background-position:-50px -600px;}
.footer-wrap .soc li.linked-in, .footer-wrap .soc li.linked-in a {width:28px;}
.footer-wrap .soc li.linked-in a:before {width:28px;background-position:0px -700px;}
.footer-wrap .soc li.youtube, .footer-wrap .soc li.youtube a {width:29px;height:20px;}
.footer-wrap .soc li.youtube a:before {width:29px;height:20px;background-position:-50px -700px;}
.footer-wrap li.skype-us a {position:relative;display:inline-block;padding-left:15px;color:#c0c0c7}
.footer-wrap li.skype-us a:before {content:"";position:absolute;top:50%;left:-15px;margin-top:-13px;width:26px;height:26px;background:url(../img/sprite.png) 0px -600px no-repeat;}
.footer-nav {
font-family: 'Montserrat', sans-serif;
justify-content: center; -webkit-justify-content: center; -moz-justify-content: center;
align-items: center; -webkit-align-items:center;
display: flex; display: -webkit-flex; display: -moz-flex;
flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
font-size: 16px;
}
.footer-nav li {
display: flex;
flex-grow: 0;
flex-direction: column;
margin: 0 15px;
}
.footer-nav li a {
display: block;
color: #fff;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.footer-nav li a:hover {
color: #ffd200;
}
.col-4.sub-sect li a {
color: #fff;
text-transform: none;
}
.footer-wrap .col-4.sub-sect ul {
margin-top: 30px;
}
.tpro {
padding: 2px 0 0 70px;
margin: 0 0 20px 30px;
min-height: 54px;
position: relative;
text-align: left;
text-transform: initial;
font-size: 12px;
line-height: 1.1;
color: #c0c0c7;
}
.tpro a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 55px;
height: 54px;
text-indent: -9999px;
}
.tpro a:before {
content: "";
background: url(/img/via-new/sprite.png) -50px -250px no-repeat;
width: 55px;
height: 54px;
position: absolute;
top: 0;
left: 0;
}
.ptac-licence {
padding: 5px 0 0 70px;
margin: 0 0 20px 30px;
min-height: 70px;
position: relative;
text-align: left;
text-transform: initial;
font-size: 12px;
line-height: 1.1;
color: #c0c0c7;
}
.ptac-licence a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 49px;
height: 70px;
text-indent: -9999px;
}
.ptac-licence a:before {
content: "";
background: url(/img/via-new/sprite.png) 0px -250px no-repeat;
width: 49px;
height: 70px;
position: absolute;
top: 0;
left: 0;
}
.mastercrd {
position: relative;
margin: 10px 0 30px 25px;
}
.mastercrd a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 67px;
height: 40px;
text-indent: -9999px;
}
.mastercrd a:before {
content: "";
background: url(/img/via-new/sprite.png) -150px -250px no-repeat;
width: 67px;
height: 40px;
position: absolute;
top: 0;
left: 0;
}
.footer-wrap .col-4:nth-child(3) {
padding: 30px 0;
}
.footer-wrap .col-3 {display:flex;flex-grow:0;flex-direction:column;float:none;border-left:1px solid rgba(255,255,255,0.1);padding:60px 0;margin:0;width:25%;text-align:center;/*text-transform:uppercase;*/}
.footer-wrap .col-3:first-child {border-left:0;}
.footer-wrap .col-3 ul {margin-top:0px;}
.footer-wrap .col-3 li {margin-bottom:7px;}
.footer-wrap .col-3 li a {color:#c0c0c7;}
.footer-wrap .col-3 li.skype-us a {position:relative;display:inline-block;padding-left:15px;}
.footer-wrap .col-3 li.skype-us a:before {content:"";position:absolute;top:50%;left:-15px;margin-top:-13px;width:26px;height:26px;background:url(../img/sprite.png) 0px -600px no-repeat;}
.working-hours table {text-align:center;width:100%;margin-top:15px;}
.working-hours table td {padding:2px 0;}
.working-hours {/*padding-left:10%;*/}
.lang-lv .details-table .table-1 tr:nth-child(7) td {vertical-align:top;}
.lang-lv .details-table textarea#copy7 {height:30px;width: 100%;}
/* Layout helpers */
.table-tooltip {
max-width: 110px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
#accordion1 > div, #accordion2 > div, #accordion3 > div, #accordion4 > div {display:none;}
.ui-accordion h3, #accordion1 h3, #accordion2 h3, #accordion3 h3, #accordion4 h3, #accordion5 h3 {
text-transform: initial;
font-family: 'Roboto', sans-serif;
color: #56525a;
margin: 0;
font-size: 16px;
font-weight: 500;
border-bottom: 1px solid #e6e6e6;
padding: 15px 0 15px 25px;
cursor: pointer;
position: relative;
}
.ui-accordion h3:before, #accordion1 h3:before, #accordion2 h3:before, #accordion3 h3:before, #accordion4 h3:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 8px;
height: 13px;
margin-top: -7px;
background: url(/img/via-new/right.svg) 0 0 no-repeat;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.ui-accordion h3.ui-accordion-header-active:before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.ui-accordion h3.ui-accordion-header-active {
color: #07a8ca;
}
.ui-accordion-content {
padding: 20px 0 10px 45px;
line-height: 1.4;
}
.ui-tooltip {
padding: 10px;
font-size: 14px;
position: absolute;
z-index: 9999;
max-width: 300px;
background: #fff;
color: #444;
-webkit-filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.35));
filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.35));
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#ccc')";
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#ccc')";
}
.autoinvest #accordion4 {max-width:716px;margin:60px auto 0 auto;}
.ui-tooltip-content {
/*text-align: justify;*/
}
.arrow:before {
content: "";
position: absolute;
bottom: -5px;
left: 50%;
margin-left: -5px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #fff transparent transparent transparent;
}
.tooltip {
float: right;
text-indent: -9999px;
width: 18px;
height: 18px;
display: block;
background: url(/img/via-new/sprite.png) -750px -50px no-repeat;
position: relative;
opacity: 1;
padding: 0;
z-index:2;
}
.statement-table .tooltip {
margin-left: 5px;
float: none;
display: inline-block;
margin-bottom: -4px;
}
.statement-table .tooltip:after {
display: none;
}
.tooltip.tooltip2 {
float: none;
display: inline-block;
margin-left: 5px;
margin-top: -6px;
margin-bottom: -6px;
}
.tooltip.tooltip-left {
float: none;
display: inline-block;
margin-left: 5px;
}
.tooltip-3 {
text-indent: -9999px;
width: 18px;
height: 18px;
display: inline-block;
background: url(/img/via-new/sprite.png) -750px -50px no-repeat;
}
.tooltip-3:hover {
background-position: -750px -300px;
}
/* language menu */
.ui-front {
z-index: 100;
}
.lang select {
display: none;
}
.ui-selectmenu-menu {
position: fixed;
top: 0;
left: 0;
display: none;
font-weight: 500;
text-align: center;
}
.ui-selectmenu-menu .ui-menu {
background: #006ab4;
padding: 3px 0;
border: 2px solid #fff;
border-radius: 3px;
}
.ui-selectmenu-menu .ui-menu li {
position: relative;
padding: 2px 5px;
cursor: pointer;
}
.ui-selectmenu-menu .ui-menu li {
color: #fff;
}
.ui-selectmenu-menu .ui-menu li:hover,
.ui-menu .ui-state-focus {
color: #ffd200;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-button {
display: block;
overflow: hidden;
position: relative;
cursor: pointer;
width: 40px!important;
}
.ui-selectmenu-text {
padding: 5px 15px 5px 5px;
display: block;
position: relative;
color: #fff;
}
.ui-selectmenu-text:before {
content: "";
position: absolute;
top: 50%;
right: 0;
margin-top: -3px;
width: 11px;
height: 7px;
background: url(/img/via-new/sprite.png) -200px 0 no-repeat;
}
/* datepicker */
.datepicker-wrap {
position: relative;
}
.datepicker-wrap:before {
/*content:"";position:absolute;bottom:9px;right:9px;width:15px;height:18px;background:url(/img/via-new/sprite.png) -600px -300px no-repeat;pointer-events:none;*/
}
.datepicker-wrap input {
border: 1px solid #CAD2D8;
width: 100%;
border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.datepicker-wrap input:focus {
border-color: #9FAFBC;
}
.add-onn.js-calender-block:before {
content: "";
position: absolute;
right: 9px;
width: 15px;
height: 18px;
background: url(/img/via-new/sprite.png) -600px -300px no-repeat;
pointer-events: none;
}
.bootstrap-datetimepicker-widget:before,
.bootstrap-datetimepicker-widget:after {
display: none;
}
.ui-datepicker,
.bootstrap-datetimepicker-widget {
background-color: #009ac1;
color: #fff;
margin-top: 1px;
width: 230px;
font-size: 14px;
padding: 10px 15px;
border-radius: 3px;
display: none;
}
.ui-datepicker-calendar {
width: 100%;
table-layout: fixed;
}
.ui-datepicker-unselectable {
opacity: 0.30;
}
.ui-datepicker-header {
padding-bottom: 5px;
}
.ui-datepicker-calendar td {
text-align: center;
}
.ui-datepicker-calendar th,
.bootstrap-datetimepicker-widget .dow {
background: rgba(0, 0, 0, 0.1);
height: 24px;
line-height: 24px;
border-radius: 0;
}
.ui-datepicker-calendar a {
display: block;
color: #fff;
height: 24px;
line-height: 24px;
position: relative;
}
.ui-datepicker-calendar a:hover {
background: #ffbf1a;
}
.ui-datepicker-today a {
background: rgba(255, 255, 255, 0.1);
}
.ui-datepicker-today a:before,
.bootstrap-datetimepicker-widget td.active:before {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 6px;
height: 6px;
background: url(/img/via-new/sprite.png) -550px -300px no-repeat;
}
.ui-datepicker-other-month a {
color: rgba(255, 255, 255, 0.60);
}
.ui-state-disabled span {
display: block;
height: 24px;
line-height: 24px;
}
.ui-datepicker-current-day a {
background: #ffbf1a;
}
.ui-datepicker-title {
width: 80%;
margin: 0 10%;
text-align: center;
}
.ui-datepicker-prev {
display: block;
width: 10%;
height: 20px;
float: left;
text-indent: -9999px;
position: relative;
cursor: pointer;
}
.ui-datepicker-next {
display: block;
width: 10%;
height: 20px;
float: right;
text-indent: -9999px;
position: relative;
cursor: pointer;
}
.ui-datepicker-prev:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 4px;
height: 6px;
margin: -2px 0 0 -3px;
background: url(/img/via-new/sprite.png) -500px -300px no-repeat;
}
.ui-datepicker-next:before {
content: "";
position: absolute;
top: 50%;
right: 50%;
width: 4px;
height: 6px;
margin: -2px -3px 0 0;
background: url(/img/via-new/sprite.png) -510px -300px no-repeat;
}
.bootstrap-datetimepicker-widget table {
background: transparent;
}
.bootstrap-datetimepicker-widget thead tr:first-child th {
background: transparent;
}
.bootstrap-datetimepicker-widget .table-condensed tr:hover,
.bootstrap-datetimepicker-widget .table-condensed tr:hover td {
background-color: transparent;
}
.bootstrap-datetimepicker-widget td.active:hover,
.bootstrap-datetimepicker-widget td.active:hover:hover,
.bootstrap-datetimepicker-widget td.active:active,
.bootstrap-datetimepicker-widget td.active:hover:active,
.bootstrap-datetimepicker-widget td.active.active,
.bootstrap-datetimepicker-widget td.active:hover.active,
.bootstrap-datetimepicker-widget td.active.disabled,
.bootstrap-datetimepicker-widget td.active:hover.disabled,
.bootstrap-datetimepicker-widget td.active[disabled],
.bootstrap-datetimepicker-widget td.active:hover[disabled] {
background: rgba(255, 255, 255, 0.1)!important;
position: relative;
}
.bootstrap-datetimepicker-widget .table-condensed tr td,
.bootstrap-datetimepicker-widget .table-condensed tr th {
border-radius: 0;
border: none;
}
.bootstrap-datetimepicker-widget .table-condensed tr td.day:hover,
.bootstrap-datetimepicker-widget .table-condensed tr td.hour:hover,
.bootstrap-datetimepicker-widget .table-condensed tr td.minute:hover,
.bootstrap-datetimepicker-widget .table-condensed tr td.second:hover {
background: #ffbf1a;
}
.bootstrap-datetimepicker-widget .table-condensed thead th:hover {
background-color: transparent!important;
color: #ffbf1a;
}
.bootstrap-datetimepicker-widget td.old,
.bootstrap-datetimepicker-widget td.new {
color: rgba(255, 255, 255, 0.60);
}
.modal-overlay-1,
.modal-overlay-2 {
background: rgba(255, 255, 255, 0.35);
}
.modal-overlay-3 {
background: rgba(0, 0, 0, 0.4);
}
.modal-overlay-1,
.modal-overlay-2,
.modal-overlay-3 {
display: none;
position: fixed;
z-index: 90;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.modal-overlay-2 {
background: rgba(255, 255, 255, 0);
}
.modal {
max-height: 800px;
margin: auto;
display: none;
font-size: 14px;
line-height: 20px;
position: absolute;
overflow: auto;
top: 30%;
left: 50%;
padding: 50px 50px 43px 50px;
background: #fff;border:0;
z-index: 9999;
border-radius: 3px;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.modal-business, .modal-regulatory {
position: fixed;
}
.modal-regulatory {
top: 10% !important;
}
.modal-l {
width: 780px;
}
.modal-m {}
.modal-s {top: 50%;}
.modal .close {
position: absolute;
top: 15px;
right: 15px;
text-indent: -9999px;
}
.modal .close a {
height: 20px;
width: 20px;
display: block;
position: relative;
}
.modal .close a:before,
.close a:after {
content: "";
position: absolute;
top: 0px;
left: 10px;
width: 2px;
height: 20px;
background: #000;
}
.modal .close a:before {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.modal .close a:after {
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.modal.log-modal {
background: #f8f8f8;
border-radius: 0 0 3px 3px;border-radius:3px;
}
.log-modal .log-drop {
width: auto;
position: static;
top: auto;
right: auto;
background: none;
color: initial;
padding: 0;
opacity: 1;
transform-style: flat;
transform: none;
transform-origin: 50% 50% 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-filter: none;
-ms-filter: none;
filter: none;
}
.log-title {
padding-bottom: 10px;
border-bottom: 1px dotted #ccc;
margin-bottom: 20px;
}
.log-title .ghost-btn {
float: right;
text-transform: initial;
}
.log-title strong {
font-size: 16px;
display: block;
padding: 7px 0;
float: left;
}
.modal h2 {
color: #4d5e78;
font-size: 18px;
margin-top: 0;
margin-bottom: 20px;
}
.modal p {
margin-bottom: 7px;
}
.modal ol {
margin: 10px 0;
}
.modal ol > li {
list-style-type: none;
counter-increment: list;
position: relative;
padding-left: 20px;
margin-bottom: 10px;
}
.modal ol > li:before {
content: counter(list) ".";
position: absolute;
left: 0;
text-align: right;
color: #3ba39c;
font-weight: 500;
}
.modal ul {
margin-top: 10px;
}
.modal ul > li {
position: relative;
padding-left: 17px;
margin-bottom: 7px;
}
.modal ul > li:before {
content: "";
position: absolute;
left: 0px;
top: 6px;
height: 5px;
width: 5px;
border-radius: 50%;
background: #4dafa9;
}
.error-page {
text-align: center;
padding: 60px 0 180px 0;
width: auto;
}
.error-page .internal-8 {
width: 626px;
margin: 0 auto;
}
.error-page h1 {
text-transform: initial;
padding: 0 20px;
font-size: 28px;
}
.error-page p {
font-size: 24px;
}
.error404 {
font-size: 200px;
color: #EAEAEA;
font-weight: 500;
line-height: 1;
margin: 20px 0;
cursor: default;
display: block;
}
.error-page .ghost-btn a {
padding: 10px 20px;
line-height: 1;
}
#tab2 {
display: block;
}
.show-nav {}
/* http://scotch.io/tutorials/off-canvas-menus-with-css3-transitions-and-transforms */
#site-wrapper {
position: relative;
overflow: hidden;
width: 100%;
min-height: 100vh;
}
#site-canvas {
width: 100%;
min-height: 100vh;
position: relative;
-webkit-transform: translateX(0);
-webkit-transform: translate3d(0, 0, 0);
transform: translateX(0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.show-nav #site-canvas {
-webkit-transform: translateX(300px);
-webkit-transform: translate3d(300px, 0, 0);
transform: translateX(300px);
transform: translate3d(300px, 0, 0);
}
#site-menu {
width: 300px;
height: 100%;
position: absolute;
top: 0;
left: -300px;
background: #006ab4;
padding: 30px;
}
.ease-in-out {
-webkit-transition: 300ms ease-out all;
transition: 300ms ease-out all;
}
.snappy {
-webkit-transition: all 300ms cubic-bezier(.694, .0482, .335, 1);
transition: all 300ms cubic-bezier(.694, .0482, .335, 1);
}
.sidemenu {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 18x;
position: relative;
z-index: 5;
}
.sidemenu li {
border-top: 2px solid rgba(255, 255, 255, 0.1);
}
.sidemenu li:first-child {
border: 0;
}
.sidemenu li a {
padding: 10px 10px;
color: #fff;
display: block;
}
.sidemenu li a:hover {
/*background:rgba(255,255,255,0.05);*/
color: #ffd200;
}
disabled,
.disabled a {
opacity: 0.5;
cursor: not-allowed;
/*pointer-events:none;*/
}
a.disabled {
pointer-events: none;
}
#site-menu .open-it {
display: block;
width: 25px;
height: 25px;
text-indent: -9999px;
position: relative;
margin-left: auto;
}
#site-menu .open-it:before,
#site-menu .open-it:after {
content: "";
position: absolute;
top: 0px;
left: 10px;
width: 2px;
height: 25px;
background: rgba(255, 255, 255, 0.5);
}
#site-menu .open-it:before {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#site-menu .open-it:after {
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#site-menu .open-it:hover:before,
#site-menu .open-it:hover:after {
background: rgba(255, 255, 255, 1);
}
.upload-wrap {
margin-bottom: 20px;
}
.withdrawal-upload {
padding: 20px 30px;
background: #eef2f5;
}
.inputfile {
display: none;
}
.js .inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.inputfile + label {
max-width: 100%;
font-size: 16px;
font-weight: 500;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
padding: 0;
}
.no-js .inputfile + label {
display: none;
}
.inputfile:focus + label,
.inputfile.has-focus + label {
outline: 1px dotted #000;
outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label * {
/* pointer-events:none; */
/* in case of FastClick lib use */
}
.inputfile + label svg {
width: 1em;
height: 1em;
vertical-align: middle;
fill: currentColor;
margin-top: -0.25em;
/* 4px */
margin-right: 0.25em;
/* 4px */
}
/* style 1 */
.inputfile-1 + label {
color: #07a8ca;
/*border:2px solid currentColor;*/
}
.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
color: #00bce4;
}
.inputfile-1 + label.disabled,
.inputfile-1 + label.disabled:hover {
color: #98a3a5;
cursor: default;
}
.upload-wrap .button,
.upload-wrap .box {
float: left;
}
.upload-wrap .button {
margin-left: 10px;
}
.upload-wrap .box {
margin-top: 5px;
}
.doc-list {
margin-bottom: 24px;
}
.doc-list > li {
background: #f8f8f8;
margin-bottom: 3px;
padding: 14px 20px 14px 60px;
position: relative;
align-items: flex-end;
display: flex;
flex-wrap: wrap;
border-radius: 3px;
}
.doc-list > li:before {
content: "";
position: absolute;
left: 10px;
bottom: 17px;
width: 32px;
height: 32px;
background: url(../img/via-new/sprite.png) -40px -350px no-repeat;
}
.doc-list > li.act {
background: #dcf0ff;
}
.doc-list > li.add-new-doc {
padding-left: 15px;
}
.doc-list > li.add-new-doc:before {
display: none;
}
.upload-wrap-2 {
width: 40%;
}
.doc-list > li.act:before {
margin-top: 0;
background-position: -100px -350px;
}
.doc-list > li.succesful {
background: #dff0d8;
color: #3c763d;
}
.doc-list > li.succesful:before {
margin-top: 0;
width: 32px;
height: 32px;
background-position: -100px -350px;
}
.doc-list .succesful .ghost-btn a {
padding: 5px 10px;
border-color: #3c763d;
color: #3c763d;
}
.succesful .upload-wrap-2 .box {
border-color: #d6e9c6;
}
.doc-list .succesful .inputfile + label {
color: #3c763d;
}
.doc-list > li.in-progress {
background: #fcf8e3;
}
.doc-list > li.in-progress:before {
width: 32px;
height: 32px;
left: 15px;
background-position: -100px -400px;
}
.doc-list .in-progress .ghost-btn a {
padding: 5px 10px;
border-color: #8a6d3b;
color: #8a6d3b;
}
.in-progress .box {
padding: 10px;
color: #8a6d3b;
fill: #8a6d3b;
border-color: #faebcc;
}
.doc-list .in-progress .inputfile + label {
color: #8a6d3b;
}
.doc-list > li.declined {
background: #f2dede;
}
.doc-list .declined .ghost-btn a {
padding: 5px 10px;
border-color: #a94442;
color: #a94442;
}
.doc-list > li.declined:before {
width: 32px;
height: 32px;
left: 15px;
background-position: -50px -400px;
}
.declined .upload-wrap-2 .box {
border-color: #ebccd1;
}
.doc-list .declined .inputfile + label {
color: #a94442;
}
.doc-list .ghost-btn {
margin-left: auto;
font-size: 14px;
}
.doc-list .ghost-btn a {
padding: 5px 10px;
border-color: #07a8ca;
color: #07a8ca;
}
.upload-wrap-2 .box {
border: 1px solid #ccc;
padding: 10px 10px;
line-height: 1;
background: #fff;
border-radius: 3px;
margin-right: 20px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.file-info {
font-size: 14px;
width: 40%;
}
.file-info li span {
color: #9e9e9e;
}
.npt-block .upload-wrap .button {
float: right;
}
.chart-block-2 {
position: relative;
padding: 40px 0;
margin: 40px 0 0 0;
}
.chart-select-1 {
position: absolute;
top: 0;
left: 30px;
width: 200px;
z-index: 3;
}
.chart-select-2 {
position: absolute;
bottom: -25;
right: 30px;
width: 200px;
z-index: 3;
}
.npt-label {
color: #006bb5;
font-weight: 500;
}
.radio-inline {
display: inline-block;
}
.radio-inline + .radio-inline {
margin-left: 10px;
}
#chart_div {
min-height: 400px;
}
.chart {
width: 100%;
min-height: 450px;
}
.list-default {
list-style-type: disc;
margin: 5px 0 10px 20px;
}
.list-alpha {
list-style-type: lower-alpha;
margin: 5px 0 5px 20px;
}
.list-decimal {
list-style-type: decimal;
margin: 5px 0 10px 20px;
}
.list-default li,
.list-alpha li,
.list-decimal li {
margin: 2px 0;
}
.choice {
width: 54px;
margin-left: 5px;
font-weight: 500;
overflow: hidden;
float: right;
border: 1px solid #006fb9;border:1px solid #e1e5e7;
border-radius: 3px;
}
.choice li {float:left;width:50%;text-align:center;}
.choice li a {
display: block;
width: 26px;
height: 22px;
line-height: 22px;
background: #fff;
color: #006fb9;color:#4a4a4a;border-radius:3px;
}
.choice li.current a {
background: #006fb9;
color: #fff;
}
.map-region {
position: relative;
}
.map-region svg{
max-height: 554px;
max-width: 470px;
margin: auto;
}
.dt0 {
fill: #E0E0E0;
stroke: #FFFFFF;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.dt18,
.dt19 {
fill: #006ab4;
cursor: pointer;
}
.dt18:hover,
.dt19:hover {
fill: #ffd200;
}
.dt24 {
fill: #006ab4;
cursor: pointer;
}
.dt24:hover {
fill: #ffd200;
}
.dt25 {
stroke: #FFFFFF;
}
.dt33,
.dt38 {
fill: #006ab4;
cursor: pointer;
}
.dt33:hover,
.dt38:hover {
fill: #ffd200;
}
.map-info {
position: absolute;
top: 200px;
left: -55px;
width: 770px;
padding: 30px;
background: #fff;
z-index: 91;
display: none;
border-radius: 3px;
-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
}
.map-info .close {
position: absolute;
top: 15px;
right: 15px;
text-indent: -9999px;
opacity: 1;
filter: alpha(opacity=100);
}
.map-info .close a {
height: 20px;
width: 20px;
display: block;
position: relative;
}
.map-info .close a:before {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.map-info .close a:after {
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.map-info .close a:before,
.map-info .close a:after {
content: "";
position: absolute;
top: 0px;
left: 10px;
width: 2px;
height: 20px;
background: #000;
}
.map-info .ui-tabs-panel {
padding: 20px 0 10px 0;
}
.map-info .ui-tabs-nav {
border-bottom: 1px solid #e0e0e0;
}
.map-info .ui-tabs li.ui-tab.ui-tabs-active {
border: 1px solid #e0e0e0;
border-bottom: 1px solid #fff;
}
.map-info .ui-tabs li.ui-tab {
float: left;
width: 25%;
border-top: 1px solid #fff;
margin-bottom: -1px;
}
.map-info .ui-tabs li.ui-tab a {
display: block;
padding: 20px;
}
.ui-helper-clearfix:after {
display: table;
content: "";
clear: both;
}
.grp-logo {
width: 100%;
height: 50px;
position: relative;
}
.grp-logo:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
background: url(/img/via-new/group-logos.png) no-repeat;
}
.map-logo {
max-width: 80px;
margin: 0 auto 5px auto;
}
.map-info .ui-tabs li.ui-tab a {
display: block;
padding: 20px;
}
.map-info .ui-tabs-panel ul {
margin-bottom: 10px;
border: 0;
}
.map-info .ui-tabs-panel ul li {
padding-left: 20px;
position: relative;
}
.map-info .ui-tabs-panel ul li:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 9px;
height: 9px;
margin-top: -4px;
background: url(/img/via-new/sprite.png) -100px -100px no-repeat;
}
.map-info .ui-tabs-panel .group-link {
position: relative;
padding-left: 20px;
}
.map-info .ui-tabs-panel .group-link:before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 15px;
height: 15px;
margin-top: -7px;
background: url(/img/via-new/sprite.png) 0px -400px no-repeat;
}
.map-info .ui-tabs-panel .group-link a {
display: inline-block;
position: relative;
color: #006ab4;
}
.map-info .ui-tabs-panel .group-link a:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -2px;
height: 1px;
background: #d7e8f9;
}
.required label {
background: none;
}
.invest-confirm {
max-width: 660px;
margin: 0 auto;
}
.invest-confirm > div {
margin-bottom: 20px;
}
.invest-confirm .input {
display: inline-block;
font-size: 18px;
color: #000;
font-weight: 700;
width: 90px;
height: 36px;
padding: 7px;
border: 1px solid #ccc;
border-radius: 3px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.invest-confirm .input:focus {
border-color: #0154a4;
/*box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);*/
}
.invest-confirm .rules {
overflow: auto;
max-height: 400px;
margin-bottom: 0px;
}
.invest-confirm .rules table {
margin-bottom: 20px;
}
.invest-confirm .rules table tr td,
.invest-confirm .rules table tr th {
padding: 3px 5px;
vertical-align: top;
}
.amount {
text-align: center;
font-size: 24px;
margin-bottom: 20px;
background: #f8f8f8;
color: #0154a4;
border: 1px solid #e7e7e7;
border-top: 0;
padding: 30px 20px;
border-radius: 0 0 3px 3px;
/*-webkit-box-shadow:inset 0 0 15px 0 rgba(0,0,0,0.1);box-shadow:inset 0 0 15px 0 rgba(0,0,0,0.1);*/
}
.amount strong {
font-weight: 700;
font-size: 36px;
margin-bottom: 10px;
display: inline-block;
line-height: 1;
display: inline-block;
vertical-align: top;
}
/*.invest-confirm .new-amount {line-height:1;margin:4px 0 20px 0;font-size:18px;font-weight:700;}*/
.new-amount-block {
margin: 8px 0 15px 0;
}
.amount .secondarry-btn a {
padding: 9px 15px;
}
.amount .secondarry-btn a:before {
display: none;
}
.amount>div .required {
display: inline-block;
padding: 0;
border: none;
vertical-align: top;
}
.amount>div .required>input {
font-weight: 700;
font-size: 36px;
color: #0154a4;
background: transparent;
width: 100px;
text-align: center;
}
.invest-summary {
overflow: hidden;
border: 1px solid #e7e7e7;
border-radius: 3px 3px 0 0;
}
.invest-summary li {
width: 33.33%;
float: left;
font-size: 18px;
color: #006fb9;
text-align: center;
padding: 20px 0;
border-left: 1px solid #e7e7e7;
}
.invest-summary li:first-child {
border-left: 0;
}
.invest-summary li strong {
display: block;
font-weight: 700;
font-size: 22px;
}
.accept-rules {
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding: 20px 0;
text-align: center;
}
.accept-rules label {
display: inline-block;
}
.js-term:focus {
outline-color: red!important;
}
.invest-confirm input[type="checkbox"] {
margin: 0 5px 0 0;
}
.invest-confirm .secondarry-btn {
text-align: center;
}
#change-amount a {
width: auto!important;
background: transparent;
}
div,
p,
a,
li,
td {
-webkit-text-size-adjust: 100%;
}
#UserCashWithdrawalAddForm .error-message {
display: inline-block;
}
.values {
justify-content: center; -webkit-justify-content: center; -moz-justify-content: center;
margin-top: 30px;
}
.values li {
width: 31%;
margin: 0 1% 30px 1%;
text-align: center;
}
.values .icon {
width: 71px;
height: 60px;
position: relative;
margin: 0 auto 10px auto;
}
.values h3 {
text-transform: initial;
font-size: 16px;
margin-bottom: 5px;
}
.values .icon:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
background: url(/img/via-new/sprite.png) no-repeat;
}
.values .icon-21:before {
width: 71px;
height: 55px;
margin: -28px 0 0 -36px;
background-position: -100px -550px;
}
.values .icon-22:before {
width: 53px;
height: 52px;
margin: -26px 0 0 -26px;
background-position: -200px -550px;
}
.values .icon-23:before {
width: 40px;
height: 59px;
margin: -30px 0 0 -20px;
background-position: -300px -550px;
}
.values .icon-24:before {
width: 52px;
height: 60px;
margin: -30px 0 0 -26px;
background-position: -350px -550px;
}
.values .icon-25:before {
width: 66px;
height: 44px;
margin: -22px 0 0 -33px;
background-position: -450px -550px;
}
.careers-block {
padding: 40px 0;
background: #f8f8f8;
text-align: center;
}
.careers-wrap {
padding-top: 30px;
display: none;
}
.careers-wrap h3 {
font-size: 16px;
text-align: center;
margin-bottom: 30px;
}
.qualities {
margin-bottom: 20px;
}
.qualities li {
float: left;
width: 33.3333%;
text-align: center;
}
.qualities .icon {
width: 50px;
height: 62px;
margin: 0 auto 10px auto;
position: relative;
}
.qualities .icon:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
background: url(/img/via-new/sprite.png) no-repeat;
}
.qualities .icon-31:before {
width: 41px;
height: 60px;
margin: -30px 0 0 -20px;
background-position: -550px -550px;
}
.qualities .icon-32:before {
width: 43px;
height: 62px;
margin: -31px 0 0 -21px;
background-position: -600px -550px;
}
.qualities .icon-33:before {
width: 57px;
height: 49px;
margin: -25px 0 0 -26px;
background-position: -650px -550px;
}
.our-numbers {
width: 770px;
margin: 0 auto;
}
.our-numbers h2 {
font-size: 24px;
text-align: center;
}
.number-wrap {
width: 100%;
background: #f8f8f8;
border: 1px solid #ccc;
border-bottom: 0;
font-size: 18px;
display: flex; display: -webkit-flex; display: -moz-flex;
align-items: center; -webkit-align-items:center;
justify-content: center; -webkit-justify-content: center; -moz-justify-content: center;
}
.size-24 {
font-size: 24px;
}
.size-36 {
font-size: 36px;
}
.number-wrap p {
align-self: center;
flex: 1 0 auto;
margin: 0;
}
.number-wrap strong {
display: block;
color: #006ab4;
}
.numbers-block {
width: 50%;
}
.numbers-1,
.numbers-2,
.numbers-3,
.numbers-4,
.numbers-5,
.numbers-6,
.numbers-7,
.numbers-8 {
padding: 24px 40px;
align-content: center;
flex-grow: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0;
}
.numbers-1 {
border-right: 1px solid #ccc;
padding: 49px 40px;
}
.numbers-2 {
border-bottom: 1px solid #ccc;
background: #fff;
}
.numbers-3 {
background: #fff;
}
.numbers-4 {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #fff;
}
.numbers-5 {
border-right: 1px solid #ccc;
background: #fff;
}
.numbers-6 {
padding: 57px 40px;
}
.numbers-7 {
background: #fff;
}
.numbers-8 {
border-bottom: 1px solid #ccc;
background: #f8f8f8;
}
.numbers-full {
width: 100%;
}
.prod-wrap {
margin-bottom: 60px;
}
.prod-portfolio {
margin: 50px 0 20px 0;
}
.prod-portfolio .product {
width: 18%;
margin: 0 1% 18px 1%;
float: left;
}
/*.grp-logo {
width: 100%;
padding-top: 100%;
height: auto;
border: 1px solid #ccc;
position: relative;
display: block;
cursor: pointer;
border-radius: 50%;
}*/
.grp-logo:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
background: url(/img/via-new/group-logos.png) no-repeat;
}
.viasms-lv:before {
width: 116px;
height: 42px;
margin: -21px 0 0 -58px;
background-position: 0 0;
}
.viasms-pl:before {
width: 112px;
height: 41px;
margin: -20px 0 0 -56px;
background-position: -150px 0;
}
.viasms-cz:before {
width: 111px;
height: 39px;
margin: -20px 0 0 -56px;
background-position: -300px 0;
}
.viacredit:before {
width: 109px;
height: 42px;
margin: -21px 0 0 -55px;
background-position: -450px 0;
}
.viaconto-se:before {
width: 106px;
height: 42px;
margin: -21px 0 0 -53px;
background-position: -600px 0;
}
.viaconto-es:before {
width: 120px;
height: 42px;
margin: -21px 0 0 -60px;
background-position: 0px -50px;
}
.viakredit-se:before {
width: 119px;
height: 46px;
margin: -23px 0 0 -60px;
background-position: -300px -50px;
}
.viaspar:before {
width: 120px;
height: 13px;
margin: -6px 0 0 -60px;
background-position: -600px -50px;
}
.sava-card:before {
width: 120px;
height: 33px;
margin: -17px 0 0 -60px;
background-position: -150px -50px;
}
.viasbonds:before {
width: 120px;
height: 31px;
margin: -16px 0 0 -60px;
background-position: -450px -50px;
}
/*
.partners {
border: 1px solid #ccc;
margin-top: 20px;
border-bottom: 0;
}
.partners .icon {
width: 33.3333%;
height: 120px;
position: relative;
float: left;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-indent: -9999px;
}
*/
.partners {margin:20px 0 40px 0;justify-content:center;align-items:stretch;display:flex;flex-wrap:wrap;}
.partners .icon {display:flex;flex-grow:0;flex-direction:column;width:31.3333%;height:120px;position:relative;border:1px solid #eaeaea;margin: 7px 1%;text-indent:-9999px;}
.partners .icon:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
background: url(/img/via-new/sprite.png) no-repeat;
}
.partners .icon-26:before {
width: 130px;
height: 33px;
margin: -16px 0 0 -65px;
background-position: 0px -650px;
}
.partners .icon-27:before {
width: 82px;
height: 63px;
margin: -31px 0 0 -41px;
background-position: -150px -650px;
}
.partners .icon-28:before {
width: 70px;
height: 70px;
margin: -35px 0 0 -35px;
background-position: -250px -650px;
}
.partners .icon-29:before {
width: 98px;
height: 40px;
margin: -20px 0 0 -49px;
background-position: -350px -650px;
}
.partners .icon-30:before {
width: 127px;
height: 24px;
margin: -12px 0 0 -63px;
background-position: -450px -650px;
}
.partners .icon-31:before {
width: 138px;
height: 26px;
margin: -13px 0 0 -69px;
background-position: -600px -650px;
}
/*
.partners .icon:nth-child(3n-3) {
border-right: 0;
}*/
/*these two lines were changed*/
/*these were added*/
.auditor {margin-top:20px;justify-content:center;align-items:stretch;display:flex;flex-wrap:wrap;}
.auditor .icon {display:flex;flex-grow:0;flex-direction:column;width:31.3333%;height:120px;position:relative;border:1px solid #eaeaea;text-indent:-9999px;}
.auditor .icon:before {content:"";position:absolute;left:50%;top:50%;background:url(/img/sprite.png) no-repeat;}
.auditor .icon-31:before {width:100px;height:38px;margin:-19px 0 0 -50px;background:url(/img/taxlink.png) 0 0/contain no-repeat;}
@media screen and (max-width: 900px) {
.auditor .icon-31:before {background:url(/img/taxlink.png) 0 0/contain no-repeat;}
}
.product-descr-content {
display: none;
padding: 50px 0 0 0;
margin: 0 100px;
border-top: 1px solid #ccc;
}
.product-descr-logo {
display: none;
}
.product-descr-logo .grp-logo.d_active {
border-color: red;
}
.product-descr-content ul {
margin-bottom: 10px;
}
.product-descr-content ul li {
padding-left: 20px;
position: relative;
}
canvas#user-chart {
max-width: 860px;
max-height: 300px;
margin: 60px auto auto;
}
.radio-block {
margin-right: 10px;
}
.radio-block input[type="radio"], .radio-block input[type="checkbox"] {margin-right:5px;}
.settings-1 .radio-block {
display: inline-block;
}
.settings-1 input[type="radio"] {
margin: 0 5px 0 0;
}
.fees {
max-width: 716px;
margin: 20px auto 200px auto;
position: relative;
z-index: 2;
}
.fees ul {
font-size: 24px;
}
.fees ul li {
padding: 15px 0;
border-top: 1px solid #ccc;
}
.fees ul li strong {
float: right;
width: 50%;
display: inline-block;
}
.current-invest-table {
flex: 1 0 auto;
}
.no-chart {
font-size: 16px;
font-weight: 500;
line-height: 20px;
text-align: center;
position: absolute;
overflow: auto;
top: 120px;
left: 10%;
right: 10%;
padding: 50px 50px 43px 50px;
background: #fff;
z-index: 999;
border-radius: 3px;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
}
.for-press {
width: 100%;
padding: 30px;
border: 1px solid #eee;
margin-top: 30px;
}
.for-press h4 {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
margin: 0 0 10px 0;
}
.for-press p {
margin-bottom: 0;
}
.table-overflow {
overflow:scroll;
overflow:auto;
-webkit-overflow-scrolling:touch;
}
.map-region svg {max-width:1000px;}
.qualities .icon {display:block;}
.careers-wrap p {margin:0;}
.log-drop {}
.log-drop .ghost-btn a {background:#5abe2e;border:2px solid #5abe2e;color:#fff;}
.modal-job {top:10px;bottom:10px;position:fixed;border:0;max-height:initial;margin-left:-400px;width:800px;padding:5px;overflow-x:auto;
transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-moz-transform: translate(0%, 0%);
-o-transform: translate(0%, 0%);
}
.modal-job img {margin:0;}
.job-ad {text-align:center;}
.job-ad img {border:2px solid rgba(255,255,255,0);}
.job-ad:hover img {border-color:#ffd200;}
.modal-job .close a:before, .modal-job .close a:after {background:#fff;}
.modal .close {opacity:1;}
#accordion1 > div > ul {list-style-type:disc;margin:10px 0 10px 20px;}
#accordion3 .accordion-open {display:block;padding-top:30px;}
#accordion3 .accordion-open > ul {list-style-type:disc;margin:10px 0 10px 20px;}
#accordion4 .accordion-open {display:block;padding-top:30px;}
#accordion4 .accordion-open > div > ul {list-style-type:disc;margin:10px 0 10px 20px;}
.news-block > table {text-align:left;font-size:13px;border:1px solid #ccc;margin:15px 0;border-collapse:collapse;width:100%;}
.news-block > table th, .news-block > table td {padding:10px;border:1px solid #ccc;}
.news-block > table th {text-align:left;font-weight:500;}
.news-block > table td ul {list-style-type:disc;margin:10px 0 10px 20px;}
.go-to-settings {margin-bottom:10px;}
.go-to-settings a {font-weight:500;color:#006ab4;display:inline-block;position:relative;}
.go-to-settings a:before {content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:rgba(0,106,180,0.35);}
.go-to-settings a:hover:before {background:rgba(0,106,180,0.1);}
.number-wrap-2 {font-size:18px;line-height:1.2;align-items:stretch;display:flex;flex-wrap:wrap;margin:30px 0 60px 0;}
.number-wrap-2 li {width:50%;padding:20px 0;border-top:1px dotted #ccc;display:flex;flex-grow:0;flex-direction:column;}
.number-wrap-2 li p:last-child {margin-bottom:0;}
.number-wrap-2 li:nth-child(odd) {border-right:1px dotted #ccc;text-align:right;padding-right:20px;}
.number-wrap-2 li:nth-child(even) {padding-left:20px;}
.number-wrap-2 li strong {font-size:30px;font-weight:700;color:#006ab4;margin-bottom:7px;}
.number-wrap-2 li:nth-child(odd):last-child {width:100%;border-right:0;border-left:0;text-align:center;padding:20px 0;}
@media screen and (max-width: 900px) {
.number-wrap-2 li {width:100%;}
.number-wrap-2 li:nth-child(odd) {padding:20px 10px;text-align:center;border-right:0;}
.number-wrap-2 li:nth-child(even) {padding:20px 10px;text-align:center;}
}
.date-tooltip-wrap {position:relative;cursor:pointer;}
.date-tooltip {position:absolute;visibility:hidden;top:-20px;left:0;margin-left:-10px;width:90px;padding:5px 7px;background:#fff;color:#006fb9;text-align:center;
-webkit-transition:all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition:all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);box-shadow:0 0 15px 0 rgba(0,0,0,0.25);border-radius:3px;z-index:2;}
.date-tooltip:before {content:"";position:absolute;left:50%;bottom:-4px;margin-left:-5px;width:0;height:0;border-style:solid;border-width:4px 5px 0 5px;border-color:#ffffff transparent transparent transparent;}
.date-tooltip-wrap:hover .date-tooltip {top:-50px;visibility:visible;}
.statement-table .tooltip {margin-left:5px;float:none;display:inline-block;margin-bottom:-4px;}
@media screen and (max-width: 900px) {
.date-tooltip-wrap {cursor:default;}
.date-tooltip {visibility:visible;position:relative;top:auto;left:auto;margin:5px 0 0 -10px;border:1px solid #ccc;-webkit-box-shadow:none;box-shadow:none;}
.date-tooltip:before {display:none;}
.date-tooltip-wrap:hover .date-tooltip {top:auto;}
}
.lang-de .log-block > div {/*font-size:14px;*/}
.lang-de .header-wrap .menu {/*font-size:14px;*/text-transform:initial;}
.lang-de .header-wrap .menu > li {margin-left:10px;margin-right:10px;}
.lang-de .hero-wrap .headline h1 {font-size:30px;}
.lang-de .log-drop .third-btn {text-transform:initial;}
.lang-de .log-drop .stay-signed {float:left;}
.lang-de .log-drop .forgot a {font-size:14px;}
.lang-de .log-drop:before {right:14%;}
.lang-de .choice-tooltip {margin-left:-55px;width:110px;padding:5px 0px;font-size:14px;}
.lang-de #user_profiles-edit .company-menu {font-size:14px;}
@media screen and (max-width: 1170px) {
.lang-de .choice-tooltip {padding:5px 7px;}
}
.lang-de .loan-table th > div a {display:inline-block;position:relative;}
.lang-de .js-sort_custom.js-no-pjax:after {float:none;display:block;position:absolute;top:50%;margin-top:-5px;left:-12px;}
.lang-de .table-1 .copy {width:18%;}
.lang-de textarea.copy-txt {width:82%;}
.lang-de #UserProfileEditForm .onoffswitch {width:130px;}
.lang-de #UserProfileEditForm .onoffswitch-switch {right:93px;}
.lang-de #UserProfileEditForm .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right:3px;}
.lang-de #UserProfileEditForm .form-col:nth-of-type(4) label.npt-label:nth-of-type(1) {margin-top:20px;}
.loan-table .pdf {position:static;display:table-cell;}
.loan-table .pdf:before {display:none;}
.loan-table .pdf > a {position:relative;display:block;}
.loan-table .pdf > a:before {content:"";position:absolute;top:50%;left:0;margin-top:-8px;width:16px;height:16px;background:url(/img/via-new/sprite.png) -450px -300px no-repeat;}
.projects-myfunds .loan-table td {vertical-align:middle;}
.lang-de .stamp li:before {background-image: url(/img/via-new/sprite-de.png);}
.lang-lv .hero-wrap .headline h1 {font-size:32px;}
.lang-lv .offers span {font-size:32px;}
.lang-lv .hero-bottom .disclaimer {max-width:720px;}
.lang-lv .loan-table th {font-size:14px;}
.lang-lv .tab-wrap h3 {font-size:14px;margin:10px 10px;}
.lang-lv .loan-table th {line-height:1.2;}
.lang-lv .onoffswitch {width:110px;}
.lang-lv .onoffswitch-switch {right:70px;}
.lang-lv .choice-tooltip {margin-left:-55px;width:110px;padding:5px 0px;font-size:14px;}
.lang-lv .stamp li:before {background-image: url(/img/via-new/sprite-lv.png);}
.lang-lv .loan-table td {vertical-align:middle;}
.lang-lv .statement-table th > div {white-space:nowrap;}
.lang-lv .filters .filter-row label {white-space:nowrap;}
.lang-lv .loan-header > li.loan-th {text-transform:initial;font-size:16px;}
.lang-lv .loan-th .tooltip {right:20px;top:45px;}
.lang-lv .header-wrap .menu {text-transform:initial;}
.lang-lv .header-wrap .menu > li {margin-left:10px;margin-right:10px;}
.statement-table-wrap table th a.tooltip:after {display:none;}
.statement-table-wrap table th a:hover:after {visibility:hidden;}
@media screen and (max-width: 1170px) {
.lang-lv .choice-tooltip {padding:5px 7px;}
}
.invest-summary {align-items:stretch;display:flex;flex-wrap:wrap;}
.invest-summary li {padding:20px 10px;float:none;display:flex;flex-grow:0;flex-direction:column;}
.invest-summary li .tooltip {position:absolute;}
.lang > .dropdown-menu {left:auto;right:0;}
.assign-table {width:100%;max-width:400px;border:1px solid #ccc;border-collapse:collapse;}
.assign-table td {padding:3px 5px;border:1px solid #ccc;}
/*
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.lang-de .stamp li:before, .lang-lv .stamp li:before {background-image: url(http://funkypixels.lv/projects/p2p/img/sprite2x.png);}
}*/
@media screen and (max-width: 900px) {
.lang-de textarea.copy-txt {width:65%;}
.lang-de .table-1 .copy {width:35%;}
.lang-de .choice li {width:auto;}
.lang-lv .hero-wrap .headline h1, .lang-de .hero-wrap .headline h1 {font-size:24px;}
.nav-toggle {
display: block;
float: right;
position: relative;
margin: 35px 10px 0 0;
width: 100px;
padding: 10px 10px 10px 40px;
border: 2px solid #fff;
color: #fff;
border-radius: 3px;
}
.nav-toggle:before {
content: "";
position: absolute;
top: 50%;
left: 11px;
margin-top: -6px;
width: 14px;
height: 12px;
background: url(/img/via-new/sprite.png) 0 -100px no-repeat;
}
.nav-toggle:hover {
color: #fff;
}
}
@media screen and (max-width: 712px) {
.lang-lv .filters .filter-row label {white-space:normal;}
}
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.loan-table .secondarry-btn a:before,
.header-wrap .logo a:before,
.log-drop:before,
.stamp li:before,
.about-block .icon:before,
.cz-flag span,
.pl-flag span,
.se-flag span,
.es-flag span,
.lv-flag span,
.loan-table th span,
.tab-wrap .icon-wrap div:before,
.tab-wrap .arrows:before,
.icon-row .icon:before,
.custom-select:after,
.feature-list ul .icon:before,
.filters .custom-select:after,
.footer-wrap .soc li a:before,
.tpro a:before,
.ptac-licence a:before,
.mastercrd a:before,
.tooltip,
.ui-selectmenu-text:before,
.log-out a:before,
.news-block .more a:before,
.news-list .back a:before,
.pdf:before,
.autoinvest-header h2.autoinvest-active:before,
.autoinvest-header h2.autoinvest-inactive:before,
.datepicker-wrap:before,
.ui-datepicker-today a:before,
.ui-datepicker-prev:before,
.ui-datepicker-next:before,
.alert-block:before,
.values .icon:before,
.qualities .icon:before,
.map-info .ui-tabs-panel ul li:before,
.map-info .ui-tabs-panel .group-link:before,
.partners .icon:before,
.nav-toggle:before,
.footer-wrap .soc li a:before,
.footer-wrap .col-4 li.skype-us a:before,
.footer-wrap .col-3 li.skype-us a:before,
.nav-toggle:before,
.lang > a .chevron,
.tooltip-3,
.lang-de .stamp li:before,
.lang-lv .stamp li:before,
.footer-wrap .soc li.youtube a:before
{
background-image: url(/img/via-new/sprite2x.png);
/*background-image: url(http://funkypixels.lv/projects/p2p/img/sprite2x.png);*/
background-size: 800px 800px;
}
.grp-logo:before {
/*background-image:url(http://funkypixels.lv/projects/p2p/img/group-logos2x.png);*/
background-image:url(/img/via-new/group-logos2x.png);
background-size:750px 150px;
}
}
a[href^="tel:"] {color:inherit;}
@media (min-width: 901px) {
#user-chart {
margin-top: 60px;
}
.acc-statement{margin-top: -40px;float: right;}
}
@media screen and (max-width: 1170px) {
.loan-header {
flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
}
.grid {
width: 98%;
margin: 0 1%;
}
.loan-table {
overflow: auto;
}
.filter-wrap {
/*padding: 0 0 0 20px;*/padding:0;
}
.filter-2 {
width: 14%;
}
.filter-3 {
width: 14%;
}
.filter-4 {
width: 14%;
}
.filter-5 {
width: 14%;
}
.loan-header {
border-right: 1px solid #006fb9;
}
.loan-header > li.loan-th {
width: 33%;
padding: 35px 0;
}
.loan-header > li.loan-graph {
width: 100%;
padding: 0;
}
.graph-block {
position: static;
padding: 30px 0 0 0;
border-radius: 0px 0px 3px 3px;
justify-content: center; -webkit-justify-content: center; -moz-justify-content: center;
align-items: center; -webkit-align-items:center;
display: flex; display: -webkit-flex; display: -moz-flex;
flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;
}
.graph-block li {
width: 25%;
float: left;
}
.pie-chart {
margin: 0 auto 30px auto;
}
.loan-profile .col-9 {
width: 98%;
}
.pie-chart {
width: 124px;
height: 124px;
}
.graph-block {
background-attachment: scroll;
}
#myChart {
width: 128px !important;
height: 128px !important;
top: -12px;
left: -7px;
}
.graph-block li.buyback-li {
width: 100%;
}
.paginate {
margin-bottom: 30px;
}
.our-numbers {
width: 100%;
}
}
@media screen and (max-height: 700px) {
.sidemenu {
top: 30px;
}
}
@media screen and (max-width: 900px) {
.grid {
width: 100%;
margin: 0;
}
.col-1,
.col-2,
.col-20,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
width: 100%;
float: none;
margin: 0;
}
.blue-header {
margin-bottom: 70px;
}
.header-bg-4 {
margin-bottom: 0;
}
.form-wrap .col-6 {
width: 100%;
margin: 0;
}
.form-wrap {
margin: 0;
}
.log-lang-wrap {
float: none;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}
.log-block {
float: none;
margin-top: 0px;
}
.log-block .reg {
margin-left: 10px;
}
.lang {
margin-right: 10px;
margin-top: 10px;
}
.header-wrap .logo {
margin-left: 10px;
padding-bottom: 15px;
}
.hero-wrap .headline p {
letter-spacing: initial;
}
h1 {
font-size: 24px;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 18px;
}
.header-bg-1 {
background-position: bottom center;
background-attachment: initial;
}
.header-bg-2 {
margin-bottom: 20px;
min-height: initial;
padding-bottom: 70px;
}
.hero-wrap {
margin: 0 2%;
}
.map {
margin: 20px auto 20px auto;
}
.map svg {
width: 100%;
display: inline-block;
}
.offers strong {
display: inline-block;
}
.hero-bottom {
padding-bottom: 70px;
top: 45px;
}
.header-wrap .col-12 {
height: auto;
margin-bottom: 0;
}
.header-wrap nav {
float: none;
clear: both;
padding-top: 15px;
display: none;
}
.header-wrap .menu {
background: rgba(0, 0, 0, 0.07);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin-top: 0;
font-size: 14px;
text-align: center;
}
.header-wrap .menu > li {
float: none;width:100%;
margin: 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.header-wrap .menu > li a {
padding: 10px;width:100%;
}
.header-wrap .menu > li a:after {
display: none;
}
.offers {
text-align: center;
}
.log-drop {
width: 96%;
max-width: 370px;
margin-left: 2%;
left: 0;
}
.log-drop:before {
display: none;
}
.stamp li {
width: 33.3333%;
height: auto;
text-indent: 0;
padding-top: 60px;
line-height: 1.2;
}
.stamp li:before {} .stamp li.icon-1:before {
width: 39px;
height: 49px;
background-position: -298px -44px;
left: 50%;
margin-left: -20px;
}
.stamp li.icon-2:before {
width: 58px;
height: 35px;
background-position: -440px -49px;
left: 50%;
margin-left: -29px;
}
.stamp li.icon-3:before {
width: 33px;
height: 35px;
background-position: -599px -49px;
left: 50%;
margin-left: -16px;
}
.hero-wrap .headline {
padding-top: 15px;
}
.about-block {
padding: 20px 20px 0 20px;
}
.about-block .col-4 {
margin-bottom: 30px;
}
.offers span {
font-size: 28px;
}
.offers strong {
font-size: 28px;
margin-bottom: 0;
}
.stamp {
padding: 20px 0;
margin: 10px 0;
border: 1px dotted rgba(255, 255, 255, 0.3);
border-left: 0;
border-right: 0;
}
.hero-wrap .headline {
margin-bottom: 0px;
}
.footer-wrap .grid {
padding-top: 20px;
}
.footer-wrap .col-4 {
padding: 30px 0;height:auto;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-wrap .col-12 {
padding: 20px 0;
}
.footer-nav {
display: block;
}
.page {
padding: 30px 20px 60px 20px;
position: relative;
z-index: 2;
}
/*
.tabs {
display: none;
}*/
.tab_drawer_heading {
display: block;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
}
.tab-wrap .icon-wrap {
height: auto;
width: 100%;
padding: 15px 0 30px 0;
-webkit-box-shadow: none;
box-shadow: none;
display: block!important;
}
.tab-wrap .icon-wrap:hover,
.tab-wrap li.icon-wrap.active,
.tab-wrap .d_active .icon-wrap {
-webkit-box-shadow: none;
box-shadow: none;
}
.tab-wrap .icon-wrap div {
margin: 0px auto 5px auto;
}
.tab-wrap .arrows {
height: 24px;
width: 100%;
}
.tab-wrap .arrows:before {
background-position: -750px -100px;
width: 11px;
height: 24px;
margin: -12px 0 0 -5px;
}
.tab-wrap .icon-wrap div.icon-8 {
height: 66px;
width: 100%;
}
.tab-wrap h3 {
margin-bottom: 0;
}
.tab-wrap .tab_drawer_heading .icon-wrap:before {
content: "";
position: absolute;
top: -30px;
left: 50%;
margin-left: -5px;
width: 11px;
height: 24px;
background: url(/img/via-new/sprite.png) -750px -100px no-repeat;
}
.tab-wrap .tab_drawer_heading:first-child .icon-wrap:before {
display: none;
}
.header-bg-3 {
min-height: 660px;
background: #006ab4 url(/img/via-new/header-bg-1.jpg) bottom center no-repeat;
}
.tab_content {
padding: 20px 10px 30px 10px;
}
.icons-4th li {
width: 50%;
}
.company-menu li {
width: 100%;
}
.company-menu li a {
padding: 10px 5px;
}
.feature-list ul .icon {
margin: 0 auto 20px auto;
}
.feature-list ul {
text-align: center;
}
.feature-list ul li {
width: 100%;
padding: 0 20px;
}
.loan-table {
padding-bottom: 20px;
}
.modal-l {
width: 96%;
}
.modal-l .close {
position: fixed;
top: 35px;
right: 10%;
}
.modal-m {
width: 96%;
max-width: 500px;
}
.modal-s {
width: 96%;
max-width: 400px;
top: 50%;
}
.log-modal {
padding: 20px 30px 30px 30px;
}
.log-title strong,
.log-title .ghost-btn {
float: none;
text-align: left;
}
#tab2 {
display: none;
}
#tab4 {
display: block;
}
.close {
opacity: 1;
}
.forgot-block {
width: 92%;
}
.loan-header > li {
border-left: 0;
border-top: 1px solid #006fb9;
}
.loan-header > li:first-child {
border-top: 0;
}
.loan-header > li.loan-th {
width: 100%;
padding: 20px 0;
}
.loan-header > li.loan-graph {
width: 100%;
padding: 0;
}
.graph-block {
position: static;
border-radius: 0px 0px 3px 3px;
}
.graph-block li {
width: 100%;
float: none;
}
.pie-chart {
margin: 10px auto 20px auto;
}
.loan-table-2 h3,
.loan-table-3 h3 {
border-bottom: 0;
padding-bottom: 0;
}
.loan-table-3 h3 {
margin-bottom: 10px;
}
.loan-table-2 {
float: none;
width: 100%;
padding: 20px 0;
overflow: auto;
}
.loan-table-3 {
float: none;
width: 100%;
padding: 20px 0;
overflow: auto;
}
.loan-table-2 table {
table-layout: fixed;
min-width: 400px;
}
.loan-table-3 table {
min-width: 500px;
}
.pie-chart {
width: 154px;
height: 154px;
}
#myChart {
width: 158px !important;
height: 158px !important;
}
.header-bg-4 .header-wrap .col-12 {
height: auto;
}
.autoinvest {
width: 96%;
margin-left: 2%;
}
.autoinvest-body {
padding: 30px 0;
}
.autoinvest-card {
margin-bottom: 20px;
}
.autoinvest-col {
width: 100%;
padding: 0 30px 0px 30px;
float: none;
}
.autoinvest-col:first-child {
padding: 0 30px 0px 30px;
}
.autoinvest-header h2 {
padding-left: 50px;
line-height: 1.2;
}
.autoinvest-header h2:before {
top: -1px;
width: 35px;
height: 35px;
background: url(/img/via-new/sprite.png) -391px -292px no-repeat;
}
.internal-page {
width: 96%;
margin: 0 2%;
}
.summary-table {
display: block;
border-top: 0;
margin-bottom: 20px;
}
.summary-table tbody {
display: block;
}
.summary-table tr {
display: block;
border-top: 1px solid #ccc;
}
.summary-table td {
display: block;
border: none;
}
.summary-table td,
.summary-table th,
.summary-table tr td:nth-child(even) {
text-align: left;
padding: 0;
}
.summary-table td,
.summary-table th {
padding: 0;
}
.summary-table tr {
padding: 10px 15px;
}
.summary-table tr td:nth-child(odd) {
padding-bottom: 5px;
}
.loan-bg-3 .summary-table th {
padding: 10px 0px;
}
.statement-filters,
.statement-filters > li {
display: block;
padding: 5px 0;
}
.datepicker-wrap:before {
bottom: 13px;
}
.table-1 {
padding: 10px 20px;
}
.table-1,
.table-1 tbody,
.table-1 tr,
.table-1 td {
display: block;
}
.table-1 td.txt-right {
text-align: left;
}
.table-1 td:nth-child(odd) {
padding-bottom: 5px;
}
.table-1 td,
.table-1 th {
border: 0;
padding: 0;
}
.table-1 tr {
border-top: 1px solid #dedede;
padding: 10px 0;
}
.table-1 tr:first-child {
border: 0;
}
.table-1 tr:last-child td {
border-bottom: 0;
}
.avaliable .button-wrap {
margin-left: 0;
display: inline-block;
}
.avaliable > span {
display: inline-block;
float: none;margin:0 10px 5px 10px;
}
.avaliable span strong span {margin:0;}
.avaliable .button-wrap,
.avaliable,
.hello {
float: none;
}
.hello {
margin-bottom: 10px;
font-size: 24px;
}
.avaliable {
border: 1px solid #ccc;
background: #f8f8f8;
padding: 20px 10px;
text-align: center;
border-radius: 3px;
}
.profile-top {
padding: 30px 0 20px 0;
}
.withdrawal {
float: none;
}
.withdrawal > span {
width: 20px;
padding: 0;
}
.account-block {
border: 0;
}
.balance-block,
.investment-block {
width: 100%;
}
.balance-block {
border-right: 0;
margin-bottom: 20px;
border: 1px solid #ccc;
}
.investment-block {
overflow: auto;
border: 1px solid #ccc;
-webkit-box-shadow: none;
box-shadow: none;
}
.investment-block table {
min-width: 500px;
}
.investment-block .button {
text-align: left;
}
.burger a:before {
left: 50%;
margin-left: -7px;
}
.log-out a:before {
left: 50%;
margin-left: -9px;
}
.sidemenu {
top: 0;
}
.period-menu {
margin-bottom: 20px;
background: #006ab4;
border-radius: 3px;
}
.period-menu li a {
padding: 10px 5px;
color: rgba(255, 255, 255, 0.5);
}
.period-menu li.act a {
color: #fff;
border-color: #fff;
}
.autoinvest-header h2 {
width: 100%;
float: none;
}
.autoinvest-header .portf-size {
float: none;
font-size: 24px;
margin-top: 15px;
font-weight: 700;
}
.autoinvest-header .portf-size span {
font-size: 24px;
}
.statement-table-wrap {
overflow: auto;
}
.statement-table {
min-width: 800px;
}
.statement-filters .filter-list {
min-width: 100%;
}
.alert-block {
padding: 70px 20px 20px 20px;
}
.alert-block:before {
top: 20px;
left: 50%;
margin-left: -18px;
margin-top: 0;
}
.sidemenu {
top: 30px;
}
.investment-block table th.txt-right,
.investment-block table td.txt-right {
padding-right: 20px;
}
.loan-bg-2.loan-table {
margin-bottom: 0;
}
.table-overflow .loan-table {
margin-bottom: 0;
}
#chart_div {
min-height: initial;
}
.chart-select-1,
.chart-select-2 {
position: static;
margin-bottom: 20px;
}
textarea.copy-txt {
text-align: left;
}
.values li {
width: 100%;
margin: 0 0 30px 0;
}
.product-descr .grp-logo {
width: 100%;
height: 60px;
padding-top: 0;
margin: 0 auto 0 auto;
border-radius: 0;
border: 0;
border-bottom: 1px solid #ccc;
}
.number-wrap {
background: #fff;
}
.numbers-1 {
border-bottom: 1px solid #ccc;
border-right: 0;
padding: 20px 40px;
}
.numbers-6 {padding: 20px 40px;border-top: 1px solid #ccc;}
.numbers-block {
width: 100%;
}
.number-wrap p {
align-self: auto;
}
.product-descr-logo {
display: block;
}
.prod-portfolio {
display: none;
}
.product-descr .grp-logo {
width: 100%;
height: 60px;
padding-top: 0;
margin: 0 auto 0 auto;
border-radius: 0;
border: 0;
border-bottom: 1px solid #ccc;
}
.product-descr-content {
margin: 0;
padding-top: 20px;
border: 0;
}
.auditor {border:1px solid #eaeaea;}
.partners {border:1px solid #eaeaea;}
.partners .icon, .auditor .icon {width:100%;border:0;border-top:1px solid #eaeaea;margin:0;display:block;text-indent:-9999px;}
.partners .icon:first-child, .auditor .icon:first-child {border-top:0;}
.partners .icon {
width: 100%;
border-top: 1px solid #ccc;
border-left: 0;
}
.partners .icon:first-child {
border-top: 0;
}
#tabs-company .company-menu li {
width: 100%;
}
#tabs-company .company-menu li a {
padding: 10px 5px;
}
.tab-wrap .tab_drawer_heading .icon-wrap:before {
content: "";
position: absolute;
top: -15px;
left: 50%;
margin-left: -5px;
width: 11px;
height: 24px;
background: url(/img/via-new/sprite.png) -750px -100px no-repeat;
}
.numbers-4,
.numbers-5 {
border-right: none;
}
.chart-block-2 .period-menu {
position: static;
width: 100%;
overflow: auto;
}
.chart-block-2 .period-menu {
padding-left: 0;
}
.period-menu li:first-child {
margin-left: 20px;
}
.chart-block-2 {
margin: 0;
}
.no-chart {
top: 245px;
}
.loan-th .tooltip {
display: inline-block;
float: none;
/*position:static;*/right:auto;left:auto;top:auto;margin-left:5px;
}
.statement-filters .add-onn {width:100%;}
.multi-filter-value {width:100%;}
.invest-summary li {width:100%;border-top:1px solid #e7e7e7;}
.invest-summary li:first-child {border-top:0;}
.map-info {top:0;left:0;margin-left:0;width:100%;}
.map-info .ui-tabs li.ui-tab {float:left;width:50%;border:1px solid #fff;margin-bottom:0;}
.map-info .ui-tabs li.ui-tab.ui-tabs-active {border:1px solid #ccc;}
.map-info .ui-tabs-nav {border:0;}
.footer-wrap .col-4.sub-sect ul {margin-top:0;}
.footer-wrap a[href^="tel:"] {color:inherit;color:#c0c0c7;}
.footer-wrap a {color:#c0c0c7;}
.footer-nav {display:block;}
.fees {width:92%;margin:20px 4% 60px 4%;}
.fees ul {font-size:18px;}
.working-hours {padding-left:0;}
.footer-wrap .col-3 {padding:20px 0;width:100%;border-bottom:1px solid rgba(255,255,255,0.1);}
.map-info {left:0;}
.modal-job {top:20px;bottom:20px;left:4%;right:4%;width:92%;margin-left:0;}
}
#chart_div {min-height:400px;}
.chart {width:100%;min-height:450px;margin-bottom:50px;}
.stats-intro {margin:20px auto 50px auto;max-width:600px;}
.stats-intro p {text-align:justify;}
.stats-1 {align-items:stretch;display:flex;flex-wrap:wrap;border:1px solid #ccc;border-left:0;justify-content: center;}
.stat-col {width:33.3333%;border-left:1px solid #ccc;padding:30px 0;text-align:center;}
.stat-col span {display:block;font-size:40px;font-weight:700;color:#006ab4;}
.stat-col .icon img {height:120px;min-height:120px;}
.stat-icon {margin:20px auto;width:120px;height:100px;position:relative;}
.stat-icon:before {content:"";position:absolute;left:50%;top:50%;}
.stat-icon-1:before {width:46px;height:100px;margin:-50px 0 0 -23px;background:url(../img/via-new/business-man.svg) 0 0 no-repeat;background-size:contain;}
.stat-icon-2:before {width:104px;height:100px;margin:-50px 0 0 -52px;background:url(../img/via-new/piggy-bank.svg) 0 0 no-repeat;background-size:contain;}
.stat-icon-3:before {width:100px;height:86px;margin:-43px 0 0 -50px;background:url(../img/via-new/interest-rate.svg) 0 0 no-repeat;background-size:contain;}
.statistics h2 {font-size:24px;text-align:center;}
@media screen and (max-width: 900px) {
.stat-col {width:100%;border-left:0;border-top:1px solid #ccc;}
.stat-col:first-child {border-top:0;}
.stats-1 {border:1px solid #ccc;}
}
@media (max-width: 685px){
body .content .modal {
height: auto;
max-height: 90%;
overflow: auto;
}
}
@media screen and (max-width: 900px) {
.graph-stats {margin:0px auto 10px auto;max-width:300px;}
.pt-choice {width:auto;}
.pt-choice .choice-tooltip {text-indent:0;display:block;position:static;background:none;padding:0;width:auto;margin:0;top:0;visibility:visible;-webkit-transition:none;transition:none;-webkit-box-shadow:none;box-shadow:none;}
.pt-choice.choice li a {width:auto;height:auto;line-height:1;padding:5px;}
.pt-choice.choice li a > span:nth-of-type(1) {display:none;}
.choice-tooltip:before {display:none;}
.pt-choice.choice li.current a .choice-tooltip {color:#fff;}
.tab-wrap #tab4 {display:none;}
.tab-wrap #tab2 {display:block;}
}
@media screen and (max-width: 712px) {
table.balance-table-2 tr {display:block;border:0;border-top:1px solid #e0e0e0;padding:5px 0 7px 0;}
.balance-table-2 tr:first-child {border-top:0;}
.balance-table-2 tr td {display:block;border:0;padding:2px 0;}
table.balance-table-2 tr:first-child td, .balance-block table tr:last-child td, table.balance-table-2 tr td {border:0;}
.choice {margin-left:0;}
}
.pdf {position:relative;display:inline-block;padding:0 0 0 30px;}
.pdf:before {content:"";position:absolute;top:50%;left:0;margin-top:-8px;width:16px;height:16px;background:url(/img/via-new/sprite.png) -450px -300px no-repeat;}
.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.investors-fr {position:absolute;top:47px;right:0;z-index:9;display:block;font-size:14px;font-weight:500;font-family:'Montserrat', sans-serif;color:#fff;}
.investors-fr:hover {color:#fff;}
.lang {margin-right:40px;}
@media screen and (max-width: 900px) {
.investors-fr {top:26px;right:15px;}
}
.add-filter {}
.add-filter a {font-weight:500;display:flex;align-items:center;}
.add-filter span {position:relative;width:34px;height:34px;margin-right:10px;display:inline-block;border:2px solid #07a8ca;border-radius:3px;}
.add-filter span:before {content:"+";position:absolute;top:0;right:0;bottom:0;left:0;color:#07a8ca;font-size:20px;line-height:26px;text-align:center;font-weight:500;}
.add-filter a:hover span {border-color:#216777;}
.add-filter a:hover, .add-filter a:hover span:before {color:#216777;}
@media screen and (max-width: 712px) {
.balance-table-2 tr {display:block;border-top:1px solid #e0e0e0;padding:5px 0 7px 0;}
.balance-table-2 tr:first-child {border-top:0;}
.balance-table-2 tr td {display:block;border:0;padding:2px 0;}
table.balance-table-2 tr:first-child td, .balance-block table tr:last-child td, table.balance-table-2 tr td {border:0;}
.choice {margin-left:0;}
.doc-list > li {display:block;}
.upload-wrap-2 {width:100%;}
.upload-wrap-2 .box {margin-right:0;}
.file-info {width:100%;margin-top:10px;}
.doc-list > li:before {bottom:auto;top:18px;}
.doc-list.id-docs > li:before {top:43px;}
.loan-table .filter-table table, .loan-table .filter-table tbody {display:block;}
.loan-table .filter-table tr {display:block;}
.loan-table .filter-table td {display:block;width:100%;}
.loan-table .filter-table td {max-width:initial;border-left:0;border-top:1px solid #dedede;}
.loan-table .filter-table td:first-child {border-top:0;}
.filter-table.filter-wrap {min-width:initial;width:100%;padding:0;}
.filter-modal {top:50px;bottom:50px;left:2%;right:2%;width:96%;margin-left:0;}
.custom-filter-blocks li {display:block;}
.custom-filter-blocks li > div {display:block;margin-bottom:10px;}
.filter-type {width:100%;margin-right:0;}
.value-wrap {justify-content:initial;}
.multiselect {width:100%;}
.filter-modal-footer .button {margin:5px 10px;}
.filter-delete a {margin-top:0;}
.doc-list .ghost-btn {text-align:left;margin-top:10px;}
}
.notification {
margin-bottom:20px;
text-align:left;
padding:30px 40px;
position:relative;
border-color:#ffd3a4;
background:#fff2e6;
color:#A5651E;
}
.somenewstuffse, .mifid-notification {
margin-bottom:20px;
text-align:left;
padding:30px 40px;
position:relative;
border-color:#b8daff;
background:#cce5ff;
color:#004085;
}
.notification-error {
margin-bottom:20px;
text-align:left;
padding:30px 40px;
position:relative;
border-color: rgba(238, 42, 0, 0.43);
background: rgba(255, 0, 4, 0.13);
color: #ee2a00;
}
.dt21 {fill:#006ab4;cursor:pointer;} /* Romania */
.dt21:hover {fill:#ffd200;}
.viaconto-ro:before {width:120px;height:41px;margin:-20px 0 0 -60px;background-position:-150px -100px;}
.footer-soc-wrap li {display: flex;flex-grow: 0;flex-direction: column;}
.footer-wrap .soc {
justify-content: center;
align-items: center;
display: flex;
flex-wrap: wrap;
}
.cookies {position:fixed;bottom:10px;width:948px;font-size:11px;line-height:15px;padding:15px;margin-left:-474px;left:50%;background:#fff;border-radius:3px;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.25);box-shadow:0 0 20px 0 rgba(0,0,0,0.25); z-index:10000; display:none;}
.cookies .cookies-info {width:85%;float:left;}
.cookies .cookies-info p {padding-right:10px;}
.cookies .cookies-btn {width:15%;float:left;font-size:14px;text-align:right;}
.cookies .cookies-btn a {display:inline-block;padding:10px 20px;background:#7B8C97;color:#fff;border-radius:3px;}
.cookies .cookies-btn a:hover {background:#6C7D88;}
.cookie-table {font-size:12px;margin-bottom:30px;}
.cookie-table table {line-height:1.4;border:1px solid #ccc;}
.cookie-table td, .cookie-table th {padding:5px;border:1px solid #ccc;text-align:left;}
.cookie-table th {font-weight:500;}
.cookie-table tr td {border-top:1px solid #ccc;border:1px solid #ccc;}
.cookie-page h3 {font-weight:500;margin:10px 0;}
@media screen and (max-width: 1008px) {
.cookies {left:4%;right:4%;margin:0;width:92%;}
.cookie-table {overflow:auto;}
.cookie-table table {min-width:800px;}
}
@media screen and (max-width: 712px) {
.cookies .cookies-info {width:100%;float:none;}
.cookies .cookies-btn {width:100%;float:none;text-align:center;}
.cookie-table tr:nth-child(even) td, .cookie-table tr:nth-child(even) th {background:#eee;}
}
.reg-form .rules-block {margin:0px 0 10px 0;padding:0 15px;width:100%;}
.reg-wrap .rules-block {margin:0px 0 10px 0;padding:0;width:100%;}
.form-wrap .rules-block label {display:inline;padding-left:6px;}
.loan-table .acc-statement {font-size:18px;}
@media screen and (max-width: 900px) {
.form-wrap .col-12 {margin:0;width:100%;}
.loan-table .acc-statement {float:left;}
.text-center.js-pagination_custom {text-align:left;}
}
.form-alert .close {position:absolute;top:7px;right:7px;text-indent:-9999px;}
.form-alert .close a {height:20px;width:20px;display:block;position:relative;}
.form-alert .close a:before, .form-alert .close a:after {content:"";position:absolute;top:0px;left:10px;width:2px;height:20px;background:#8a6d3b;}
.form-alert .close a:before {-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.form-alert .close a:after {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.form-alert {position:relative;padding:10px 20px 10px 10px;clear:both;top:7px;margin-bottom:5px;color:#8a6d3b;background-color:#fcf8e3;border:1px solid #faebcc;font-size:14px;border-radius:3px;}
.dl-apps {margin:0 auto;align-items:stretch;display:flex;flex-wrap:wrap;justify-content:center;}
.dl-apps li {display:flex;flex-grow:0;flex-direction:column;margin:0 15px 15px 15px;}
.app-store {margin-bottom:10px;}
.app-store a {background:url(/img/via-new/app-store-en.svg) 0 0 no-repeat;background-size:contain;width:150px;height:50px;display:block;}
.google-play a {background:url(/img/via-new/google-play-en.svg) 0 0 no-repeat;background-size:contain;width:169px;height:50px;display:block;}
.footer-wrap .dl-apps {margin-top:0;margin-bottom:15px;}
.footer-wrap .app-store a {width:120px;height:40px;}
.footer-wrap .google-play a {width:135px;height:40px;}
/* refer-a-friend starts */
.refer-a-friend .bottomy-wrap {display:none;}
.refer-a-friend .header-bg-2 {min-height:120px;}
.refer-a-friend .header-bg-2 {background:#006ab4;}
.refer-a-friend .blue-header {margin-bottom:0;}
.refer-a-friend .hero-wrap .headline h1 {margin-bottom:0px;font-size:42px;text-transform:initial;color:#ffd200;}
.refer-block-1 {color:#006ab4;font-size:26px;padding-top:50px;padding-bottom:50px;}
.refer-rules {font-size:30px;font-weight:700;font-family:'Montserrat', sans-serif;margin-bottom:30px;}
.refer-block-wrap {max-width:870px;margin:0 auto;position:relative;}
.refer-block-wrap:before {content:"";position:absolute;bottom:10px;left:-142px;width:122px;height:128px;background:url(/img/gift.svg) 0 0 no-repeat;background-size:contain;}
.refer-block-wrap:after {content:"";position:absolute;top:-110px;right:-120px;width:180px;height:230px;background:url(/img/alpaca-eur.svg) 0 0 no-repeat;background-size:contain;}
.copy-link-wrap {background:#ce4c71;color:#fff;max-width:1000px;margin:0px auto;padding:14px 17px;font-size:24px;justify-content:center;align-items:center;display:flex;flex-wrap:wrap;border-radius:3px;}
.copy-link-block {align-items:center;display:flex;flex-wrap:wrap;}
input.copy-npt {display:block;height:50px;line-height:50px;font-size:18px;padding:5px 12px;color:#fff;min-width:400px;background:#d56786;border-radius:3px 0 0 3px;}
.copy-link-cta a {background:#fff;color:#ce4c71;font-size:24px;text-transform:uppercase;height:50px;line-height:50px;display:block;padding:0px 20px;font-weight:700;border-radius:0 3px 3px 0;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.copy-link-cta a:hover {color:#006ab4;}
.copy-link-wrap label {margin-right:10px;font-weight:700;}
.refer-cta {text-align:center;}
.refer-cta a {display:inline-block;font-size:28px;padding:10px 25px;color:#fff;background:#ce4c71;text-transform:uppercase;font-weight:500;border-radius:3px;}
.blue-bg {background:#006ab4;padding:60px 0;}
.refer-block-2 h3 {text-align:center;color:#ffd200;font-size:36px;text-transform:initial;}
.refer-how-it-works {color:#fff;font-size:22px;}
.refer-how-it-works li {margin-top:30px;padding-left:50px;position:relative;}
.refer-how-it-works li > div {align-items:center;display:flex;flex-wrap:wrap;position:relative;}
.refer-how-it-works li p {margin:30px 0 30px 150px;}
.refer-how-it-works li:before {content:"";width:50px;height:40px;font-size:34px;font-weight:700;position:absolute;top:50%;margin-top:-20px;left:0;color:#ffd200;}
.refer-how-it-works li:first-child:before {content:"1.";}
.refer-how-it-works li:nth-child(2):before {content:"2.";}
.refer-how-it-works li:nth-child(3):before {content:"3.";}
.refer-icon {width:121px;height:121px;border-radius:50%;background:#fff;position:absolute;margin-right:20px;}
.refer-icon:before {content:"";position:absolute;top:50%;left:50%;}
.refer-icon-1:before {width:56px;height:56px;margin:-28px 0 0 -28px;background:url(/img/link.svg) 0 0 no-repeat;background-size:contain;}
.refer-icon-2:before {width:56px;height:56px;margin:-28px 0 0 -28px;background:url(/img/register.svg) 0 0 no-repeat;background-size:contain;}
.refer-icon-3:before {width:50px;height:50px;margin:-25px 0 0 -25px;background:url(/img/gift.svg) 0 0 no-repeat;background-size:contain;}
.refer-block-3 {padding:60px 0;text-align:center;color:#006ab4;}
.refer-block-3 p {font-size:22px;}
@media screen and (max-width: 1180px) {
.refer-a-friend .hero-wrap .headline h1 {margin:0 100px;}
}
@media screen and (min-width: 1008px) {
.lang-lv.refer-a-friend .hero-wrap .headline h1 {margin:0 50px;}
.lang-lv.refer-a-friend .hero-wrap .headline {margin-bottom:30px;}
}
@media screen and (max-width: 1180px) {
.refer-rules {font-size:24px;}
.refer-block-wrap {max-width:770px;}
.refer-block-wrap:after {/*width:110px;height:348px;right:-110px;*/display:none;}
.refer-block-wrap:before {left:-122px;width:100px;height:105px;}
}
@media screen and (max-width: 1008px) {
.refer-block-wrap:before {display:none;left:0;}
.refer-block-wrap {max-width:initial;padding-right:120px;}
.refer-block-wrap:after {right:0;width:90px;height:285px;}
.refer-a-friend .hero-wrap .headline h1 {font-size:32px;}
.refer-a-friend .header-bg-2 {min-height:initial;}
.refer-a-friend .hero-wrap .headline {margin-bottom:30px;}
.refer-a-friend .hero-wrap .headline h1 {margin-left:0;margin-right:0;}
}
@media screen and (max-width: 900px) {
.refer-a-friend .header-bg-2 {padding-bottom:0;}
.refer-a-friend .grid {width:96%;margin:0 2%;}
}
@media screen and (max-width: 712px) {
.refer-block-wrap:before {display:none;}
.refer-block-wrap:after {display:none;}
.refer-block-wrap {padding-right:0;}
.refer-rules {font-size:20px;padding-top:120px;position:relative;}
.refer-rules:before {content:"";position:absolute;top:0;left:50%;margin:0 0 0 -55px;width:110px;height:115px;background:url(/img/gift.svg) 0 0 no-repeat;background-size:contain;}
.refer-block-1 {padding-top:20px;padding-bottom:20px;font-size:20px;}
.refer-a-friend .hero-wrap .headline h1 {font-size:26px;}
.copy-link-wrap label {margin-right:0;}
input.copy-npt {width:100%;min-width:initial;border-radius:3px;margin-bottom:10px;}
.copy-link-cta {margin:0 auto;}
.copy-link-cta a {border-radius:3px;display:block;}
.refer-how-it-works li {padding-top:120px;padding-left:0;}
.refer-how-it-works li:before {top:0;left:50%;margin-left:-25px;margin-top:0;display:none;}
.refer-icon {margin-right:0;top:-121px;left:50%;margin-left:-60px;}
.refer-how-it-works li p {margin:20px 0;text-align:center;}
}
/* refer-a-friend ends */
.lars-landing .header-bg-2 {min-height:initial;background:#086bb4;margin-bottom:60px;}
.lars-landing .hero-wrap .headline h1 {text-transform:initial;font-size:30px;}
.lars-landing h1 .size-40 {font-size:42px;text-transform:uppercase;}
.lars-video {max-width:800px;margin:0 auto;padding:24px 0 60px 0;background:url(/img/lars-bg.gif) 0 0 no-repeat;}
.lars-video img, .lars-video video {max-width:100%;display:block;}
.lars-video video {width:100%;}
#lars-video {max-width:460px;margin:0 auto;}
.lars-btn {text-align:center;margin-bottom:10px;position:relative;z-index:2;margin-top:-20px;}
.lars-btn a {background:#0d2541;color:#ffd206;font-size:26px;padding:10px 30px;display:inline-block;font-weight:500;text-transform:uppercase;border-radius:3px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.lars-btn a:hover {color:#fff;background:#0b3d78;}
.lars-landing .refer-block-3 a {text-decoration:underline;}
.lars-landing .refer-block-3 a:hover {text-decoration:none;}
@media screen and (max-width: 1008px) {
.lars-video {background:none;padding:0;}
.hero-wrap .headline br {display:none;}
}
.footer-wrap .col-6 {display:flex;flex-grow:0;flex-direction:column;float:none;border-left:1px solid rgba(255,255,255,0.1);padding:60px 0px 60px 30px;text-align:center;text-transform:uppercase;}
.footer-wrap .doc-links {justify-content:flex-start;display:flex;flex-wrap:wrap;text-align:left;text-transform:initial;}
.footer-wrap .doc-links li {width:100%;margin-bottom:7px;padding-bottom:5px;padding-right:20px;border-bottom:1px solid rgba(255,255,255,0.1);}
.footer-wrap .doc-links a {color:#c0c0c7;display:inline-block;}
.footer-wrap .doc-links a:hover {color:#fff;}
.footer-wrap .working-hours {margin-top:30px;}
@media screen and (max-width: 900px) {
.footer-wrap .doc-links li {width:100%;padding-right:0;}
.footer-wrap .doc-links li:last-child {border-bottom:0;margin-bottom:0;padding-bottom:0;}
.footer-wrap .doc-links a {display:block;}
.footer-wrap .col-6 {padding:30px 0px 30px 15px;}
}
.marquee-banner {z-index:2;height:45px;background:url(/img/vialet-banner-1.gif) 0 0 repeat-x;animation:vialetMarquee 20s linear infinite;position:fixed;bottom:0px;left:0;right:0;}
.marquee-banner a {height:45px;display:block;}
@keyframes vialetMarquee {
from { background-position: 0px 0; }
to { background-position: -800px 0; }
}
@font-face {
font-family: 'TriviaGroteskX2';
src: url('/fonts/Storm.eot');
src: local('ā?s'), url('/fonts/Storm.woff') format('woff'), url('/fonts/Storm.ttf') format('truetype');
}
@font-face {
font-family: 'TTCommons';
src: url('/fonts/TypeType.eot');
src: local('ā?s'), url('/fonts/TypeType.woff') format('woff'), url('/fonts/TypeType.ttf') format('truetype');
}
body.vialet-landing {background-color:#c3eef9;color:#002cc1;font-family: 'TTCommons';font-size:18px;}
.vialet-landing img {max-width:100%;display:block;}
.vialet-landing .blue-header {min-height:initial;margin-bottom:0;}
.vialet-landing .header-wrap .col-12 {height:auto;}
.vialet-header {background:#002cc1;position:fixed;top:0px;width:100%;z-index:2;}
.vialet-header .col-12 {align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;}
.vialet-header .logo {text-indent:-9999px;margin:15px 0;}
.vialet-header .logo a {display:block;height:72px;width:196px;position:relative;}
.vialet-header .logo a:before {content:"";position:absolute;top:0;left:0;width:196px;height:72px;background:url(/img/sprite.png) 0 0 no-repeat;}
.vialet-menu {height:100%;align-items:stretch;display:flex;flex-wrap:wrap;}
.vialet-menu ul {align-items:stretch;display:flex;flex-wrap:wrap;}
.vialet-menu ul li {}
.vialet-menu ul li a {color:#fff;padding:10px 20px;display:block;line-height:80px;}
.section .col-12 {min-height:100vh;float:none;align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;}
.section-1 {background:url(/img/vialet-bg-1.svg) top left no-repeat;}
.section-2 {background:url(/img/vialet-bg-2.svg) center right no-repeat;}
.section-3 {background:#f9d5ff url(/img/vialet-bg-3.svg) center right no-repeat;}
.section-3 .page {padding-top:160px;padding-bottom:0;justify-content:center;flex-direction:column;}
.section-4 {background:url(/img/vialet-bg-1.svg) top left no-repeat;}
.section-content {max-width:660px;align-content:center;display:flex;flex-wrap:wrap;}
.section-content.content-2 {width:100%;max-width:100%;text-align:center;justify-content:center;}
.section-content h1 {font-family: 'TriviaGroteskX2';color:#002cc1;font-size:52px;text-transform:initial;margin-bottom:40px;font-weight:initial;line-height:1;}
.section-content p {margin-bottom:40px;}
.section-content .dl-apps {justify-content:initial;margin:0;margin-bottom:30px;}
.section-content .dl-apps li {margin:0 30px 0 0;}
.section-img {align-content:center;display:flex;flex-wrap:wrap;}
.section-img-full {display:flex;align-self:self-end;width:100%;}
.section-img-full img {margin:0 auto;}
.learn-more {flex:1 0 auto;font-size:24px;text-align:center;}
.learn-more a {background:#002cc1;color:#fff;padding:13px 30px 10px 30px;display:inline-block;border-radius:3px;transition:all 0.2s ease-in-out;}
.learn-more a:hover {background:#073fff;}
.vialet-selling-points {align-items:stretch;display:flex;flex-wrap:wrap;text-align:center;justify-content:center;}
.vialet-selling-points li {width:25%;}
.vialet-selling-points li h3 {font-family: 'TTCommons';font-size:18px;text-transform:initial;font-weight:initial;margin:0 30px;}
.vialet-icon {position:relative;width:60px;height:60px;margin:0 auto 20px auto;}
.vialet-icon:before {content:"";position:absolute;top:0px;left:50%;}
.vialet-icon-1:before {background:url(/img/vialet-icon-1.svg) 0 0 no-repeat;width:60px;height:60px;margin-left:-30px;}
.vialet-icon-2:before {background:url(/img/vialet-transactions.svg) 0 0 no-repeat;width:72px;height:62px;margin-left:-40px;}
.vialet-icon-3:before {background:url(/img/vialet-icon-3.svg) 0 0 no-repeat;width:60px;height:60px;margin-left:-30px;}
.vialet-icon-4:before {background:url(/img/vialet-rates.svg) 0 0 no-repeat;width:72px;height:66px;margin-left:-36px;}
.vialet-icon-5:before {background:url(/img/vialet-banking.svg) 0 0 no-repeat;width:72px;height:51px;margin-left:-36px;}
.vialet-icon-6:before {background:url(/img/vialet-icon-2.svg) 0 0 no-repeat;width:80px;height:50px;margin-left:-40px;}
.vialet-icon-7:before {background:url(/img/vialet-support.svg) 0 0 no-repeat;width:74px;height:60px;margin-left:-37px;}
.section-4 .section-content {width:50%;}
.section-4 .section-img {width:50%;}
.section-1, .section-2, .section-3 {background-size:cover;}
.vialet-banner-3 .vialet-title-block {margin-bottom:30px;}
.vialet-banner-3 .vialet-title-block h2 {color:#fe3e2b;font-size:24px;margin:0;font-family:'TriviaGroteskX2';text-transform:uppercase;line-height:1;}
.vialet-banner-3 .vialet-title-block .vialet-logo {margin:0;display:inline-block;background:url(/img/vialet-logo.svg) 0 0 no-repeat;position:relative;bottom:-2px;background-size:contain;width:138px;height:20px;text-indent:-9999px;}
.vialet-banner-3 .vialet-title-block p {display:inline-block;margin-right:15px;font-size:20px;color:#002cc1;font-family:'TriviaGroteskX2';}
.vialet-banner-3 .vialet-title-block .vialet-home-btn {font-size:14px;margin-top:7px;font-family:'TriviaGroteskX2';display:inline-block;}
.vialet-banner-3 .vialet-title-block .vialet-home-btn a {background:#fe3e2b;color:#fff;display:inline-block;padding:10px 30px;border-radius:30px;box-shadow:0 15px 30px 0 rgba(0,25,110,0.3);transition:all 0.2s ease-in-out;}
.vialet-banner-3 .vialet-title-block .vialet-home-btn a:hover {background:#f9f;box-shadow:0 15px 30px 0 rgba(0,25,110,0.55);}
.vialet-banner-3 {text-align:center;background:#c3eef9 url(/img/vialet-bg-banner.png) center center no-repeat;color:#fff;padding:25px;margin-bottom:30px;margin-top:30px;}
.vialet-banner-3 .vialet-title-block {margin-bottom:0;line-height:1.2;}
.vialet-banner-3 .vialet-title-block h2 {font-size:24px;}
.vialet-banner-3 .vialet-title-block p {font-size:20px;}
@media screen and (max-width: 900px) {
.vialet-banner-3 .vialet-title-block h2 {text-transform:initial;margin-bottom:20px;color:#002cc1;}
.vialet-banner-3 .vialet-title-block p {font-size:24px;color:#fe3e2b;}
}
@media screen and (max-width: 1170px) {
.grid {width:98%;margin:0 1%;}
.section-img {max-width:250px;}
}
@media screen and (max-width: 900px) {
.section .col-12 {min-height:initial;}
.section-content h1 {font-size:24px;margin-bottom:20px;}
.section-content p {margin-bottom:20px;}
.section-content .dl-apps {width:100%;}
.section-content .dl-apps {justify-content:center;}
.section-content .dl-apps li {margin:0 15px 15px 0;}
.section-1 .section-img {max-width:200px;margin:0 auto;}
.section-img {display:block;}
.vialet-selling-points {display:block;text-align:center;width:100%;}
.vialet-selling-points li {width:auto;margin-bottom:30px;}
.section-2 h1 {margin-bottom:40px;}
.section-3 .page {padding-top:60px;}
.section-img-full {display:block;}
}
.benefiters {padding-bottom:10px;border-bottom:1px solid #ddd;display:block;}
.reg-form .npt-block, .reg-form .npt-row {
width: 50%;
padding: 0 15px;
margin-bottom: 30px;
}
.denny-landing .header-bg-2 {min-height:initial;background:#086bb4;margin-bottom:60px;}
.denny-landing .header-wrap .col-12 {height:100px;}
.denny-wrap {max-width:1300px;margin:0 auto 60px auto;align-items:stretch;display:flex;flex-wrap:wrap;flex-direction:row-reverse;}
.denny-block {padding:40px;background:#086bb4 url(/img/james-denny.png) right bottom no-repeat;border-radius:5px;text-align:left;}
.denny-block h1 {color:#fff;font-size:30px;text-transform:initial;}
.denny-block .size-48 {font-size:48px;}
.denny-block .size-72 {font-size:72px;}
.denny-video {margin-top:40px;margin-bottom:30px;max-width:560px;}
.denny-video img, .denny-video video {max-width:100%;display:block;}
.denny-video video {width:100%;}
.denny-btn {text-align:left;margin-bottom:10px;position:relative;z-index:2;}
.denny-btn a {background:#ffd206;color:#086bb4;font-size:26px;padding:10px 30px;display:inline-block;font-weight:500;text-transform:uppercase;border-radius:3px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.denny-btn a:hover {color:#fff;background:#0b3d78;}
@media screen and (max-width: 1300px) {
.denny-block .size-48 {font-size:36px;}
.denny-block {background:#086bb4;}
}
@media screen and (max-width: 900px) {
.denny-wrap {display:block;}
.denny-wrap .col-6 {width:96%;margin:0 3%;float:none;}
.denny-landing .header-bg-2 {padding-bottom:0;margin-bottom:20px;}
.denny-block {padding:30px;}
.denny-block h1 {font-size:24px;}
.denny-block .size-48 {font-size:30px;}
.denny-block .size-72 {font-size:40px;}
.denny-btn a {font-size:20px;}
.denny-landing .nav-toggle {margin-bottom:20px;}
.denny-landing .header-wrap .col-12 {height:auto;}
.denny-landing .header-wrap nav {padding-top:0;}
}
.custom-select select {display:block;width:100%;height:40px;padding:5px 10px;color:#747fa0;background:#eef2f5;border:1px solid rgba(255,255,255,0);border-radius:3px;-webkit-transition:border 0.2s ease-in-out;transition:border 0.2s ease-in-out;}
.custom-select select:focus {border-color:#b4bcc2;}
.align-left {
text-align:left
}
/* Changes: 2019.12.19 14:11:00 */
/* Vialet landingpage V2 */
.center-img {text-align:center;}
.center-img img {display:inline-block;}
.vialet-landing-2 {color:#002cc1;font-size:18px;font-family: 'TTCommons';}
.vialet-landing-2 .blue-header {color:#002cc1;min-height:initial;}
.vialet-2-intro {max-width:1120px;margin:0 auto;padding-left:15px;padding-bottom:60px;position:relative;}
.vialet-2-intro p {margin:10px 0;}
.vialet-sm-txt {font-size:14px;/*max-width:360px;*/}
.pre-heading {font-size:30px;}
.scroll-down {margin:20px 0;}
.scroll-down a {width:52px;height:52px;border:1px solid #b2b7d1;display:block;border-radius:50%;position:relative;transition:all 0.2s ease-in-out;}
.scroll-down a:hover {border-color:#c3eef9;}
.scroll-down a:before {content:"";width:26px;height:15px;margin:-6px 0 0 -13px;background:url(../img/arrow-down-vialet.svg) 0 0/contain no-repeat;position:absolute;top:50%;left:50%;}
.vialet-logo-h {text-indent:-999999px;display:block;width:180px;height:24px;margin-bottom:15px;background:url(../img/vialet-logo.svg) 0 0/contain no-repeat;}
.vialet-2-intro h1 {font-family: 'TriviaGroteskX2';text-transform:initial;font-size:28px;color:#002cc1;}
.vialet-2-phones {width:460px;height:357px;position:absolute;bottom:-150px;right:0px;}
.section-v2 h2 {font-family: 'TriviaGroteskX2';text-transform:initial;font-size:28px;color:#002cc1;}
.section-1-v2 {background:url(../img/vialet-v2-bg-1.png) center bottom no-repeat;padding:80px 0 180px 0;}
.section-2-v2 {background:#002cc1 url(../img/vialet-v2-bg-2-2.png) center bottom no-repeat;color:#fff;padding:60px 0;}
.section-3-v2 {background:#fff url(../img/vialet-v2-bg-3.png) center bottom no-repeat;padding:60px 0;}
.section-4-v2 {background:#c3eef9 url(../img/vialet-v2-bg-4.png) center bottom no-repeat;padding:60px 0;}
.section-5-v2 {background:#002cc1;color:#fff;padding:60px 0;}
.section-6-v2 {background:#6ee08c;color:#002cc1;padding:60px 0 80px 0;}
.section-v2.section-2-v2 h2 {color:#fff;}
.section-2-v2 img {max-width:250px;margin-top:-80px;}
.fin-opp {max-width:700px;margin:0 auto;}
.selling-points {align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;margin:50px 0;}
.selling-points li {width:20%;text-align:center;padding:0 20px;}
.selling-points li h3 {font-family:'TT Commons';font-size:18px;text-transform:initial;font-weight:400;}
.selling-points .icon-v {width:50px;height:50px;margin:0 auto 20px auto;position:relative;}
.selling-points .icon-v:before {content:"";position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px;}
.selling-points .icon-1-1:before {background:url(../img/ben-1.svg) 0 0/contain no-repeat;}
.selling-points .icon-1-2:before {background:url(../img/ben-2.svg) 0 0/contain no-repeat;margin-top:-20px;}
.selling-points .icon-1-3:before {background:url(../img/ben-3.svg) 0 0/contain no-repeat;margin-top:-20px;}
.selling-points .icon-1-4:before {background:url(../img/ben-4.svg) 0 0/contain no-repeat;}
.selling-points .icon-1-5:before {background:url(../img/ben-5.svg) 0 0/contain no-repeat;}
.about-app {padding:60px 0;}
.about-app-list {align-items:stretch;display:flex;flex-wrap:wrap;/*justify-content:space-between;*/}
.about-app-list li {width:27%;margin:10px 3% 20px 3%;text-align:center;}
.about-app-list li h3 {font-family:'TT Commons';font-size:16px;text-transform:initial;font-weight:400;}
.about-app-list .icon-v {width:50px;height:50px;margin:20px auto 20px auto;position:relative;}
.about-app-list .icon-v:before {content:"";width:50px;height:50px;position:absolute;top:0;left:0;}
.about-app-list .icon-3-1:before {background:url(../img/hiw-3.svg) 0 0/contain no-repeat;}
.about-app-list .icon-3-2:before {background:url(../img/pros-1.svg) 0 0/contain no-repeat;}
.about-app-list .icon-3-3:before {background:url(../img/pros-2.svg) 0 0/contain no-repeat;}
.about-app-list .icon-3-4:before {background:url(../img/pros-3.svg) 0 0/contain no-repeat;width:27px;left:50%;margin-left:-13.5px;}
.about-app-list .icon-3-5:before {background:url(../img/pros-4.svg) 0 0/contain no-repeat;}
.about-app-list .icon-3-6:before {background:url(../img/pros-5.svg) 0 0/contain no-repeat;}
.about-app-list .icon-3-7:before {background:url(../img/pros-6.svg) 0 0/contain no-repeat;}
.about-app-list .icon-3-8:before {background:url(../img/pros-7.svg) 0 0/contain no-repeat;}
.about-app-list .icon-3-9:before {background:url(../img/vialet-support.svg) 0 0/contain no-repeat;}
.vialet-bank-block {max-width:600px;margin:0 auto;position:relative;padding-left:100px;}
.vialet-bank-block h2 {color:#fff;}
.vialet-bank-block:before {content:"";position:absolute;top:2px;left:0;width:88px;height:65px;background:url(../img/vialet-account.svg) 0 0/contain no-repeat;}
.try-vialet {background:url(../img/star.png) right top no-repeat;max-width:600px;margin:60px auto 0 auto;}
.try-vialet h2 {color:#fff;}
.try-vialet-btn {margin-top:30px;text-transform:uppercase;}
.try-vialet-btn a {background:#fff;color:#002cc1;display:inline-block;padding:15px 30px 11px 30px;border-radius:30px;box-shadow:0 10px 20px 0 rgba(0,0,0,0);transition:all 0.2s ease-in-out}
.try-vialet-btn a:hover {background:#ffc500;box-shadow:0 10px 20px 0 rgba(0,0,0,0.55);}
.top-up {max-width:380px;margin-top:20px;}
.top-up img {max-width:100%;display:block;}
.section-0-v2 .vialet-2-intro {padding-top:30px;}
.vialet-2-intro .try-vialet-btn a {background:#002cc1;color:#fff;}
.vialet-2-intro .try-vialet-btn a:hover {background:#51d7f7;}
.vialet-2-intro h1, .vialet-2-intro h2, .vialet-2-intro p {max-width:800px;}
.section-v2 .reverse {align-items:stretch;display:flex;flex-wrap:wrap;flex-direction:row-reverse;}
@media screen and (max-width: 1170px) {
.grid {width:96%;margin:0 2%;}
.vialet-2-intro {width:92%;margin-left:4%;margin-right:4%;}
}
@media screen and (max-width: 900px) {
.col-1, .col-2, .col-20, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .intro-card .col-5, .intro-card .col-7 {width:100%;float:none;margin:0;}
.scroll-down {display:none;}
.vialet-2-phones {position:static;margin-top:30px;margin-bottom:-20px;width:auto;height:auto;}
.vialet-2-phones img {max-width:100%;}
.vialet-2-intro {padding-top:30px;padding-bottom:0;padding-left:0;}
.section-1-v2 {padding:60px 0 100px 0;}
.section-2-v2 {padding:0px 0 60px 0;}
.section-2-v2 img {margin-top:0;}
.about-app-list li {width:100%;}
.section-4-v2 h2 {text-align:center;}
.vialet-landing-2 img {display:inline-block;}
.section-2-v2 img {max-width:200px;}
.try-vialet, .vialet-bank-block {width:96%;margin:0 2%;}
.vialet-bank-block {padding-left:0;margin-bottom:60px;}
.vialet-bank-block:before {top:-80px;}
.section-5-v2 {padding-top:100px;}
.section-0-v2 .vialet-2-intro {margin:0;width:100%;}
}
@media screen and (max-width: 712px) {
.vialet-2-intro .try-vialet-btn {text-align:center;}
}
/* Vialet landingpage V2 ends */
/* home page changes */
.product-menu {align-items:stretch;display:flex;flex-wrap:wrap;justify-content:center;text-align:center;margin-bottom:30px;margin-top:-30px;}
.product-menu li {max-width:400px;padding:0 50px;}
/*.product-menu a {color:#013b53;display:block;transition:all 0.2s ease-in-out;}
.product-menu a:hover {color:#ff5e62;}
.product-menu h2 {font-size:28px;text-transform:initial;margin-bottom:0px;}
.product-menu .icon {position:relative;width:100px;height:100px;margin:0 auto 20px auto;}
.product-menu .icon:before {content:"";position:absolute;top:0;left:50%;}
.product-menu .icon-1:before {margin:20px 0 0 -45px;width:83px;height:76px;background:url(/img/business-loans.svg) 0 0 no-repeat;background-size:contain;}
.product-menu .icon-2:before {margin:0 0 0 -50px;width:100px;height:60px;top:40px;background:url(/img/consumer-loans.svg) 0 0 no-repeat;background-size:contain;}
*/
.product-menu a {color:#013b53;display:block;transition:all 0.2s ease-in-out;}
.product-menu a:hover {color:#ff5e62;}
.product-menu h2 {font-size:28px;text-transform:initial;margin-bottom:0px;font-weight:400;}
.product-menu li:first-child h2 {font-weight:700;color:#ff5e62;}
.product-menu .icon {position:relative;width:100px;height:100px;margin:0 auto 20px auto;}
.product-menu .icon:before {content:"";position:absolute;top:0;left:50%;}
.product-menu .icon-1:before {margin:45px 0 0 -33px;width:66px;height:66px;background:url(/img/business-loans.svg) 0 0 no-repeat;background-size:contain;}
.product-menu .icon-2:before {margin:0 0 0 -60px;width:120px;height:70px;top:40px;background:url(/img/consumer-loans.svg) 0 0 no-repeat;background-size:contain;}
.header-bg-1 .primary-btn {margin-bottom:0;}
.about-block-2 {align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;text-align:center;margin-top:-10px;margin-bottom:40px;}
.about-block-2 li {width:33.3333%;padding:0 20px;font-size:14px;}
.about-block-2 li p {text-align:justify;}
.about-block-2 h2 {font-size:22px;text-transform:initial;margin-bottom:10px;}
.about-block-2 .icon {position:relative;width:100px;height:70px;margin:0 auto 20px auto;}
.about-block-2 .icon:before {content:"";position:absolute;top:50%;left:50%;}
.about-block-2 .icon-1:before {width:71px;height:65px;margin:-32px 0 0 -35px;background:url(/img/buyback-guarantee.svg) 0 0 no-repeat;background-size:contain;}
.about-block-2 .icon-2:before {width:71px;height:65px;margin:-32px 0 0 -35px;background:url(/img/weighted-risk.svg) 0 0 no-repeat;background-size:contain;}
.about-block-2 .icon-3:before {width:125px;height:100px;margin:-50px 0 0 -63px;background:url(/img/outstanding-support.svg) 0 0 no-repeat;background-size:contain;}
.swedbank-account-closing {border:2px solid #013b51;padding:15px 30px 15px 110px;font-size:16px;}
.swedbank-account-closing:before {content:"";background:url(/img/alert-3.svg) 0 0/contain no-repeat;width:60px;height:51px;position:absolute;top:50%;left:24px;margin-top:-40px;}
.swedbank-account-closing p {margin:7px 0;}
.swedbank-account-closing a {color:#013b53;text-decoration:underline;}
.swedbank-account-closing a:hover {text-decoration:none;}
.blue {color:#006fb9;}
@media screen and (max-width: 900px) {
.swedbank-account-closing {padding:90px 30px 15px 30px;}
.swedbank-account-closing:before {top:24px;left:50%;margin-top:0px;margin-left:-30px;}
}
/* business loan landing */
.business-loan-landing {align-items:stretch;display:flex;flex-wrap:wrap;justify-content:center;flex-direction:row-reverse;background:#f3f4f9;padding:20px;border-radius:5px;}
.business-pic {width:50%;overflow:hidden;border-radius:5px;}
.business-pic img {display:block;width:100%;max-width:100%;}
.business-descr {width:50%;padding:0px 20px 20px 30px;}
.business-descr h2 {margin-top:0;margin-bottom:20px;padding:15px 0 15px 50px;text-transform:initial;font-size:28px;border-bottom:1px solid #fff;position:relative;}
.business-descr h2:before {content:"";position:absolute;top:0;left:0;width:35px;height:52px;background:url(/img/real-estate.svg) 0 0 no-repeat;background-size:contain;}
.business-descr-list {font-size:18px;}
.business-descr-list li {padding:10px 0;border-top:1px solid #d9dbe5;overflow:hidden;}
.business-descr-list li:first-child {border-top:0;}
.business-descr-list li strong {float:right;}
.business-loan-disclaimer {font-size:13px;line-height:1.2;}
.business-descr .primary-btn {font-size:24px;text-align:center;margin-bottom:30px;}
.business-descr .primary-btn a {padding:20px 45px 17px 45px;}
@media screen and (max-width: 900px) {
.about-block-2 li {width:100%;margin-top:30px;}
.about-block-2 li p {text-align:left;}
.product-menu li {padding:0;max-width:initial;width:100%;}
.business-loan-landing {padding:0 0 20px 0;display:block;}
.business-pic {width:90%;margin:0 5%;text-align:center;border-radius:0;}
.business-pic img {width:initial;display:inline-block;}
.business-descr {width:100%;padding:20px 25px 30px 25px;}
.business-descr h2 {font-size:22px;line-height:1.2;padding:25px 0 15px 0;}
.business-descr h2:before {top:-50px;left:50%;margin-left:-17.5px;z-index:2;}
.business-descr h2:after {content:"";position:absolute;top:-63px;left:50%;margin-left:-40px;width:80px;height:80px;background-color:#fff;border-radius:50%;border:3px solid #f3f4f9;box-shadow:0px 7px 15px rgba(35,38,40,0.1);}
.business-descr-list li strong {float:none;display:block;}
}
.faq-buyback {width:30px;height:30px;}
.faq-buyback:before {width:30px;height:30px;margin-top:-15px;background:url(/img/buyback-guarantee.svg) 0 0 no-repeat;background-size: contain;}
.lang-es .header-wrap .menu {text-transform:initial;}
textarea.copy-txt.acc-area {height:40px;}
.magic-class table, .magic-class th, .magic-class td {border:1px solid #000;}
.ro-flag span {
background: url(/img/via-new/sprite.png) -700px -150px no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.ro-flag span {
background-image: url(/img/via-new/sprite2x.png);
background-size: 800px 800px;
}
}
.details-table h4 {font-size:20px;font-weight:500;margin-bottom:7px;}
/* cashback campaign starts */
.cashback {font-size:18px;font-weight:400;}
.cashback img {display:inline-block;max-width:100%;}
.cashback .blue-header {margin-bottom:0;}
.cashback .hero-wrap h1 {color:#ff9966;text-transform:initial;}
.cashback .hero-wrap .headline h1 {margin-bottom:30px;}
.title-color-2 {color:#ff5e62;}
.title-color-3 {color:#ce4c71;}
.cashback-block-1 {margin-top:-40px;z-index:2;position:relative;}
.cashback-block-1 .col-12 {float:none;}
.cahsback-usp {background:#013b51;color:#fff;font-size:24px;max-width:740px;padding:40px;position:relative;border-radius:7px;}
.cahsback-usp:before {content:"";position:absolute;top:-10px;right:-250px;width:180px;height:230px;background:url(../img/alpaca-eur.svg) 0 0/contain no-repeat;}
.cahsback-usp p {margin:0;}
span.gift {position:relative;display:inline;margin-left:5px;}
span.gift:before {content:"";position:absolute;top:0;left:0px;width:36px;height:36px;margin-top:-10px;margin-bottom:-10px;background:url(../img/gift.svg) 0 0/contain no-repeat;}
.cahsback-usp strong {color:#ff9966;}
.cashback-block-2 {padding:80px 0;line-height:1.6;}
.cashback-block-3 {padding:80px 0;line-height:1.6;}
.cashback-block-4 {padding:80px 0;line-height:1.6;text-align:center;}
.cashback-block-5 {padding:80px 0;line-height:1.6;}
.cashback-block-5 .more-cashback-info {font-size:16px;}
.cashback-block-5 .more-cashback-info a {color:#013b53;text-decoration:underline;}
.cashback-block-5 .more-cashback-info a:hover {text-decoration:none;}
img.autoinvest-cashback {max-width:120px;margin-top:-30px;}
.auto-highlight {margin-top:30px;}
@media screen and (max-width: 1180px) {
.cashback-block-1.grid {margin-top:-40px;}
.cahsback-usp {max-width:96%;margin-left:2%;margin-right:2%;}
.cahsback-usp:before {top:-66px;right:10px;width:85px;height:106px;}
.cashback .col-4 {text-align:center;}
.cashback-block-2, .cashback-block-3, .cashback-block-4, .cashback-block-5 {padding:40px 4%;}
img.autoinvest-cashback {max-width:120px;margin-top:0px;}
}
.cashback-fund, .cashback-fund td {
background-color: #cce5ff !important;
}
/* cashback campaign ends */
/* fee block for ru withdrawal */
.fee-block-ru {align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px;}
.fee-table-ru {width:48%;max-width:400px;}
.fee-block-ru h4 {font-weight:400;font-size:18px;margin-bottom:5px;}
.fee-table-ru table {border:0px solid #ccc;text-align:right;}
.fee-table-ru td {border:1px solid #d9ddee;padding:5px 7px;}
.fee-note {width:48%;padding:15px;background:#fcf8e3;color:#8a6d3b;border-radius:3px;border:1px solid #faebcc;}
.fee-note p {margin:0;}
@media screen and (max-width: 900px) {
.fee-block-ru {display:block;}
.fee-table-ru, .fee-note {width:100%;max-width:100%;}
.fee-note {margin-bottom:10px;}
}
.easter-2020 {background:#ebfbff url(/img/easter-2020.gif) 20px 20px no-repeat;padding-left:140px;border-color:#26b19e;color:#2C6D6C;}
@media screen and (max-width: 900px) {
.easter-2020 {background-position:center 10px;padding:100px 25px 25px 25px;}
}
/* Vietnam business loan */
.withdraw-vn-modal {font-size:16px;}
.vn-loan-table {border:1px solid #bcc1d5;margin-bottom:15px;overflow:auto;}
.vn-loan-table table {border:1px solid #bcc1d5;}
.vn-loan-table table th {border:1px solid #bcc1d5;padding:5px 5px;line-height:1;text-align:left;background:#f3f4f9;}
.vn-loan-table table td {border:1px solid #bcc1d5;padding:5px 5px;line-height:1;min-width:120px;}
.early-exit {margin-top:10px;text-shadow:0 1px 3px rgba(0,0,0,0.15);}
.early-exit a {background:#bcc0d5;color:#fff;padding:10px 15px 7px 15px;border-radius:50px;}
.early-exit a:hover {background:#898c9d;}
.vietnam-landing {margin-bottom:30px;}
.tooltip-vn,.tooltip-ph-9, .tooltip-vn-listing, .tooltip-vn-listing-11, .tooltip-vn-listing-9 {text-indent:-9999px;margin-top:-10px;width:18px;height:18px;display:inline-block;background:url(../img/sprite.png) -750px -50px no-repeat;}
.withdraw-vn-modal.modal ul {margin-bottom:20px;}
.withdraw-vn-modal.modal ul > li {padding-left:0px;margin-bottom:7px;}
.withdraw-vn-modal.modal ul > li:before {display:none;}
.vietnam-landing .business-descr h2:before {content:"";position:absolute;top:3px;left:0;width:52px;height:60px;background:url(../img/vietnam-briefcase.svg) 0 0 no-repeat;background-size:contain;}
.vietnam-landing .business-descr h2 {padding-left:60px;}
.vn-choice-buttons {align-items:stretch;display:flex;flex-wrap:wrap;margin-top:20px;}
.vn-choice-buttons .button {margin-right:20px;}
.vn-choice-buttons .ghost-btn {text-transform:initial;}
.vn-choice-buttons .button a {padding:12px 20px 10px 20px;border-radius:50px;}
.modal-notif {text-align:left;padding:15px 20px;position:relative;border:1px solid #ffd3a4;background:#fff2e6;color:#A5651E;border-radius:3px;}
.confirm-it {position:absolute;top:0;left:0;right:0;bottom:0;padding:50px;background:#fff;text-align:center;display:none;align-items:center;flex-wrap:wrap;}
.confirm-it.flex {display:flex;}
.confirm-it h2 {font-size:26px;margin-bottom:30px;line-height:1.2;text-transform:initial;}
.confirm-it p {font-size:20px;line-height:1.2;margin-bottom:0;}
.confirm-inner {width:100%;}
.confirm-inner .vn-choice-buttons {justify-content:center;}
.confirm-inner .vn-choice-buttons .button {margin:0 10px;}
@media screen and (max-height: 800px) {
/*.withdraw-vn-modal {top:10%;bottom:10px;}*/
.withdraw-vn-modal .secondarry-btn {margin-bottom:30px;}
}
.vn-flag span {
background: url(/img/via-new/sprite.png) -750px -150px no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.vn-flag span {
background-image: url(/img/via-new/sprite2x.png);
background-size: 800px 800px;
}
}
.modal-business-vn,#modal-early-exit {
position: fixed;
top:400px !important;
}
.default-table {border:1px solid #c7d1d9;margin:20px 0;}
.default-table td {border:1px solid #c7d1d9;padding:10px;text-align:left;color:#013b53;}
.default-table th {font-weight:600;border:1px solid #c7d1d9;padding:10px;}
.graph-block .secondarry-btn.no-buyback a:before {
content : normal !important;
}
.ph-flag span {background:url(../img/ph-flag.svg) 0 0/cover no-repeat;}
/* reg form update*/
/* update 08.06.2021. */
.show-promo-code {margin-bottom:20px;}
.show-promo-code a {color:#013b53;text-decoration:underline;}
.show-promo-code a:hover {color:#ff5e62;text-decoration:none;}
.promo-code-block {display:none;}
.promo-code-btn {margin-bottom:20px;}
.promo-code-btn a {display:inline-block;border:2px solid #e1e9ee;color:#687a86;padding:7px 15px;border-radius:5px;transition:all 0.2s ease-in-out;}
.promo-code-btn a:hover {border-color:#687a86;color:#36454f;}
.btn-row {width:100%;align-items:stretch;display:flex;flex-wrap:wrap;}
.btn-row .button {margin-right:20px;}
.btn-row .ghost-btn a {display:block;padding:13px 25px 11px 25px;border-radius:30px;}
.reg-form .btn-row .secondarry-btn {width:initial;}
.passw-criteria {padding:10px 0 0 0;}
.passw-line {height:4px;width:100%;background:#D5D4D8;position:relative;display:block;overflow:hidden;border-radius:4px;}
.passw-line-act {position:absolute;top:0;left:0;bottom:0;height:4px;border-radius:4px;
background: #013b53;
background: -moz-linear-gradient(left, #013b53 0%, #19c10d 100%);
background: -webkit-linear-gradient(left, #013b53 0%,#19c10d 100%);
background: linear-gradient(to right, #013b53 0%,#19c10d 100%);
}
.passw-strength {padding:5px 0 0 0;font-weight:400;color:#9A9895;font-size:11px;margin-bottom:7px;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;}
.passw-rules {color:#949397;font-size:14px;font-weight:400;}
.passw-rules li {padding-left:15px;margin-top:3px;position:relative;}
.passw-rules li:first-child {margin-top:0;}
.passw-rules li:before {content:"";position:absolute;left:0;}
.passw-rules li.is-valid:before {top:4px;width:10px;height:10px;background:url(/img/check-1.svg) 0 center/contain no-repeat;}
.passw-rules li.not-valid:before {top:4px;width:10px;height:10px;background:url(/img/cross-1.svg) 0 center/contain no-repeat;}
.loading-img {text-align:center;margin-bottom:30px;}
/* Spain re loan */
.loan-spain-2021 .loan-table-2 {width:50%;padding:0 30px 0 0;margin-bottom:0px;}
.loan-spain-2021 .loan-table-2.loan-block-1 {width:50%;}
.loan-spain-2021 .loan-table-2.loan-block-2 {width:50%;}
.loan-spain-2021 .loan-table-2.loan-block-3 {width:100%;}
.loan-spain-2021 .loan-table-2 td {line-height:1.2;}
.loan-spain-2021 .loan-table-2 a {color:#768088;text-decoration:underline;}
.loan-spain-2021 .loan-table-2 a:hover {text-decoration:none;}
.gallery-wrap-1 {clear:both;width:75%;}
.gallery-wrap-1 .project-images {margin:0px 0 30px 0;align-items:stretch;display:flex;flex-wrap:wrap;}
.gallery-wrap-1 .project-images li a {display:block;}
.gallery-wrap-1 .project-images img {width:100%;display:block;margin:0;}
.gallery-wrap-1 .project-images li {width:126px;margin:0 10px 10px 0;}
.gallery-wrap-1 .project-images li.thumb-large {width:263px;}
.gallery-wrap-1 .project-images .thumb-top {margin-bottom:11px;}
.loan-spain-2021 .loan-table-3 {padding:0;}
.timeline-block-wrap {clear:both;}
.timeline-block-wrap h3 {font-size:20px;text-transform:initial;}
.timeline-wrap {padding:100px 30px;background:#f4f4f4;}
.timeline-list {position:relative;}
.timeline-list:before {content:"";position:absolute;top:50%;margin-top:-1px;left:0;height:2px;width:100%;background:#013b53;}
.timeline-list:after {content:"";position:absolute;top:50%;margin-top:-7.5px;right:-2px;width:10px;height:16px;background:url(../img/timeline-arrow.svg) 0 0/contain no-repeat;}
.timeline-list li {position:absolute;/*border:1px solid #ccc;*/height:70px;padding:10px 0;line-height:1.2;transition:all 0.2s ease-in-out;}
.timeline-list li p {margin:0 0 0 0;}
.timeline-list li:hover:before {background:#fff;}
.timeline-list li.step-done:before {}
.timeline-list li:before {content:"";position:absolute;top:0;left:0;width:14px;height:14px;background:#fff;border:2px solid #013b53;border-radius:50%;transition:all 0.2s ease-in-out;}
.timeline-list li:hover:before {background:#ff9966;}
.timeline-list li.act:hover:before {background:#fce4c71;}
.timeline-list li:hover {color:#ff9966;}
.timeline-list li.act:before {width:18px;height:18px;top:-1px;left:-1px;background:#ff5e62;}
.timeline-list li.act {color:#ce4c71;padding:7px 0 10px 7px !important;transition:all 0.2s ease-in-out;}
.timeline-list li.act:hover {color:#013b53;}
.timeline-list li:nth-child(odd) {top:-8px;padding-top:20px;}
.timeline-list li:nth-child(even) {top:-64px;}
.timeline-list li:nth-child(even):before {bottom:0;top:initial;}
.timeline-list li.act .if-act {border-radius:5px;background:#fff;margin-top:2px;padding:10px;box-shadow:0 10px 15px 0 rgba(0,0,0,0.15);transition:all 0.2s ease-in-out;}
.timeline-list li.act:hover .if-act {border-color:#ce4c71;}
.timeline-list li:nth-child(1) {left:0px;}
.timeline-list li:nth-child(2) {left:10%;}
.timeline-list li:nth-child(3) {left:20%;}
.timeline-list li:nth-child(4) {left:35%;}
.timeline-list li:nth-child(5) {left:48%;}
.timeline-list li:nth-child(6) {left:62%;}
.timeline-list li:nth-child(7) {left:75%;}
.timeline-list li:nth-child(8) {left:88%;}
.timeline-list li.step-done {color:#6d8f9d;}
.timeline-list li.step-done:hover:before {background:#fff;}
.business-accordion {clear:both;margin-bottom:30px;}
.business-accordion h3 {color:#013b53;}
.remaining-investment-time {margin:10px 0 -10px 0;}
.remaining-investment-time .tooltip {float:none;margin-left:5px;margin-bottom:-3px;display:inline-block;}
.remaining-small {font-size:26px;}
@media screen and (max-width: 1200px) {
.gallery-wrap-1 {width:100%;}
.gallery-wrap-1 .project-images {justify-content:space-between;}
.gallery-wrap-1 .project-images li {width:48%;margin-right:0;margin-bottom:15px;}
.gallery-wrap-1 .project-images li.thumb-large {width:60%;max-width:400px;margin:0 auto;}
.gallery-wrap-1 .project-images {align-items:flex-start;}
.gallery-wrap-1 .project-images li {display:none;}
.gallery-wrap-1 .project-images li.thumb-mob {display:block;}
}
@media screen and (max-width: 900px) {
.loan-spain-2021 .loan-table-2.loan-block-1 {width:100%;}
.loan-spain-2021 .loan-table-2.loan-block-2 {width:100%;}
.loan-spain-2021 .loan-table-2.loan-block-3 {width:100%;}
.business-accordion .default-table {margin:0;}
.business-accordion .default-table,
.business-accordion .default-table tbody,
.business-accordion .default-table tr,
.business-accordion .default-table td {display:block;border:0;padding:3px 0;}
.business-accordion .default-table tr {border-bottom:1px solid #ccc;border-top:0;padding:5px 0;}
.business-accordion .ui-accordion-content {padding-left:0;}
.timeline-wrap {padding:30px;}
.timeline-list {padding-bottom:20px;}
.timeline-list:before {left:0;top:0;height:100%;width:2px;}
.timeline-list li {position:relative;left:0;padding:10px 10px 10px 20px;height:initial;margin:0 0 10px 0;}
.timeline-list li.act .if-act {padding:15px 15px 15px 15px;}
.timeline-list li:nth-child(odd) {top:initial;padding-top:10px;}
.timeline-list li:nth-child(even) {top:initial;padding-top:10px;}
.timeline-list li:nth-child(1), .timeline-list li:nth-child(2), .timeline-list li:nth-child(3), .timeline-list li:nth-child(4), .timeline-list li:nth-child(5), .timeline-list li:nth-child(6), .timeline-list li:nth-child(7), .timeline-list li:nth-child(8)
{left:0;}
.timeline-list li:nth-child(even):before {bottom:initial;top:0;}
.timeline-list li:before {left:initial;left:0;margin-left:-6px;margin-top:10px;}
.timeline-list li.act:before {left:initial;left:0;margin-left:-9px;margin-top:-3px;}
.timeline-list:after {top:initial;bottom:-6px;right:initial;left:-4px;margin-top:0;transform:rotate(90deg);}
.business-accordion {margin-top:20px;}
.business-table-main {}
.business-table-main tbody,
.business-table-main tr,
.business-table-main td {display:block;padding:3px 0;}
.business-table-main tr {padding:10px 0;border-top:1px solid #ccc;}
}
/* Vietnam business loan */
.withdraw-vn-modal {font-size:16px;}
.vn-loan-table {border:1px solid #bcc1d5;margin-bottom:15px;}
.vn-loan-table table {border:1px solid #bcc1d5;}
.vn-loan-table table th {border:1px solid #bcc1d5;padding:5px 5px;line-height:1;text-align:left;background:#f3f4f9;}
.vn-loan-table table td {border:1px solid #bcc1d5;padding:5px 5px;line-height:1;min-width:120px;}
.early-exit {margin-top:10px;text-shadow:0 1px 3px rgba(0,0,0,0.15);}
.early-exit a {background:#bcc0d5;color:#fff;padding:10px 15px 7px 15px;border-radius:50px;}
.early-exit a:hover {background:#898c9d;}
.vietnam-landing {margin-bottom:30px;}
.tooltip-vn, .tooltip-ph-9 {text-indent:-9999px;margin-top:-10px;width:18px;height:18px;display:inline-block;background:url(../img/sprite.png) -750px -50px no-repeat;}
.withdraw-vn-modal.modal ul {margin-bottom:20px;}
.withdraw-vn-modal.modal ul > li {padding-left:0px;margin-bottom:7px;}
.withdraw-vn-modal.modal ul > li:before {display:none;}
.vietnam-landing .business-descr h2:before {content:"";position:absolute;top:3px;left:0;width:52px;height:60px;background:url(../img/vietnam-briefcase.svg) 0 0 no-repeat;background-size:contain;}
.vietnam-landing .business-descr h2 {padding-left:60px;}
.vn-choice-buttons {align-items:stretch;display:flex;flex-wrap:wrap;margin-top:20px;}
.vn-choice-buttons .button {margin-right:20px;}
.vn-choice-buttons .ghost-btn {text-transform:initial;}
.vn-choice-buttons .button a {padding:12px 20px 10px 20px;border-radius:50px;}
.modal-notif {text-align:left;padding:15px 20px;position:relative;border:1px solid #ffd3a4;background:#fff2e6;color:#A5651E;border-radius:3px;}
.confirm-it {position:absolute;top:0;left:0;right:0;bottom:0;padding:50px;background:#fff;text-align:center;display:none;align-items:center;flex-wrap:wrap;}
.confirm-it.flex {display:flex;}
.confirm-it h2 {font-size:26px;margin-bottom:30px;line-height:1.2;text-transform:initial;}
.confirm-it p {font-size:20px;line-height:1.2;margin-bottom:0;}
.confirm-inner {width:100%;}
.confirm-inner .vn-choice-buttons {justify-content:center;}
.confirm-inner .vn-choice-buttons .button {margin:0 10px;}
.default-table {border:1px solid #c7d1d9;margin:20px 0;}
.default-table td {border:1px solid #c7d1d9;padding:10px;text-align:left;color:#013b53;}
.default-table th {font-weight:600;border:1px solid #c7d1d9;padding:10px;}
@media screen and (max-height: 800px) {
.withdraw-vn-modal {top:10px;bottom:10px;}
.withdraw-vn-modal .secondarry-btn {margin-bottom:30px;}
}
.modal.fixed-modal {position:fixed;top:0;bottom:30px;max-height:initial;margin-left:0;transform:translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%);}
@media screen and (max-width: 900px) {
.modal.fixed-modal {top:20px;bottom:20px;margin-left:0;left:2%;width:96%;transform:translate(0%, 0%);-webkit-transform:translate(0%, 0%);-moz-transform:translate(0%, 0%);-o-transform:translate(0%, 0%);}
}
/* Angelo landing */
.angelo-landing {margin:20px auto 50px auto;max-width:828px;}
.gift-box {background:url(../img/gift-box.png) 0 0/contain no-repeat;padding:90px 120px 30px 90px;width:828px;height:389px;}
h1.angelo-heading {font-size:30px;line-height:1.4;text-transform:initial;margin-bottom:30px;}
p.angelo-terms {text-align:center;font-size:15px;}
p.angelo-terms a {text-decoration:underline;color:#013b53;}
p.angelo-terms a:hover {text-decoration:none;}
.angelo-landing .primary-btn a {padding:20px 35px 18px 35px;font-weight:500;}
@media screen and (max-width: 1008px) {
.angelo-landing {margin-top:0;margin-bottom:30px;}
.gift-box {background:url(../img/gift-box-top.png) center top no-repeat, url(../img/gift-box-bottom.png) center bottom no-repeat;text-align:center;padding:150px 10px 15px 10px;width:100%;height:initial;margin-bottom:20px;}
h1.angelo-heading {font-size:26px;line-height:1.4;text-transform:initial;}
.angelo-landing .primary-btn {margin-bottom:0;}
}
.center-btns {justify-content:center;}
.center-btns a {min-width:120px;text-align:center;}
.pers-list a {display:inline-block;}
.pers-list {max-width:250px;margin-bottom:10px;}
.pers-list li {padding:3px 0px;margin-top:5px;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;}
.pers-list li:first-child {margin-top:0;}
.pers-list .ghost-btn a {font-weight:500;padding:5px 12px 3px 12px;font-size:14px;}
.add-pers-btn a {display:inline-block;background:#ff5e62;color:#fff;font-weight:500;padding:7px 15px 5px 15px;border-radius:30px;}
.pers-list-block {background:#f3f4f9;padding:20px;border-radius:5px;max-width:430px;}
@media screen and (max-width: 900px) {
.center-btns div {margin-top:10px;}
.center-btns div:first-child {margin-top:0;}
.center-btns a {min-width:200px;}
.company-menu-4 li {width:100%;}
.reg-accordion h3.reg-subtitle {max-width:100%;}
}
.ghost-btn a {border-radius:20px;}
.page-menu {align-items:stretch;display:flex;flex-wrap:wrap;text-transform:uppercase;text-align:center;margin-bottom:30px;background:#013b53;border:2px solid #013b53;font-weight:600;border-radius:5px;}
.lang-lv .page-menu {text-transform:initial;}
.page-menu-2 li {width:50%;}
.page-menu-3 li {width:33.333333%;}
.page-menu-4 li {width:25%;}
.page-menu li {display:flex;flex-grow:0;flex-direction:column;align-items:stretch;}
.page-menu li a {color:#fff;display:block;padding:22px 10px 20px 10px;transition:all 0.2s ease-in-out;height:100%;flex-grow:0;flex-direction:column;align-items:stretch;}
.page-menu li a:hover {background:#ff9966;}
.page-menu li.act a {background:#fff;color:#013b53;}
@media screen and (max-width: 900px) {
.page-menu-2 li, .page-menu-3 li, .page-menu-4 li {width:100%;}
.page-menu li a {padding:7px 0;}
}
.disclosure-intro {margin-bottom:20px;}
.loan-orig-list {margin-bottom:30px;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;}
.loan-orig-list li {width:48%;padding:20px;border:1px solid rgb(209, 220, 225);border-radius:5px;}
.loan-orig-list li p {margin-bottom:5px;line-height:1.2;}
.loan-orig-list h4 {margin-bottom:10px;font-weight:400;}
@media screen and (max-width: 900px) {
.loan-orig-list {margin-bottom:10px;}
.loan-orig-list li {width:100%;margin-bottom:20px;}
}